Tối giản hay đầy đủ tính năng: đây là câu hỏi về ưu tiên
Giao diện gọn không có nghĩa là nghèo nàn. Và đầy đủ tính năng không có nghĩa là khách sẽ dùng được nhiều hơn.
Sinh Vũ không khuyên Anh/Chị chọn một trong hai. Giao diện tốt bày ra trước những gì khách cần thường xuyên, và giữ thứ ít dùng ở lớp sâu hơn để vẫn lấy được khi cần. Cách đó giữ màn hình đầu gọn mà không cắt mất năng lực. Câu hỏi thật sự là: việc chính của khách trên trang này là gì, và giao diện có đang dồn sự rõ ràng cho đúng việc đó không?
Khi bàn về giao diện số, câu hỏi "tối giản hay đầy đủ tính năng" thường được đặt ra như thể đây là hai cực đối lập. Thực tế không phải vậy. Giao diện gọn không có nghĩa là nghèo nàn, và giao diện nhiều tính năng không có nghĩa là mạnh hơn. Vấn đề nằm ở chỗ thứ gì xuất hiện trước, và thứ gì được giữ lại ở đúng lớp của nó.
Tối giản và nghèo nàn: hai thứ khác nhau
Lỗi hay gặp nhất là hiểu tối giản là cắt tính năng. Khi đó, giao diện trông gọn vì thiếu, không phải vì rõ ràng. Khách không tìm thấy thứ họ cần, và đổ lỗi cho sản phẩm là thiếu năng lực.
Tối giản theo đúng nghĩa là không chứa thứ thừa: thông tin không liên quan, tùy chọn ít ai dùng, trang trí cướp sự chú ý. Nielsen Norman Group mô tả nguyên tắc này như sau: mỗi đơn vị thông tin thừa trên giao diện đang cạnh tranh với đơn vị thông tin thật sự cần thiết. Tức là, nhồi thêm không phải là an toàn hơn. Nhồi thêm là làm loãng cái quan trọng.
Giao diện không nên chứa thông tin không liên quan hoặc hiếm khi cần. Mỗi đơn vị thông tin thừa cạnh tranh trực tiếp với những đơn vị thông tin cần thiết và làm giảm mức độ chú ý tương đối của chúng.
Nielsen Norman Group, Aesthetic and Minimalist Design (Usability Heuristic #8)
Hé lộ dần: cách giữ gọn mà không mất năng lực
Hé lộ dần (progressive disclosure) là nguyên tắc bố trí theo tầng: những gì khách làm thường xuyên nằm ngay màn hình đầu, những gì hiếm dùng hoặc chỉ dành cho người dùng chuyên sâu nằm ở lớp phụ, vẫn truy cập được khi cần nhưng không cướp diện tích của việc chính.
Cách này phục vụ được cả hai nhóm: khách phổ thông vào là thấy ngay việc cần làm, không bị rối; người dùng chuyên sâu vẫn có lối vào tính năng nâng cao mà không cần nhà thiết kế phải hi sinh màn hình đầu. Điều kiện để làm đúng là Anh/Chị phải biết chắc đâu là việc thường và đâu là việc hiếm, dựa trên quan sát thật chứ không phải phỏng đoán.
Khi nào chọn hướng nào
Ưu tiên giao diện gọn hơn khi khách chủ yếu là người dùng phổ thông, tác vụ chính rõ ràng, và mục tiêu của trang là dẫn khách tới một hành động cụ thể. Càng ít lựa chọn cạnh tranh, khách càng dễ làm đúng việc.
Dùng hé lộ dần khi sản phẩm phục vụ cả người dùng phổ thông lẫn người dùng chuyên sâu, hoặc khi danh sách tính năng cần thiết thực sự dài. Bày việc chính ra ngoài, để dành lối vào việc nâng cao ở lớp sâu hơn.
Không thêm tính năng chỉ vì đối thủ có, hoặc vì muốn phòng xa. Thêm khi có bằng chứng thật rằng nhiều khách cần và đang bị chặn vì thiếu.
Lỗi thường gặp khi chia lớp sai
- Nhồi mọi tùy chọn ra màn hình đầu để trông đầy đủ, khiến khách rối và bỏ qua việc chính.
- Cắt tính năng khách thật sự cần rồi gọi đó là tối giản, dẫn tới mất tin tưởng.
- Giấu việc thường dùng vào lớp sâu, còn việc hiếm lại nằm ngoài mặt vì nhà thiết kế thích nó hơn.
- Thêm tính năng liên tục theo yêu cầu lẻ tẻ mà không xem lại cấu trúc tổng thể, dẫn tới phình dần theo thời gian mà không ai để ý.
Điểm nguy hiểm nhất của lỗi chia lớp sai là nó không gây ra sự cố ngay. Giao diện vẫn chạy, khách vẫn vào, nhưng tỉ lệ hoàn thành việc chính thấp dần và không ai truy được nguyên nhân rõ ràng.
Góc nhìn của Sinh Vũ
Sinh Vũ coi tối giản là một quyết định chiến lược về ưu tiên, không phải một phong cách trang trí. Câu hỏi Sinh Vũ luôn hỏi trước khi thiết kế bất kỳ màn hình nào là: việc chính của khách trên trang này là gì? Rồi từ đó mới quyết định thứ gì được bày ra trước, thứ gì được giữ lại ở lớp sâu, và thứ gì nên bỏ hẳn.
Triết lý P1 của Sinh Vũ là mỗi trang dẫn khách tới một hành động. Không phải mọi thứ cùng lúc. Khi một trang cố làm quá nhiều việc, nó thường không làm tốt việc nào. Tối giản có chủ đích không phải là trang trông đẹp hơn, mà là khách làm được việc nhanh hơn và ít nhầm hơn.
Nguồn tham khảo
Nielsen Norman Group, Progressive Disclosure; Nielsen Norman Group, Aesthetic and Minimalist Design (Usability Heuristic #8). Kinh nghiệm thực hành của Sinh Vũ Studio trong thiết kế và vận hành thương hiệu số.
Câu hỏi thường gặp
Khách hàng phàn nàn giao diện thiếu tính năng so với đối thủ. Sinh Vũ có khuyên thêm vào không?
Sinh Vũ khuyên Anh/Chị hỏi lại: bao nhiêu khách thật sự cần tính năng đó, hay chỉ một vài người lên tiếng? Thêm tính năng vì đối thủ có là lý do dễ dẫn tới giao diện phình và loãng dần. Chỉ thêm khi có bằng chứng nhiều khách cần, và đặt tính năng mới đúng lớp, không nhồi ra mặt tiền.
Hé lộ dần nghĩa là gì trong thực tế?
Hé lộ dần (progressive disclosure) là cách bố trí thông tin theo tầng: việc khách làm thường xuyên nằm ngay màn hình đầu, việc nâng cao hoặc hiếm dùng ở màn hình phụ hoặc sau một thao tác mở rộng. Khách phổ thông không bị rối, khách chuyên sâu vẫn vào được chỗ cần. Điều kiện để làm đúng là Anh/Chị phải biết rõ đâu là việc thường và đâu là việc hiếm, dựa trên dữ liệu thật, không phải phỏng đoán.