Từ lâu tôi đã tự hỏi liệu nên có một ưu tiên cho việc sử dụng các menu điều hướng ngang hay dọc. Tôi đã sử dụng cả hai trước đây, trên các trang web khác nhau và có thể thấy mỗi ưu điểm và nhược điểm.
Có bất kỳ dữ liệu cụ thể có sẵn về chủ đề này? Tôi quan tâm đến khả năng tiếp cận và mối quan tâm về khả năng sử dụng.
Câu trả lời:
Ngoài vấn đề về không gian và dễ quét, có một vài yếu tố khác bạn nên tính đến:
Các menu được sắp xếp theo chiều ngang (của các ngôn ngữ được sắp xếp theo chiều ngang) có nghĩa là di chuyển chuột nhiều hơn để chuyển từ mục này sang mục khác.
Tuy nhiên, việc chuyển từ mục menu cấp cao nhất trong menu ngang sang menu thả xuống tương ứng sẽ dễ dàng hơn so với chuyển từ mục menu dọc sang menu bay ra tương ứng. Vấn đề đường chéo được phóng to rất nhiều trong các tờ rơi so với thả xuống vì cạnh chia sẻ nhỏ hơn rất nhiều.
Và sau đó là vấn đề về tốc độ nhắm mục tiêu. Các menu được sắp xếp theo chiều dọc có nhiều "độ sâu" hơn các menu ngang. Điều đó có nghĩa là người dùng có thể di chuyển chuột của mình với tốc độ cao hơn về phía menu, bởi vì chúng có bộ đệm lớn hơn trong trường hợp chúng quá tải. Tất nhiên, nếu menu ngang của bạn được đặt dọc theo cạnh trên hoặc dưới của tài liệu (tức là độ sâu vô hạn), thì đây là điểm moot.
Cuối cùng, tôi nghĩ rằng đó là một rửa. Đi với bất cứ điều gì phù hợp với thiết kế của bạn tốt nhất và sau đó tối ưu hóa khả năng sử dụng từ đó. Bạn không muốn sử dụng menu dọc nếu nó có nghĩa là tạo một cột trống lớn bên dưới nó cho phần còn lại của trang. Và bạn không muốn sử dụng menu ngang nếu điều đó có nghĩa là bố cục của bạn phải rộng 2000px.
Chà, tôi là một nhà phát triển / lập trình viên / người viết mã.
Điều này có nghĩa, tôi luôn tìm kiếm một số thông tin về thiết kế trước khi trả lời những câu hỏi như vậy. Tôi thích các bài viết của Jakob Nielsen, vì họ nghiên cứu trước khi đăng.
Tôi nghĩ rằng những liên kết có thể giúp đỡ.
Bây giờ ý kiến của tôi. Sử dụng các menu ngang là tùy chọn đầu tiên cho điều hướng chính, đặc biệt nếu bạn xem xét sử dụng thả xuống lớn.
Ngoài ra, việc sử dụng các mẩu bánh mì ngang, như điều hướng phụ trợ để giúp người dùng xác định vị trí nhanh chóng.
Tôi thích các menu điều hướng dọc, nhưng chúng có xu hướng giống như quảng cáo, điều khiến người dùng mù với chúng, vì vậy điều đầu tiên, hãy đảm bảo các menu dọc của bạn KHÔNG giống như một banner hoặc quảng cáo google.
Thứ hai, tôi muốn sử dụng các menu dọc để điều hướng "ngữ cảnh", hiển thị nội dung liên quan hoặc các mục phụ.
Nếu bạn có các mục menu của một hoặc nhiều từ thì sẽ có giới hạn vật lý cho số lượng bao nhiêu sẽ phù hợp với menu ngang trước khi cần cuộn. Vì vậy, vì lý do này, tôi có xu hướng thích menu ngang cho các mục chính / cấp cao nhất.
Về khả năng tiếp cận (giả sử nó trực quan OK) có thể không có nhiều sự khác biệt, vì chúng cũng có thể được đánh dấu giống nhau. Một danh sách các liên kết không có thứ tự chẳng hạn.
Tôi sẽ đăng ngược lại câu trả lời sai lầm ...
Mặc dù chúng ta đọc từ trái sang phải, chúng ta có xu hướng quét từ trên xuống dưới. Nếu các mục menu được sắp xếp theo chiều dọc, sẽ dễ dàng so sánh các mục nhanh hơn nếu chúng ở trên nhau.
Nếu bạn chỉ có một số ít các liên kết, ngang là tốt. Giữ tên ngắn nhưng rõ ràng và không quá 6-7. Tất nhiên, tùy chọn khác là sự kết hợp - một vài 'tiêu đề' theo chiều ngang với danh sách thả xuống của mọi thứ trong danh mục đó.
Câu trả lời có lẽ là đôi khi sử dụng cả hai, nhưng theo như các nghiên cứu theo dõi bằng mắt đã chỉ ra, mắt sẽ quét trang theo mẫu hình chữ F , vì vậy có lẽ tốt nhất là giữ điều hướng của bạn ở trên cùng bên trái hoặc ngang qua hàng đầu.
Cả hai cũng có thể được sử dụng kết hợp, như một menu ngang trên đầu cho các liên kết điều hướng (nhà, về chúng tôi, liên hệ, v.v.) và một menu bên trái cho các danh mục, bài viết và tương tự.
Một điểm khác để xem xét liên quan đến các menu thả xuống là chúng có thể có ý nghĩa SEO. Daniel Sullivan tại Search Engine Land gợi ý rằng các menu thả xuống có thể làm loãng quyền liên kết bằng cách có nhiều liên kết đến mỗi trang và một menu phân cấp có thể vượt qua nước ép liên kết tốt hơn. Ngoài ra, tại sao ẩn các yếu tố điều hướng khỏi người dùng của bạn trong trình đơn thả xuống nơi họ có thể bỏ lỡ những gì họ đang tìm kiếm.
IMHO, tôi có xu hướng phân loại phần chính là menu Ngang .. trong đó là phần mô tả của bất kỳ phần chính đang hoạt động nào trong menu dọc.
Ví dụ:
------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------
| About Us | | |
| Mission | | Here is describing content |
| Contact Us | | |
Vì Trang chủ, Tin tức và Sản phẩm đóng vai trò là các danh mục chính mà tôi đã giữ chúng ở bố cục theo chiều ngang, trong đó như Giới thiệu, Nhiệm vụ, Liên hệ với chúng tôi là các phần mô tả nhất của Trang chủ, vì vậy tôi đã giữ menu dọc bên cạnh phần hiển thị nội dung để dễ truy cập .
Khá đơn giản, bạn nói với tôi, những gì dễ đọc hơn: ABCDEFGHIJKLMNOP...Zhoặc
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z
Khi bạn đọc nó, hãy nghĩ về cách mắt bạn di chuyển. Với ví dụ đầu tiên, đó là - - - v.v ... Với ví dụ thứ hai, đó là ZZZ, v.v. có nghĩa là mắt bạn di chuyển theo hình chữ Z. Với mẫu Z, mắt bạn phải suy nghĩ nhiều hơn về điểm thông tin tiếp theo, so với điểm đầu tiên. Một phần thông tin càng gần với phần thông tin cuối cùng thì càng dễ sử dụng. Thông tin càng nhỏ gọn thì càng tốt, bạn luôn có thể thêm dung lượng, nhưng một số thông tin sẽ chỉ thu gọn cho đến nay. Ví dụ: tôi có thể thêm nhiều không gian như thế này, nhưng nó vẫn ngắn hơn nếu số đo của bạn dài nhất đến ví dụ 2: ABCDEFGHIJKLMNOPQRSTU VWXYZ
Tôi chắc chắn ai đó sẽ đăng nghiên cứu hoặc một cái gì đó, thậm chí có thể nói tôi sai, nhưng thực tế là logic của tôi đủ đơn giản để tôi hiểu nó, nó có ý nghĩa với tôi, và tôi không cần báo cáo ưa thích để nói với tôi rằng nó đúng, hoặc sai ... bởi vì tôi đoán rằng báo cáo ưa thích sẽ không có ý nghĩa và chỉ là một mẫu dữ liệu dựa trên cấu trúc của bài kiểm tra được đưa ra ...
Vậy bạn nghĩ như thế nào?