Một số kinh nghiệm thiết kế web rút ra từ Eye tracking test

Hiện nay khi chúng ta thiết kế web thông thường đều dựa và phán đoán. Phán đoán là cần thiết nhưng nó cũng có những hạn chế, để có trải nghiệm người dùng tốt hơn chúng ta cần những hiểu biết khoa học mang tính thực nghiệm hơn về cách mà người dùng duyệt website. Từ những nghiên cứu sử dụng công nghệ Eye tracking của Jacob Nielson chúng ta có những kinh nghiệm rất thiết thực để thiết kế web

1. Ứng xử người dùng trước banner trang chủ
Nhiều website thiết kế banner trang chủ đẹp và hấp dẫn mong muốn khách hàng cảm nhận sự chuyên nghiệp từ website nhưng thực tế thì khách hàng chẳng mấy khi ngó qua banner mà chúng ta dầy công thiết kế
Eye_tracking01

Vậy có nên thiết kế banner này không?

Vẫn nên vì dù người dùng không nhìn vào banner nhưng họ vẫn cảm nhận được, cơ chế nhìn của mắt là chúng ta chỉ đọc được trong khoảng 2cm trên màn hình còn những vùng xung quanh thì dù cố gắng chúng ta chỉ thấy lờ mờ. Những hình ảnh lờ mờ đó cũng đủ để đưa được vào trong tiềm thức của người dùng một thông điệp nào đó rồi, tuy nhiên đừng lạm dụng các banner này chỉ nên để ở trang chủ, các trang trong nên để dành chỗ cho thể hiện các nội dung chi tiết.

2. Người dùng phản ứng như thế nào với hình ảnh khuôn mặt

Người dùng đặc biệt chú ý đến những hình ảnh khuôn mặt cười nhìn thẳng vào camera
Eye_tracking02

Tuy nhiên, những hình ảnh khuôn mặt quá hoàn hảo thường bị bỏ qua

Eye_tracking04

Tips point: Với những hình ảnh live support bạn nên chụp ảnh thật nhân viên của mình, nhưng chú ý để cô ấy nở một nụ cười thật tươi. Bước vào một cửa hàng ai cũng muốn được nhân viên bán hàng đón tiếp mình với một nụ cười và thế giới online cũng vậy

3. Vùng màn hình nào được nhìn vào đầu tiên
Chia màn hình thành 4 vùng thì tỷ lệ cái nhìn đầu tiên của người dùng, ở cái nhìn đầu tiên người dùng sẽ nhìn vào đâu?

Eye_tracking05

Cái nhìn đầu tiên

Eye_tracking06

Cái nhìn thứ 2

Tips point: Những thông điệp quan trọng nhất bạn muốn gửi đến khách hàng thì cần được đưa lên góc trên trái hoặc trên phải

4. Thói quen của hai giới khác nhau như thế nào khi duyệt Web

Với site thời trang phụ nữ nhìn quần áo, đàn ông nhìn mặt người mẫu

Đàn ông

Đàn ông duyệt website thời trang

Phụ nữ duyệt website thời trang

Phụ nữ duyệt website thời trang

Tips point: Nếu bạn kinh doanh thời trang nam thì tốt nhắt nên cắt đi khuông mặt của người mẫu

Đàn ông có vẻ thích màu đỏ và những chỗ nhạy cảm của phụ nữ

Đàn ông

Đàn ông

Phụ nữ

Phụ nữ

Trong hình ảnh cầu thủ bóng chày dưới đây tại sao đàn ông thì nhìn “chỗ ấy” còn phụ nữ thì không?

Đàn ông

Đàn ông

Phụ nữ

Phụ nữ

Không lẽ đàn ông gay hết :D, một giải thích hợp lý nhất là đàn ông nhìn để so hàng của họ với của mình.

Nguồn các hình ảnh: Eyetracking Web Usability – Jakob Nielsen,Kara Pernice

10 thoughts on “Một số kinh nghiệm thiết kế web rút ra từ Eye tracking test

  1. Sửa nhà Dream Sky

    Em đang cần tìm thông tin cho để thay theme của web mình. Thấy trên status của bác, đọc được đúng cái mình cần.
    Thanks bác chia sẻ ! và chia sẻ nhiều thêm hơn nữa ạ.

    Reply
  2. Gối bà bầu HAHUMA

    Bài dịch của Bác Châu này khá hay và hữu ích. Khi mình hiểu được đối tượng của mình như thế nào để có thiết kế web phù hợp, đừng thiết kế 1 trang web quá lố bịch gây phản cảm, tốn chi phí thiết kế, chi phí quảng cáo mà chằng có hiệu quả nào.

    Reply
  3. Pingback: Một số kinh nghiệm thiết kế web rút ra từ Eye Tracking Test

Leave a Reply

Your email address will not be published. Required fields are marked *