Điều hướng là một chuỗi các quyết định
Mỗi khi khách truy cập tương tác với điều hướng của bạn, họ phải đưa ra một quyết định: chọn danh mục nào, nhãn đó có nghĩa là gì, liệu danh mục con mà họ muốn có nằm dưới mục cha này hay mục khác không. Mỗi quyết định tiêu tốn một lượng nhỏ tài nguyên nhận thức — sự chú ý, bộ nhớ làm việc, khả năng xử lý. Đối với hầu hết khách truy cập, các tài nguyên này có giới hạn, đặc biệt trong các phiên ngắn, phân tâm đặc trưng của mua sắm trên di động.
Khái niệm tải nhận thức — mượn từ tâm lý học giáo dục — mô tả tổng nỗ lực tinh thần cần thiết để hoàn thành một nhiệm vụ. Trong điều hướng, tải nhận thức cao biểu hiện qua sự do dự, đi sai đường, quay lui và cuối cùng là bỏ dở. Tải nhận thức thấp biểu hiện qua cảm giác "tự biết phải đi đâu" — điều hướng trở nên vô hình vì không đòi hỏi quyết định có ý thức. Mục tiêu của thiết kế điều hướng không phải là phơi bày tất cả tùy chọn ngang nhau; mà là trình bày đúng tùy chọn ở đúng mức độ cụ thể để mỗi quyết định điều hướng đòi hỏi nỗ lực ý thức tối thiểu.
"Chúng tôi có 22 danh mục cấp cao nhất trong Slide Menu. Phân tích cho thấy khách truy cập mất gần 30 giây tương tác với menu trước khi nhấp vào bất cứ thứ gì — quét lên xuống, đôi khi mở menu hai lần. Khi chúng tôi gộp lại còn 8 danh mục rộng hơn với các danh mục con rõ ràng hơn, thời gian từ phiên đến lần nhấp sản phẩm đầu tiên giảm hơn một nửa. Khách truy cập không dành ít thời gian hơn trên trang; họ dành ít thời gian hơn cho điều hướng và nhiều thời gian hơn cho sản phẩm."
— Khách hàng Navi+, thương hiệu thực phẩm và đồ uống đặc sản
Các nguồn gốc của tải nhận thức trong điều hướng
Tải nhận thức trong điều hướng tích lũy từ nhiều nguồn, mỗi nguồn có thể giải quyết thông qua các quyết định thiết kế cụ thể:
Quá tải lựa chọn: quá nhiều tùy chọn ở một cấp. Định luật Hick, được chính thức hóa trong nghiên cứu tương tác người-máy tính, phát biểu rằng thời gian quyết định tăng theo logarit với số lượng tùy chọn. Menu điều hướng với 15 danh mục cấp cao nhất đòi hỏi thời gian quyết định nhiều hơn theo tỷ lệ so với menu có 6 danh mục, ngay cả khi khách truy cập đang tìm kiếm cùng một thứ trong cả hai trường hợp. Các danh mục thêm không miễn phí — chúng tiêu tốn thời gian quét và tạo ra sự không chắc chắn về mục nào chứa sản phẩm mong muốn. Số lượng tùy chọn điều hướng cấp cao nhất tối ưu thường là 5–7, một khoảng phù hợp với cả Định luật Hick và giới hạn bộ nhớ làm việc của con người ("con số kỳ diệu bảy, cộng trừ hai" của tâm lý học nhận thức).
Nhãn mơ hồ: danh mục có thể có nhiều nghĩa. Khi nhãn điều hướng mơ hồ — "Sản phẩm" (so với cái gì?), "Bộ sưu tập" (bộ nào?), "Xem thêm" (thêm gì?) — khách truy cập phải suy luận về nội dung trước khi quyết định có nhấp hay không. Suy luận này tiêu tốn tài nguyên nhận thức và tạo ra rủi ro lỗi: khách truy cập nhấp vào danh mục sai dựa trên nhãn đọc sai sẽ thất vọng, và một số không hồi phục được. Nhãn danh mục rõ ràng, cụ thể, loại trừ lẫn nhau loại bỏ nhu cầu suy luận và giảm chi phí của mỗi quyết định điều hướng xuống còn một so sánh đơn giản giữa nhãn và mô hình tinh thần của khách truy cập về những gì họ muốn.
Không nhất quán về cấu trúc: điều hướng không hoạt động giống nhau ở mọi nơi. Khách truy cập xây dựng mô hình tinh thần về cách điều hướng của bạn hoạt động trong vài tương tác đầu tiên. Nếu cấu trúc điều hướng thay đổi giữa các trang — danh mục xuất hiện theo thứ tự khác, chỉ báo trạng thái hoạt động hoạt động khác đi, truy cập danh mục con đòi hỏi cử chỉ khác trong các ngữ cảnh khác nhau — khách truy cập phải cập nhật mô hình tinh thần và xây dựng lại sự hiểu biết không gian về điều hướng với mỗi sự không nhất quán. Cấu trúc điều hướng nhất quán, bất kể trang nào, giảm chi phí nhận thức vì khách truy cập có thể dựa vào sự hiểu biết tích lũy thay vì định hướng lại trên mọi trang.
Nhiễu thị giác: các yếu tố trang trí cạnh tranh với thông tin điều hướng. Điều hướng bao quanh bởi các yếu tố thị giác cạnh tranh — nội dung quảng cáo dày đặc trong cùng họ màu với nhãn điều hướng, biểu tượng đủ tương tự để gây nhầm lẫn, các yếu tố hoạt hình gần điều hướng — tạo ra tải xử lý thêm khi khách truy cập lọc tín hiệu từ nhiễu. Điều hướng khác biệt về thị giác so với ngữ cảnh xung quanh — thông qua phân cấp kiểu chữ rõ ràng, khoảng trắng đủ và ngôn ngữ biểu tượng nhất quán — giảm việc xử lý thị giác cần thiết để nhận diện và tương tác với các yếu tố điều hướng.
| Nguồn tải nhận thức | Vấn đề điều hướng | Giải pháp thiết kế |
|---|---|---|
| Quá tải lựa chọn | 15+ danh mục cấp cao nhất | 5–7 danh mục rộng với độ sâu danh mục con |
| Nhãn mơ hồ | "Sản phẩm," "Mục," "Bộ sưu tập" | Tên danh mục cụ thể, loại trừ lẫn nhau |
| Không nhất quán cấu trúc | Thứ tự hoặc hành vi menu khác nhau theo trang | Cấu trúc và hành vi giống hệt trên tất cả các trang |
| Nhiễu thị giác | Điều hướng cạnh tranh với khuyến mãi để thu hút sự chú ý | Phân cấp thị giác rõ ràng tách biệt điều hướng khỏi nội dung |
Áp dụng nguyên tắc tải nhận thức thấp trong thực tế
Giảm tải nhận thức điều hướng không phải là làm cho điều hướng đơn giản hơn theo cách giảm chức năng — mà là làm cho điều hướng rõ ràng hơn theo cách giảm nỗ lực tinh thần không cần thiết. Điều hướng được tổ chức tốt với 6 danh mục cấp cao nhất và 4 danh mục con mỗi danh mục (tổng cộng 24 đích đến) mang tải nhận thức ít hơn đáng kể so với điều hướng phẳng với 15 danh mục cấp cao nhất, vì cấu trúc phân cấp cho phép khách truy cập loại bỏ các phần lớn của điều hướng trong một quyết định thay vì quét từng tùy chọn riêng lẻ.
Các biện pháp can thiệp thực tế là: kiểm tra số lượng danh mục cấp cao nhất và gộp bất kỳ thứ gì có thể nhóm dưới mục cha rộng hơn; xem lại mọi nhãn điều hướng theo tiêu chí "khách truy cập lần đầu muốn [sản phẩm này] có ngay lập tức nhận ra đây là danh mục đúng không?"; xác minh rằng cấu trúc điều hướng và phân cấp thị giác nhất quán trên tất cả các trang của cửa hàng; và kiểm tra rằng điều hướng của bạn có sự tách biệt thị giác rõ ràng khỏi nội dung quảng cáo liền kề. Mỗi biện pháp can thiệp giảm một nguồn tải nhận thức và tạo ra những cải tiến biên trong hiệu quả điều hướng tích lũy qua hàng nghìn phiên điều hướng cửa hàng của bạn mỗi tuần.
Dùng thử miễn phí — không cần code, không cần lập trình viên
Cài đặt trong vài phút trên Shopify, WordPress hoặc bất kỳ website nào.