Biểu tượng thay cho chữ: Khi thiết kế giao diện gây ra hiểu lầm nguy hiểm

Có một câu chuyện tưởng như nhỏ nhưng lại phơi bày vấn đề lớn của thiết kế giao diện hiện đại: rất nhiều xe chạy trong mưa lớn mà không bật đèn. Nguyên nhân không hẳn do tài xế bất cẩn, mà do hệ thống biểu tượng trên xe quá khó hiểu. Cùng lúc đó, Apple cũng đang thay dần nhãn chữ bằng icon trên iOS và bàn phím Mac — và đó là lúc chúng ta cần nhìn lại cái giá của sự "đơn giản" này.

Khi biểu tượng đèn xe khiến tài xế chọn sai

Tác giả bài viết gốc kể lại việc lái xe nhiều giờ dưới mưa xối xả, tầm nhìn kém, và bất ngờ nhận ra rất nhiều xe không bật đèn. Những xe có đèn hậu thì còn nhận ra được, còn xe không bật thì gần như vô hình trong mưa.

Xe chạy trong mưa lớn với tầm nhìn hạn chế

Tìm hiểu kỹ hơn, vấn đề không nằm ở sự lơ đễnh. Xe thường có hai chế độ đèn chính:

• Đèn lái thường: dùng vào ban đêm và khi tầm nhìn hạn chế, ví dụ mưa lớn.
• Đèn đỗ (parking): chỉ bật đèn phía trước ở nửa độ sáng và — vì lý do nào đó — không bật đèn hậu.

Vấn đề nằm ở các biểu tượng. Icon bên trái với hai đèn hướng ra hai phía là đèn đỗ, còn icon ngoài cùng bên phải với một đèn chiếu hơi chúc xuống là đèn lái thường (low beam). Nhìn qua, việc gán nghĩa này khá tùy tiện, và hoàn toàn có thể hiểu ngược lại.

Trên nhiều xe, công tắc đèn nằm ở cần gạt và có thiết kế còn rối hơn: bóng đèn bên trái là chỉ báo tổng thể, phần giữa với đường lượn sóng là đèn sương mù, còn cụm mũi tên bên phải vừa chỉ việc kéo cần để bật đèn pha vừa chỉ việc xoay để bật xi-nhan. Quá nhiều thứ diễn ra cùng lúc trên một khu vực nhỏ, tối ưu cho phản xạ quen tay nhưng rất khó tiếp cận lúc ban đầu.

Điểm mấu chốt: ở cả hai chế độ, phản hồi bên trong xe gần như giống hệt nhau. Bảng đồng hồ vẫn sáng lên, đèn phía trước vẫn bật. Vào ban ngày trời mưa, rất khó nhận ra khác biệt về cường độ, và điều quan trọng nhất — bạn không thể nhìn thấy đèn hậu của chính mình. Nhiều xe có chế độ AUTO, nhưng liệu có nên tin nó chọn đúng trong điều kiện mưa ban ngày?

Apple cũng đang rời bỏ nhãn chữ

Trong lúc dư luận bàn về icon trong menu và app, một thay đổi tinh tế hơn diễn ra: Apple bắt đầu dùng biểu tượng trên các nút bấm. Trên bàn phím Mac, các mẫu bán tại Mỹ nay hiển thị ký hiệu thay cho chữ trên phím Tab, Caps Lock, Shift, Fn, Enter, Return và Delete — theo chân các phiên bản quốc tế.

Bàn phím Mac thế hệ trước và phiên bản 2026

Thay đổi tương tự diễn ra trên màn hình. Khi tạo ghi chú mới, phím ↵ thay cho chữ Return, nút quay lại mất nhãn, còn Done biến thành dấu tích. Ở màn hình AirDrop, Done trở thành nút đóng. Nơi khác, Cancel hóa thành dấu ×, nằm ngay cạnh một dấu × khác. Khi chụp màn hình, Done tách thành dấu tích và dấu ×. Còn Edit trở thành một kiểu icon cọ vẽ mới.

Các phiên bản iOS với nút bấm dạng biểu tượng

Tác giả liên hệ với bài viết cũ của Dmitry Fadeyev mang tên "False simplicity": bề ngoài trông đơn giản nhưng thực chất lại gây rối. Fadeyev cũng dẫn lại quan điểm của Jef Raskin:

Trong mọi nghiên cứu xem xét vấn đề này, biểu tượng đều được chứng minh là khó hiểu hơn nhãn chữ, đặc biệt ở lần xem đầu tiên — điều này mâu thuẫn với một trong những lý do được viện dẫn nhiều nhất để dùng icon, đó là tính dễ hiểu với người mới. […] Đúng là icon nhỏ chiếm ít không gian màn hình hơn nhãn chữ, nhưng phải hỏi: cái giá là gì? Nút càng nhỏ, thao tác càng lâu, càng khó tìm; và cũng khó làm cho một icon nhỏ trở nên dễ phân biệt.

Bảng ghi nhớ nhanh về biểu tượng

Tác giả đúc kết vài nguyên tắc cá nhân khi thiết kế icon:

• Icon giúp tiết kiệm không gian, cho phép nhồi thêm "nhiều giao diện hơn".
• Người dùng có lẽ chỉ hiểu vài icon quen thuộc (nút đóng, dấu tích, dấu cộng, mũi tên), số còn lại có thể học được — nhưng quá trình học khó hơn bạn tưởng.
• Nhiều icon không bao giờ được hiểu đúng, nhưng người ta vẫn dùng được ở một mức nào đó mà không cần hiểu.
• Icon phá vỡ sự đơn điệu của giao diện toàn chữ.
• Icon được làm tốt khiến giao diện đẹp hơn theo cách chữ không làm được.

Tác giả cho rằng Apple không chỉ làm vì thẩm mỹ. Phỏng đoán của ông: phong cách liquid glass thêm quá nhiều viền và khoảng đệm, khiến Apple hết chỗ cho nhãn chữ nằm trong khối kính.

Giao diện iOS với nút Done và Cancel chuyển thành biểu tượng

Nhìn bề ngoài, Apple đang tránh vấn đề của đèn xe bằng cách dùng các icon phổ biến. Nhưng thử thách mới xuất hiện: phần lớn icon này quá phổ biến và bị quá tải nghĩa — dấu tích là "xác nhận" hay "ô đánh dấu việc cần làm"? Dấu × là "đóng" hay "xóa"? Kính lúp là "tìm kiếm" hay "phóng to"? Riêng icon Edit còn khá mới và có lẽ chưa được biết đến. Thêm vào đó, thiết bị cảm ứng không có tooltip khi rê chuột, nên cách duy nhất là dùng icon cọ vẽ một cách nhất quán để dạy người dùng — điều Apple chưa làm tốt.

Bài học cho thiết kế giao diện

Với bàn phím, tác giả tự hỏi vì sao Apple không áp dụng đồng thời cả chữ lẫn icon cho các phím bị ảnh hưởng, giống như hàng phím dưới cùng từng làm — vì ở đó vẫn đủ chỗ.

Còn với vấn đề đèn xe, nếu quả thực biểu tượng là thủ phạm, có một giải pháp đáng cân nhắc: hầu hết xe hiện đại đã có bảng đồng hồ kỹ thuật số, nên lần đầu tiên tooltip là khả thi. Khi xoay cần gạt, một dòng thông báo có thể hiện vài giây, mô tả và biểu tượng nằm cạnh nhau để người dùng liên kết hai thứ. Có lẽ nhìn thấy chữ "parking" sẽ giúp vài người nhận ra sai lầm của mình.

Minh họa giao diện với biểu tượng và nhãn chữ song song

Tất nhiên, thêm tooltip lại đẻ ra vấn đề mới, nhưng đó là câu chuyện của một bài viết khác. Điều đáng suy ngẫm là: trong thiết kế phần mềm và phần cứng, sự tối giản chỉ thực sự tốt khi người dùng hiểu đúng thứ họ đang bấm — nhất là khi sai một nút có thể ảnh hưởng đến an toàn.