Cách hướng mắt người dùng trên một trang web

Có một nguyên tắc phổ biến trong nhiếp ảnh là một bức ảnh sẽ dẫn mắt người xem. Điều này thường được thực hiện với một dòng chạy trên ảnh. Nhận biết cách người quan sát sẽ quét qua ảnh của bạn thường hữu ích trong việc soạn ảnh và cách mắt người xem quét ảnh đôi khi có thể thay đổi ý nghĩa của ảnh.

Những gì có thể được thực hiện trong thiết kế web để dẫn mắt người dùng đi khắp trang web theo hướng bạn muốn mà không cần người dùng phải tìm kiếm đúng phần của trang?

Ví dụ: bạn có thể muốn người dùng nhìn thấy logo và sau đó mô tả ngắn về trang web và sau đó là một bài viết. Bên cạnh việc đặt các mục này trong một cột dọc với một mục bên dưới và loại bỏ tất cả các yếu tố khác khỏi trang, bạn sẽ dẫn mắt người dùng từ người này sang người khác như thế nào?

Tất cả là vấn đề cân bằng giữa kích thước, màu sắc và sự liên kết. Với kinh nghiệm bạn sẽ biết những gì và khi sử dụng những thủ thuật đó để thu hút sự chú ý. May mắn thay trên trang web, chúng tôi có thể theo dõi sự chú ý này và có rất nhiều nghiên cứu khoa học về vấn đề này, ví dụ có dữ liệu tốt trong trang web của Jakob Nielsen .

Về theo dõi Mắt tôi muốn nói rằng đối với vấn đề ngân sách, và thực tế không ai sẽ trả tiền cho một thiết bị theo dõi Mắt, hoặc thậm chí sử dụng nó. (Thật khó để thuyết phục sếp của bạn trong văn phòng thực hiện vài giờ kiểm tra khả năng sử dụng ở bất kỳ giai đoạn nào của dự án ...) Cá nhân tôi thích thử nghiệm khả năng sử dụng với người thực để đánh giá thành phần thiết kế web của tôi. Ngay cả khi điều này có nghĩa là đưa một người bạn của một người trong gia đình tôi và đặt họ trước màn hình đặt câu hỏi hoặc xem xét hành vi của họ.

Theo dõi bằng mắt không cho bạn biết nếu người dùng đang nhìn họ có hiểu nó là gì hay không. Nếu họ thất vọng do dự hoặc chỉ ngưỡng mộ các thành phần đồ họa.

Một cuốn sách tuyệt vời có thể giúp bạn trong việc này là Rocket Phẫu thuật Made Easy của Steve Krug

Như koiyu đã đề cập trong bình luận, theo dõi bằng mắt là điều bạn nên theo đuổi. Bạn có thể tạo các thiết kế với mục đích dẫn người dùng đi theo một con đường, nhưng cách duy nhất để thực sự biết liệu bạn có hoàn thành mục tiêu của mình hay không là thực hiện một nghiên cứu theo dõi bằng mắt.

Điều đó nói rằng, bạn có thể thấy câu trả lời của tôi hữu ích cho câu hỏi, Làm thế nào để thu hút sự chú ý đến một khu vực cụ thể của một thiết kế? Đó không phải là cùng một câu hỏi, nhưng nó gần.

Thêm tài nguyên theo dõi mắt:

• Theo dõi bằng mắt: Cách tốt nhất để kiểm tra khả năng sử dụng ứng dụng phong phú
• Hướng dẫn thiết kế mẫu web: một nghiên cứu về mắt
• Nghiên cứu theo dõi mắt cho thấy 12 chiến thuật trang web
• Câu hỏi về StackOverflow về việc thiết lập trình theo dõi mắt của riêng bạn với một máy quay web

Dịch vụ theo dõi mắt:

• GazeHawk
• Tính đơn giản
• Người dùng trung tâm
• Người dùng

Đây là mẹo nhanh chóng: Bao gồm hình ảnh của một người đang nhìn hoặc chỉ vào đối tượng mục tiêu của bạn (ví dụ: sản phẩm, nút đăng ký). Đây là một ví dụ từ một quảng cáo, nhưng tôi đã thấy chiến thuật tương tự trên các trang web:

(Nguồn: http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitor-away/ )

Tôi có thể nghĩ ra hai cách đơn giản để hướng mắt người dùng vào một trang web:

1. Sử dụng một số rõ ràng trên các yếu tố trang của bạn. Bạn có thể thấy điều này trong khá nhiều trang chủ của trang web, hoặc bạn có thể tham khảo tệp PDF này từ một trang web tài chính (mặc dù tôi nghĩ đó không thực sự là một ví dụ tuyệt vời).
2. Sử dụng mũi tên để hướng sự chú ý của người dùng của bạn. Đây có thể là một cái gì đó giống như một sơ đồ. Tôi không thể nghĩ ra bất kỳ ví dụ trực tuyến nào ngay bây giờ.