Bạn đã bao giờ mở một bài báo hay trang kết quả tìm kiếm, đọc trọn vài dòng đầu rồi nhanh chóng lướt xuống, chỉ liếc qua phần đầu của mỗi dòng chưa? Hình dạng đường nhìn như vậy — đọc ngang hai lần ở phần trên màn hình rồi lướt dọc theo mép trái phía dưới — được gọi là ‘mô hình chữ F (F-Shaped Pattern)’.
Nói đơn giản, mô hình chữ F là ‘hiện tượng ánh mắt vẽ thành hình chữ F khi ta lướt qua văn bản trên web thay vì đọc kỹ’. Tên gọi này ra đời năm 2006 trong một nghiên cứu theo dõi ánh mắt của 232 người dùng do Nielsen Norman Group, đứng đầu là chuyên gia khả dụng Jakob Nielsen, thực hiện.
Bài viết này sẽ lần lượt tìm hiểu quá trình phát hiện mô hình chữ F, ba chuyển động của ánh mắt cùng các thuật ngữ chính qua hình minh họa, cách ứng dụng trong thiết kế và viết lách, cũng như những hiểu lầm và giới hạn xoay quanh mô hình này.
Tấm bản đồ do đôi mắt lướt đọc để lại: mô hình chữ F
1. Quá trình phát hiện mô hình chữ F
Khi web trở nên phổ biến, việc con người đọc chữ trên màn hình như thế nào đã trở thành mối quan tâm của cả nhà thiết kế lẫn nhà nghiên cứu. Câu trả lời chính xác hơn cả việc hỏi trực tiếp người dùng lại nằm ở chính chuyển động của đôi mắt.
(1) Nghiên cứu theo dõi ánh mắt
Theo dõi ánh mắt (Eyetracking) là phương pháp dùng một thiết bị đặt dưới màn hình để ghi lại mắt dừng ở đâu trên màn hình và dừng trong bao lâu. Nielsen Norman Group đã dùng thiết bị này để ghi lại cảnh 232 người dùng xem hàng nghìn trang web.
(2) Chữ F hiện ra trên bản đồ nhiệt
Khi chồng các bản đồ nhiệt — tô đỏ nơi ánh mắt dừng lâu, vàng và xanh nơi dừng ít — lên nhau, một hình chữ F tương tự xuất hiện ngay cả trên những trang rất khác nhau như trang giới thiệu công ty, trang sản phẩm hay kết quả tìm kiếm. Nielsen công bố kết quả này trong bài viết tháng 4 năm 2006 “F-Shaped Pattern For Reading Web Content”.
(3) Người dùng lướt chứ không đọc
Điều cốt lõi mà nghiên cứu cho thấy không nằm ở bản thân hình chữ F, mà ở thực tế rằng người ta hiếm khi đọc kỹ từng chữ trên web. Người dùng chỉ chọn xem một phần văn bản để nhanh chóng tìm thông tin cần thiết, và chữ F chính là dấu vết mà việc lướt đọc ấy để lại.
2. Ba chuyển động của ánh mắt và các thuật ngữ chính qua hình minh họa
Mô hình chữ F gồm ba chuyển động của ánh mắt. Hai lần di chuyển ngang ở phía trên và một lần di chuyển dọc ở bên trái kết hợp lại thành chữ F.
- Mô hình chữ F (F-Shaped Pattern): Hiện tượng đọc ngang hai dòng trên cùng, còn phần còn lại chỉ lướt dọc bên trái, khiến ánh mắt vẽ thành hình chữ F.
- Theo dõi ánh mắt (Eyetracking): Phương pháp nghiên cứu dùng thiết bị ghi lại chuyển động của mắt và thời gian mắt dừng lại.
- Bản đồ nhiệt (Heatmap): Hình ảnh tô màu càng đậm ở nơi ánh mắt dừng càng nhiều để có thể nhìn thấy ngay.
- Lướt đọc (Scanning): Cách đọc không đọc toàn bộ văn bản mà chỉ chọn những từ, câu nổi bật để xem.
(1) Đường ngang thứ nhất
Trước tiên, người dùng đọc ngang phần trên cùng của vùng nội dung. Đoạn có tiêu đề và câu đầu tiên này trở thành nét ngang trên của chữ F.
(2) Đường ngang thứ hai
Sau đó họ di chuyển xuống một chút và đọc ngang lần nữa, nhưng lần này chỉ đọc một đoạn ngắn hơn lần đầu rồi dừng lại. Đây là nét ngang giữa của chữ F.
(3) Đường dọc bên trái
Cuối cùng, họ lướt dọc xuống theo mép trái của nội dung. Có lúc lướt chậm và kỹ, có lúc lướt nhanh và rời rạc, và chuyển động này trở thành nét dọc của chữ F.
3. Cách ứng dụng trong thiết kế và viết lách
Biết về mô hình chữ F không có nghĩa là phải trang trí màn hình theo hình chữ F. Nó giống một tín hiệu nhắc ta sắp xếp văn bản và màn hình sao cho người dùng chỉ lướt qua cũng không bỏ lỡ nội dung quan trọng.
(1) Đặt nội dung quan trọng trong hai đoạn đầu
Nielsen khuyên rằng hai đoạn đầu tiên phải chứa thông tin quan trọng nhất, vì phần người dùng đọc ngang hết chỉ là vài dòng trên cùng. Đây là nguyên tắc tương đồng với cấu trúc kim tự tháp ngược của tin báo chí, vốn viết kết luận trước.
(2) Đưa thông tin vào những từ đầu tiên
Đôi mắt di chuyển dọc bên trái chỉ nhìn hai, ba từ đầu của mỗi dòng rồi đi tiếp. Vì vậy, nếu tiêu đề phụ, đoạn văn và mục danh sách bắt đầu bằng những từ mang nội dung, người lướt đọc cũng nhanh chóng nhận ra phần đó nói về điều gì.
(3) Dùng tiêu đề phụ, chữ đậm và danh sách
Nielsen Norman Group giải thích rằng mô hình chữ F dễ xuất hiện ở những văn bản dài hầu như không có dấu hiệu như tiêu đề phụ hay chữ đậm. Thêm tiêu đề phụ, in đậm từ khóa và chia thành danh sách sẽ giúp ánh mắt dừng lại ở nơi cần thiết.
4. Những hiểu lầm và giới hạn xoay quanh mô hình chữ F
Vì được biết đến rộng rãi nên mô hình chữ F cũng thường bị hiểu sai. Đây không phải là quy luật mà con người lúc nào cũng tuân theo, mà là một thói quen đọc thường xuất hiện trong những điều kiện nhất định.
(1) Không phải mục tiêu của thiết kế tốt
Năm 2017, Nielsen Norman Group nghiên cứu lại và cho biết mô hình chữ F vẫn xuất hiện trên màn hình điện thoại di động. Đồng thời, họ nhấn mạnh rằng mô hình này có nghĩa là người dùng đang bỏ lỡ nội dung bên phải, nên đó không phải là mục tiêu mà nhà thiết kế nên cố tình tạo ra.
(2) Những mô hình lướt đọc khác
Cùng nghiên cứu đó còn giới thiệu mô hình bánh nhiều lớp (Layer-Cake Pattern) chỉ đọc các tiêu đề phụ, mô hình điểm rải rác (Spotted Pattern) chỉ tìm những thứ cụ thể như con số hay liên kết rồi bỏ qua phần còn lại, và mô hình dấn thân (Commitment Pattern) khi người đọc quan tâm nhiều nên đọc gần như toàn bộ. Điều đó có nghĩa là hình dạng của ánh mắt thay đổi theo cách bố cục văn bản và mục đích đọc.
(3) Ảnh hưởng của ngôn ngữ và bố cục màn hình
Chữ F là kết quả thu được từ những ngôn ngữ đọc từ trái sang phải. Ở những ngôn ngữ viết từ phải sang trái như tiếng Ả Rập hay tiếng Do Thái, có thể xuất hiện hình dạng bị lật ngược trái phải, còn trên màn hình nhiều hình ảnh hoặc bố cục được sắp xếp gọn gàng thì chữ F có thể không rõ.
Rốt cuộc, điều mô hình chữ F cho ta biết là con người lướt đọc chữ trên màn hình một cách vội vã. Ý nghĩ đơn giản rằng chỉ cần đặt điều quan trọng ở phía trên và từ khóa ở đầu dòng bên trái thì đôi mắt lướt qua cũng không bỏ lỡ, chính là bước đầu tiên để hiểu mô hình chữ F.
