Làm thế nào quan trọng là dòng chảy trực quan của một giao diện?

Gần đây tôi đã có một cuộc trò chuyện với một người bạn về thiết kế của một ứng dụng cài đặt. Tôi chỉ ra rằng dòng chảy hình ảnh của nó là khó hiểu. Nó dẫn mắt tôi từ trái sang phải rồi lên trên rồi lại xuống phía dưới bên trái và cuối cùng qua bên phải. Anh ấy trả lời rằng anh ấy không nghĩ rằng dòng chảy trực quan đặc biệt quan trọng đối với thiết kế đồ họa. Liệu có một hướng rõ ràng và dòng chảy giữa các yếu tố quan trọng trong thiết kế đồ họa hoặc không quan trọng so với các khía cạnh khác?

design-principles composition interface-design

— Tin học
nguồn

Tôi không chắc ý của bạn là gì khi dẫn đầu trong bối cảnh giao diện người dùng. Thông thường thuật ngữ đó được sử dụng liên quan đến nhiếp ảnh trong đó hình ảnh chứa các đường trực quan để người dùng theo dõi. Giao diện người dùng không phải là hình ảnh và mắt có xu hướng tuân theo bố cục logic của giao diện (ví dụ: dòng văn bản: quét từ trái sang phải, từ trên xuống dưới) thay vì bất kỳ dòng hình học nào được tìm thấy trong giao diện.

— Calvin Huang

Một ảnh chụp màn hình sẽ đi một chặng đường dài để giải thích vấn đề trong tầm tay.

— Philip Regan

Chính xác. Một dòng hàng đầu là gì? Bạn đang nói về tiêu đề hoặc bất cứ điều gì khác? Bạn đang hỏi về hàng đầu về cơ bản là chiều cao dòng?

— Robert Koritnik

Tôi nghĩ vấn đề là thuật ngữ. Tôi đã chỉnh sửa câu hỏi của tôi.

— Tin học

Luồng trực quan của một giao diện có vấn đề, và đây là lý do:

Mỗi màn hình giao diện nên có một hành động chính hoặc hành động sẽ được thực hiện. Dòng chảy trực quan nên tự nhiên vẽ mắt cho hành động chính.
Mắt càng di chuyển càng xa, giao diện càng dễ hiểu và sử dụng. Các nghiên cứu (pdf) về thiết kế biểu mẫu cho thấy điều này vì các biểu mẫu có nhãn được căn chỉnh trên cùng được hoàn thành nhanh hơn so với các biểu mẫu có nhãn bên trái hoặc bên phải.
Một luồng hình ảnh khó hiểu hoặc mở rộng làm tăng sự thất vọng của người dùng. Khi họ cân nhắc chi phí cảm nhận của sự thất vọng và thời gian liên tục so với việc hoàn thành một nhiệm vụ, nhiều người dùng sẽ từ bỏ nhiệm vụ.
Nhiệm vụ càng bị bỏ rơi, chuyển đổi càng ít. Trong trường hợp của bạn bè, điều đó có nghĩa là ít lượt cài đặt hơn. Nói tóm lại, anh ta đang làm tổn thương điểm mấu chốt của mình bằng cách bỏ qua thiết kế tốt.

Một trong những tài nguyên tốt nhất tôi từng thấy về chủ đề này là một loạt video của StomperNet (bỏ qua giới thiệu bán hàng, các video đáng để đưa lên với nó). Trọng tâm của các video là cải thiện chuyển đổi trang web, nhưng có rất nhiều nguyên tắc thiết kế vững chắc với cơ sở khoa học trong đó có thể được áp dụng cho bất kỳ thiết kế nào.

Nếu video không phải là vấn đề của bạn, hãy xem nghiên cứu này, Xác định các vấn đề về khả năng sử dụng web từ dữ liệu theo dõi mắt (pdf), trong đó nêu bật các vấn đề về khả năng sử dụng cụ thể xuất phát từ luồng hình ảnh kém.

— Truyền thông Virtuosi
nguồn