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 Eye_tracking06

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 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 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 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

Theo: Chu Đình Châu Blog

Cheers,

The following two tabs change content below.
Tôi là kỹ sư Cơ khí, kỹ sư CNTT trường ĐH Bách Khoa Hà Nội. Tôi hoạt động trong lĩnh vực CNTT, bao gồm Software Development, Web Design, Web Development, Interactive Multimedia and Mobile App, Mobile Game Development. Tôi rất yêu công nghệ và tôi lập ra trang web này để chia sẻ kiến thức về công nghệ với mọi người.

Bình luận

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

*
*
Website