it-swarm-vi.tech

Sử dụng kết hợp điều hướng ngang với menu con và điều hướng bên dọc với menu con trong một trang web

Tôi đã tham gia thiết kế lại trang web trong đó điều hướng bao gồm menu điều hướng ngang chính với một mức thả xuống và điều hướng phụ ở cột bên trái lặp lại menu con từ menu chính và cấp độ bổ sung của các mục ở định dạng cây.

Điều hướng hàng đầu:
[.__.] Sách
Viễn tưởng
Khoa học
Thiết kế web

Điều hướng bên:
[.__.] Tiểu thuyết
[.__.] Văn học
[.__.] Lịch sử
Hoàng hôn
[.__.] Khoa học
Vân vân
Vân vân

Lớp con điều hướng bên (như Văn học trong ví dụ) có thể thực sự dài (10 liên kết trở lên) và mở rộng ra rất xa bên dưới phần cuối của nội dung. Các điều hướng bên hoạt động như một bảng điều khiển accordion cho mỗi mục.

Có ai biết về bất kỳ nghiên cứu UX hoặc thậm chí các cuộc thảo luận về giai đoạn của loại hệ thống này ảnh hưởng, tích cực hay tiêu cực, tương tác người dùng không? Tôi muốn cung cấp một số lý do để tránh xa loại điều hướng này - chỉ dựa trên thử nghiệm nội bộ và các màn hình khác nhau, v.v., chúng tôi mất rất nhiều bất động sản để điều hướng mà không có bất kỳ lợi ích thực sự nào (không có ngân sách cho bất kỳ thứ gì như A/B thử nghiệm, vv). Dường như với tôi rằng các menu lớn hoặc thả xuống hai cấp là tiêu chuẩn hơn những ngày này.

11
sscott

Kingsbury JR & Andre AD (2004, So sánh các trình đơn web ba cấp: Cấu trúc điều hướng. Kỷ yếu của Hội nghị thường niên HFES lần thứ 48, p1513-1517; tóm tắt ) đã thực hiện một số nghiên cứu về các menu phân cấp như của bạn điều đó cho thấy người dùng thường có hiệu suất tốt hơn khi chọn từ menu bên trái trước , sau đó là menu trên cùng, thay vì cách khác.

Tuy nhiên, có vẻ như menu cấp hai của bạn có thể quá dài để ở trên cùng. Bạn có thể tách các mục cấp thấp hơn trong menu cấp hai để tạo menu cấp thứ ba thứ ba ở trên cùng để phù hợp với mọi thứ. Điều này thực hiện tốt cho Kingsbury và Andre nhưng họ chỉ thử nghiệm phân cấp menu 3 cấp độ và nói chung, menu đơn cấp gồm 10 mục được nhóm hoặc do đó sẽ vượt trội hơn hai menu ngắn phân cấp. (ví dụ: xem Snowberry K, Parkinson SR, & Sisson N (1983), Menu hiển thị máy tính, Công thái học, 26 (7), p699-712).

Tôi sẽ xem xét đưa mọi thứ vào menu thanh bên, mà Kingsbury và Andre thấy có hiệu suất gần với các biện pháp khác nhau. Tuy nhiên, hiệu suất này dựa trên việc có hai menu thanh bên , một cho mỗi cấp độ, có thể chiếm quá nhiều không gian trong trường hợp của bạn. Bạn có thể sử dụng các bộ mở rộng để giữ tất cả các cấp trong cùng một lề, nhưng tôi không biết điều đó sẽ làm gì đối với hiệu suất của người dùng

Nói nhiều hơn từ giai thoại hơn là nghiên cứu, tôi một chút lo ngại về việc thanh bên lặp lại menu thả xuống từ thanh trên cùng. Giống như bạn, tôi không rõ lợi ích của sự dư thừa này là gì. Tôi không thấy một phương pháp sẽ vượt trội như thế nào so với phương pháp khác tùy thuộc vào người dùng hoặc hoàn cảnh (ví dụ: không giống như thế giới được chia thành thanh phụ -navigating người dùng và người dùng điều hướng kéo xuống). Trong khi đó, nó có các vấn đề tiềm năng sau:

  • Người dùng có thể tự hỏi liệu các liên kết có thực sự giống nhau hay không, và cuối cùng nhấp vào cả hai. Điều này đặc biệt xảy ra nếu bạn không sử dụng mã màu có thể nhận biết để phân biệt truy cập với các liên kết không mong muốn (điều mà hầu như không ai làm nữa).

  • Ngay cả khi người dùng nhận ra các liên kết là như nhau, giờ đây người dùng phải quyết định sử dụng phương pháp điều hướng nào. Một chút suy nghĩ này làm họ chậm lại. Buộc suy nghĩ đó là tốt khi kết quả trả cho kết quả nhanh hơn, nhưng tôi không nghĩ bạn có điều đó ở đây.

Thường thì nó ưu tiên cung cấp cho người dùng một cách tốt nhất để làm một việc gì đó hơn là một sự lựa chọn. Nếu bạn lo ngại về việc một số người dùng không nhận ra thanh bên được xác định bởi menu trên cùng (hoặc ngược lại), thì hãy giải quyết điều đó bằng thiết kế đồ họa kết nối trực quan lựa chọn menu chính hiện tại với menu phụ.

Đối với một menu tương đối phức tạp như bạn có, các menu kéo xuống có thể có vấn đề, điều này sẽ gợi ý bạn chỉ đi với thanh bên. Tuy nhiên, với những lo ngại về bất động sản của bạn, những lần thả xuống lớn thực sự có thể là hướng đi , với điều kiện họ giải quyết được nhiều hạn chế của việc thả xuống thông thường.

6
Michael Zuschlag