- Thói quen thiết kế mặc định thêm biểu tượng vào từng mục menu đang lan rộng, gây ra nhiễu thị giác không cần thiết
- Hệ thống menu của Google Sheets và macOS Tahoe là những ví dụ tiêu biểu, khi biểu tượng được thêm vào gần như mọi mục menu
- Trong một số menu, tiêu chí có hoặc không có biểu tượng là không rõ ràng, còn chồng chéo với dấu bật/tắt và gây rối căn chỉnh
- Ngược lại, những biểu tượng giúp hỗ trợ hiểu trực quan như trong menu sắp xếp cửa sổ của Finder lại hữu ích, cho thấy việc dùng biểu tượng cần được cân nhắc theo ngữ cảnh
- Vấn đề là Apple đã từ bỏ nguyên tắc từng nêu trong bộ hướng dẫn giao diện của chính mình rằng “hãy tránh dùng biểu tượng một cách tùy tiện”
Chỉ trích việc lạm dụng biểu tượng trong menu
- Cách gắn biểu tượng vào mọi mục menu đang dần trở thành mặc định, khiến giao diện trở nên quá phức tạp
- Giống như các menu “File”, “Edit”, “View” của Google Sheets, mọi mục đều có biểu tượng
- Cách tiếp cận này dẫn đến thói quen tạo ra những “biểu tượng để lấp đầy chỗ trống”
- Đây chỉ là kiểu mẫu hóa đơn giản, không cân nhắc ngữ cảnh của từng menu và gánh nặng nhận thức (cognitive load)
- Việc dùng biểu tượng cần được lựa chọn cẩn trọng theo ngữ cảnh
- Cần đánh giá xem biểu tượng có thực sự cải thiện khả năng sử dụng hay chỉ gây thêm rối rắm
- Cách tiếp cận kiểu “hãy thêm biểu tượng vào mọi menu” là thiếu suy nghĩ
Những thay đổi trong macOS Tahoe
- macOS từ lâu vốn giữ khoảng cách với cách làm này, nhưng trong macOS Tahoe, biểu tượng đã được đưa vào khắp menu
- Chỉ một số mục trong menu Apple, cũng như các menu “Safari”, “File”, “View” của Safari có biểu tượng hiển thị
- Có biểu tượng ở “Settings” nhưng lại không có ở “Privacy Report”, cho thấy sự thiếu nhất quán
- Trong menu File của Safari, chỉ một số nhóm được áp dụng biểu tượng và thụt lề, còn các nhóm khác thì không
- Ở menu “View”, dấu chọn (toggle) và biểu tượng cùng tồn tại, làm lệch căn chỉnh
- Trong menu “View” của ứng dụng Mail cũng vậy, văn bản, toggle và biểu tượng bị trộn lẫn, tạo nên cấu trúc thị giác phức tạp
- Không rõ lý do tồn tại hay tiêu chí lựa chọn biểu tượng là gì
Những ngoại lệ mà biểu tượng thực sự hữu ích
- Trong những trường hợp như menu sắp xếp cửa sổ của Finder, nơi có thể hiểu ngay cách bố trí không gian thông qua ký hiệu, biểu tượng mang lại hiệu quả lớn
- So với các dòng chữ như “Top Left”, “Bottom & Top”, “Quarters”, biểu tượng bố cục trực quan giúp hiểu ngay lập tức
- Đây là ví dụ tích cực khi biểu tượng nâng cao hiệu quả nhận thức
- Nói cách khác, biểu tượng không nên là “mặc định” mà phải là lựa chọn theo từng tình huống
Mâu thuẫn với hướng dẫn của Apple
- Trong Human Interface Guidelines các năm 992, 2005 và 2020 của Apple, hãng từng ghi rõ rằng “không dùng biểu tượng tùy tiện trong menu”
- Kèm theo cảnh báo rằng điều đó “có thể gây hỗn loạn thị giác và làm người dùng bối rối”
- Những ví dụ “không nên làm” trong hướng dẫn khi đó lại tương tự menu của macOS Tahoe hiện nay
- Có thể nói Apple đã tự phá vỡ nguyên tắc của chính mình
Kết luận
- Biểu tượng xuất hiện quá nhiều trong menu đang gây ra nhiễu thị giác
- Khi Apple chuyển sang hướng “thêm biểu tượng vào mọi menu”, việc thuyết phục giảm thiểu biểu tượng trở nên khó khăn hơn
- “Nếu không có lý do chính đáng thì mặc định nên là không có biểu tượng”
- Tác giả cho rằng hiện tại là thời đại biểu tượng phủ kín menu, và châm biếm thốt lên “xin hãy cứu lấy”
3 bình luận
Có lẽ vì đây là thông tin phi ngôn ngữ nên cũng thấy ổn..
nhưng đồng thời cũng có cảm giác giống như những câu văn do AI tạo ra..
Đúng hơn là với những ứng dụng dùng thường xuyên, người ta sẽ tìm hình ảnh hoặc màu sắc hơn là văn bản. Tùy theo kích thước màn hình mà có thể vừa hiển thị song song hay chỉ dùng biểu tượng, nhưng nhìn chung tôi nghĩ có vẫn tốt hơn.
Ý kiến trên Hacker News
Xét từ góc độ khả năng tiếp cận và bản địa hóa, kết hợp biểu tượng + văn bản là lý tưởng nhất
Việc dùng biểu tượng chỉ để lấp chỗ là có vấn đề, nhưng nếu biểu tượng và văn bản không khớp nhau thì lại càng làm tăng tải nhận thức
Trong các thử nghiệm che văn bản, tổ hợp biểu tượng + văn bản cũng cho hiệu quả tốt nhất
Việc dùng biểu tượng một cách nhất quán có lợi cho cả người dùng thiên về thị giác lẫn ngôn ngữ, và cũng hữu ích trong môi trường có viewport hẹp
Cuối cùng, tôi nghĩ vấn đề nằm ở chỗ “có sẵn sàng bỏ chi phí thiết kế hay không”
Khi việc đọc văn bản trở nên khó khăn, biểu tượng giúp ích rất nhiều
Khoảng 20% dân số Mỹ bị mù chữ, và họ dùng công nghệ bằng cách ghi nhớ biểu tượng và vị trí nút
Nếu chỉ có biểu tượng thì khó hiểu nghĩa, nhưng khi có cả hai thì giống như toàn bộ não bộ cùng hoạt động
Tôi nghĩ lý do có biểu tượng trong menu là để khớp thị giác với cùng chức năng trên thanh công cụ
Nếu menu không có biểu tượng, nó sẽ phát đi tín hiệu rằng trên thanh công cụ cũng không có
Cả menu lẫn thanh công cụ đều có thể tùy biến, và mỗi mục đều gồm biểu tượng + nhãn
Dạo này có quá nhiều gói biểu tượng (Font Awesome, Material Icons, v.v.), nên các lập trình viên có xu hướng chọn biểu tượng “na ná phù hợp”
Đội của chúng tôi đôi khi cũng làm biểu tượng tùy chỉnh, nhưng chi phí quá cao nên phần lớn chỉ là tìm một cái tạm ổn trong thư viện khổng lồ của Google
Về quan điểm “nếu không có lý do để thêm biểu tượng thì mặc định đừng thêm”, tôi nghĩ những người có trí nhớ thị giác mạnh có thể nhớ biểu tượng của các menu dùng thường xuyên để tìm nhanh hơn
Cá nhân tôi lại thuộc kiểu nhớ phím tắt, nên thay vì biểu tượng tôi quan tâm hơn đến xung đột hotkey
Hồi trước trong Gmail, biểu tượng liên kết và tệp đính kèm gần như giống hệt nhau nên tôi hay nhầm; gần đây nó đã đổi sang hình kẹp giấy nên tốt hơn nhiều
Điều gây khó chịu nhất trong ví dụ là thụt lề không nhất quán giữa các phần menu
Nếu chỉ vài mục có biểu tượng thì chỉ những dòng đó bị thụt vào, còn mục không có thì không, nhưng khi có dấu chọn thì toàn bộ lại bị thụt vào, tạo cảm giác mất cân đối
Tôi kỳ vọng Apple sẽ xử lý phần này tinh tế hơn, nên thấy khá thất vọng
Trước đây có một họa sĩ truyện tranh tôi theo dõi từng nhấn mạnh tầm quan trọng của thiết kế silhouette, và các biểu tượng hiện nay cũng đang gặp đúng vấn đề đó
Bảng điều khiển AWS có các biểu tượng khó phân biệt với nhau, chỉ toàn nhiễu thị giác
Ngược lại, những thiết kế như game thẻ bài, nơi màu sắc và hình dạng đều được phân biệt để cả người mù màu cũng nhận ra, thì rất xuất sắc
Google Sheets làm tốt ở điểm này, còn các ví dụ khác thì không
Xem bài viết liên quan, sự sụp đổ của guideline thiết kế, cách khôi phục biểu tượng
Vì thế tôi cảm thấy tính khả dụng của macOS giảm đi đáng kể
Các tab trên trình duyệt trông giống hệt nhau nên không thể phân biệt tab nào đang làm việc gì
Tôi thích ví dụ biểu tượng trong Google Docs
Ngay cả khi không đọc văn bản, vẫn có thể nhanh chóng tìm ra loại thao tác như thêm/xóa
Tôi dùng biểu tượng để xác định vị trí đại khái, rồi dùng văn bản để xác nhận chức năng chi tiết
Nhờ đó thời gian dò menu giảm xuống và tải nhận thức cũng giảm
Chắc đâu đó có một ticket “cải thiện biểu tượng” đang bị chôn vùi
Trong ví dụ Google Docs, việc tìm biểu tượng liên kết nhanh hơn nhiều so với tìm “Insert Link”
Những chức năng như thụt lề hay căn chỉnh cũng dễ tìm nhờ các biểu tượng đã được chuẩn hóa
Ngoài ra điều này cũng giúp ích cho người dùng không nói tiếng Anh
Ví dụ, người dùng không thạo tiếng Nhật có thể nhờ biểu tượng mà tìm được chức năng mong muốn dễ hơn
Tôi có xu hướng thêm biểu tượng vào gần như mọi mục menu
Kết quả là giảm mệt mỏi tinh thần và chọn nhanh hơn
Tôi cũng nghĩ rằng với menu phức tạp thì thêm màu sắc để tận dụng nhiều giác quan hơn là điều tốt
Tuy nhiên, biểu tượng nhất định phải có hình dạng mang ý nghĩa
Kể cả khi chúng không có ý nghĩa gì, việc tìm “mục thứ hai” trong cùng một bộ biểu tượng vẫn nhanh hơn nhiều so với đọc văn bản
Nếu chỉ một số mục có biểu tượng, chúng sẽ trông như những chức năng đặc biệt hoặc hay dùng
Tôi thấy như vậy hữu ích hơn nhiều so với khi mọi mục đều có biểu tượng
Nó hoạt động như một kiểu tooltip ngược
Nhưng nếu muốn nhấn mạnh một số mục cụ thể, tôi nghĩ phân biệt thị giác nhất quán hoặc thứ tự sắp xếp sẽ hiệu quả hơn biểu tượng
Những mục ít dùng hơn thì quét tìm chậm một chút cũng không sao