Đoạn văn rộng: nhìn đẹp nhưng mà … mệt ngang

Nhìn đoạn văn rộng có thể đẹp gọn trên Desktop, nhưng đọc hết một hàng chữ dài ngoằng thì mắt phải chạy từ đầu này sang đầu kia rồi quay trở lại.

Mệt nhỉ. Não cứ phải reset hoài vị trí.

Đến 1 người ham đọc cũng phải bỏ đi.

Nghiên cứu mắt & hành vi đọc trực tuyến — “Do readers use character information when programming return‑sweep saccades?” (Vasilev, Adedeji, et al. 2019), kết luận rằng:

Dòng càng dài, lỗi càng nhiều: Nghiên cứu chỉ ra rằng với các dòng dài, mắt thường xuyên gặp lỗi “Under-sweeps” (nhảy hụt, chưa tới đầu dòng).

Khi bị hụt, mắt phải thực hiện thêm một cú giật lùi nhỏ (corrective regression) để sửa sai, gây tốn thời gian và năng lượng.

Một bài nghiên cứu kinh điển Readability: The Optimal Line Length của Baymard Institute (Viện nghiên cứu UX thương mại điện tử hàng đầu) cũng đưa ra kết luận

Độ dài dòng lý tưởng cho văn bản là từ 50 đến 75 ký tự (bao gồm cả khoảng trắng) ~500px – 700px

Lý do mà Baymard Institute đưa ra:

• Nếu dòng quá dài (trên 75 ký tự): Mắt người đọc khó xác định điểm bắt đầu của dòng tiếp theo
• Nếu dòng quá ngắn (dưới 50 ký tự): Mắt phải đảo chiều liên tục, làm ngắt quãng nhịp điệu đọc, gây mỏi nhanh hơn.

Ứng dụng ngay và luôn cho cụm chữ trên trang chủ Yakiyum, đặt max-width: 700px

Before

After

Túm cái váy lại:

Hình có thể to, rộng, full màn hình.

Nhưng text thì đừng vượt quá 700px nếu muốn người đọc ở lại lâu hơn.