Dữ liệu Hình dung: Thiết kế cho các thiết bị di động - núm vú

Cho đến một vài năm trước, khi một nhà thiết kế tạo ra một quảng cáo dựa trên giấy hoặc brochure, có thể lập kế hoạch chính xác nó sẽ như thế nào sau khi nó được in. Nhà thiết kế biết định dạng và cách khách hàng xem nó. Tuy nhiên, sự phổ biến của các thiết bị di động đã tăng lên, và các nhà thiết kế đã phải đối mặt với hai vấn đề thiết kế mới:

• Thiết kế các giao diện điện thoại di động

• Tạo ứng dụng cho các thiết bị di động

Bây giờ các nhà thiết kế phải thiết kế cho một loạt các thiết bị di động, mỗi chiếc đều có nhu cầu riêng của nó. Do đó, sự phức tạp của thiết kế hình ảnh đã tăng lên.

Để đáp ứng các vấn đề về kích cỡ màn hình và hệ điều hành, các nhà thiết kế sử dụng nguyên tắc thiết kế đáp ứng

(RD).

RD đề cập đến giao diện hoặc bố cục có thể tự tái định cấu hình dựa trên vị trí của nó đang được xem. Thuật ngữ được đặt ra bởi Ethan Marcotte trong một bài báo năm 2010 thừa nhận sự cần thiết của các nhà thiết kế để giải quyết vấn đề yêu cầu nhiều màn hình.

Một thiết kế trang web đáp ứng vẫn còn tốt cho dù bạn xem nó trên máy tính để bàn hoặc điện thoại thông minh của bạn. Các cạnh và biểu tượng tròn được phổ biến trên các thiết bị nhỏ hơn tự động rơi vào vị trí.

Trong bài báo của mình, Marcotte đã trích dẫn ba lĩnh vực mà RD có thể có hiệu quả nhất trong thiết kế web:

Lưới chất lỏng:

Lưới điện là công cụ mà các nhà thiết kế sử dụng để thiết kế các thiết kế, thiết kế sẽ được xem trực tuyến hoặc ngoại tuyến. Trong hình sau, một thiết kế lưới đã được chuyển đổi cho ba hình dạng màn hình.

• Thiết kế lưới được dịch sang các màn hình khác nhau. Hình ảnh linh hoạt:

  

  Khi bạn có hình ảnh trong bài đăng blog hoặc trên trang web của mình, bạn muốn đảm bảo rằng chúng không bị cắt hoặc bị méo. Đảm bảo rằng hình ảnh của bạn có thể định dạng lại bản thân là quan trọng.

• Các truy vấn truyền thông: Khi bạn nhập cụm từ tìm kiếm vào công cụ tìm kiếm như Google hoặc Bing, bạn có thể xem kết quả trên bất kỳ màn hình nào của mình. Đây là một nguyên tắc chính của RD. Nội dung cần được xem trên bất kỳ thiết bị di động nào mà người dùng có thể có. Điều làm cho việc xem nó trên nhiều thiết bị là một thách thức là người thiết kế không có cách nào để biết được kết quả trả về là gì.

• Những ý tưởng này cũng áp dụng cho hình ảnh hóa dữ liệu. Bạn muốn chắc chắn rằng lưới của bạn không bị méo mó khi dữ liệu được hiển thị trên thiết bị di động. Hình ảnh phải rõ ràng và tỉ lệ co (chiều dài đến chiều rộng) phải được canh lề bất kể thiết bị mà người dùng đang làm việc với. Sau các tiêu chuẩn thiết kế ứng dụng

Nhà thiết kế không chỉ muốn một giao diện trông đẹp mà còn muốn nó làm tất cả các thủ thuật. Kết quả là, thiết kế ứng dụng đã trở thành một kỷ luật cho chính nó.

Bạn có thể tự hỏi tại sao bạn nên quan tâm đến thiết kế ứng dụng. Mọi người phải trực quan hoá bất cứ điều gì trên mạng đều tuân thủ các tiêu chuẩn giống như bất kỳ nhà thiết kế ứng dụng nào.

Trong bài báo "Quy tắc đơn giản 6 của Apple dành cho Thiết kế một ứng dụng iOS Killer", Pete Pachal mô tả những gì ông phải làm để tải ứng dụng tin Spun được chứng nhận cho App Store của Apple. (Tại văn bản này, ứng dụng không có trong App Store của U.) Nhóm của Pachal đã phải làm việc với Apple trong 5 tháng để hoàn thiện mọi thứ. Trong thời gian đó, Pachal đã soạn thảo sáu quy tắc cho nhóm của ông, bốn trong số đó áp dụng cho thiết kế dữ liệu:

Sự đơn giản là sức mạnh.

Quy tắc này có lẽ là quy tắc quan trọng nhất cho hình dung dữ liệu. Mục đích là để giải thích hoặc khám phá những thông tin mới có thể được sử dụng để phát triển những hiểu biết sâu sắc. Nếu bạn tập trung vào quá nhiều điểm dữ liệu, câu chuyện sẽ bị mất. Nếu bạn đang tạo bảng điều khiển, quy tắc này đặc biệt quan trọng bởi vì mỗi phần dữ liệu cần hỗ trợ toàn bộ.

• Đừng hy sinh chất lượng theo thời gian. Quy tắc này rất quan trọng cho việc hiển thị dữ liệu. Nếu bạn tát vào nhau một hình ảnh thật khó để giải mã hoặc chỉ đơn giản là cẩu thả, không ai muốn sử dụng nó. Dành thời gian để phát triển một cái gì đó tuyệt vời, và tiếp tục tinh chỉnh nó theo thời gian.

• Thưởng cho người dùng với mọi lần chạm. Mỗi mục trình đơn nên làm một cái gì đó hữu ích. Các liên kết in nên làm việc, ví dụ. Ngoài ra, mỗi lần nhấp chuột phải cung cấp thông tin.

• Chi tiết vấn đề. Trước khi người dùng nhấp vào một liên kết trong một hình ảnh hóa dữ liệu, cần phải rõ ràng nơi liên kết đó sẽ đưa cô ấy hoặc loại dữ liệu nào cô ấy sẽ nhìn thấy.