Thiết kế Điều hướng của một Website mới - những hình nộm

Khác với thiết kế trực quan, xác định cách người dùng điều hướng trang web là một trong những nhiệm vụ sáng tạo đầy thử thách hơn mà bạn sẽ phải đối mặt với tư cách là một nhà thiết kế web. Mục tiêu chính là làm cho mọi người cảm thấy trong sự kiểm soát của trang web và có khả năng nhận được xung quanh một cách nhanh chóng và hiệu quả. Không có gì tồi tệ hơn một người dùng cảm thấy bị mất trong trang web của bạn.

Để giúp mọi người đi lại và định hướng theo vị trí, kế hoạch điều hướng của bạn phải là một bản đồ đường phố của toàn bộ trang web, với dấu hiệu "bạn ở đây".

Điều hướng toàn cầu cho các trang web

Hãy nhớ dòng sản phẩm nổi tiếng từ quảng cáo truyền hình năm 1970: "Có bao nhiêu liếm để đến trung tâm của một Tootsie Pop? "Với kẹo, càng liếm nhiều thì càng tốt. Trên web, tuy nhiên, ngược lại là đúng: Người dùng sẽ không tìm thấy bất cứ điều gì ngon về điều hướng thông qua gob của trang. Mục tiêu của bạn là giúp người dùng nhanh nhất có thể với nội dung mong muốn của họ.

Cách tốt nhất để giảm số lần nhấp chuột là cung cấp bộ định vị tiểu học, thứ cấp và thứ cấp của bạn trên mỗi trang của trang web. Chiến lược này, được gọi là điều hướng toàn cầu, cho phép mọi người nhanh chóng điều hướng từ một phần chính đến phần tiếp theo mà không cần phải nhắc lại bất kỳ bước nào. Ngoài ra, điều quan trọng là các bộ định hướng này luôn nằm ở cùng vị trí và không thay đổi những gì họ cung cấp (trao đổi các tuỳ chọn điều hướng và ra). Tính nhất quán này cung cấp một neo tâm thần cho người dùng.

Điều hướng mục

Sau khi người dùng chọn một danh mục từ nhóm điều hướng tiểu học, trung học hoặc đại học, họ sẽ được đưa vào một phần. Giả sử rằng phần có một vài cấp độ nội dung trong đó, bạn cần một cách để điều hướng qua nó. Một thực tiễn điển hình là tiết lộ một loạt các lựa chọn

mục trên trang. Những lựa chọn này là duy nhất cho phần của họ, nhưng vùng mà bạn chọn để hiển thị chúng là cùng một khu vực được sử dụng để hiển thị điều hướng mục cho các khu vực khác của trang web.

Thiết kế điều hướng mục này cho thấy mức độ đầu tiên của trang trong khu vực Sản phẩm của trang web.

Thiết kế điều hướng mục này cho thấy trang đầu tiên và cấp hai ở khu vực Sản phẩm.

Ngoài ra, bạn có thể hiển thị toàn bộ phần điều hướng mục. Lợi thế là người dùng có thể nhanh chóng xem tất cả các nội dung cấp 1 và cấp hai với một phần. Bất lợi là điều hướng có thể chiếm rất nhiều phòng và có thể trông lộn xộn và áp đảo cho người dùng.

Điều hướng theo phần thường được hiển thị dưới dạng trình đơn thả xuống cũng như trên trang.

Thông thường, chỉ những trang cấp đầu tiên được hiển thị, nhưng

trình đơn thả xuống có thể cung cấp truy cập nhanh vào các trang cấp hai. Bạn có thể điều hướng mục dư thừa, hiển thị cả trên trang và bao gồm nó như là một trình đơn thả xuống trong hệ thống định vị toàn cầu. Rời khỏi đường mòn bánh mì

Nếu Hansel và Gretel có thể sử dụng một mẩu bánh mì nướng để tìm đường trở lại rừng, chỉ cần nghĩ đến những gì một phiên bản số của bánh mì nướng bánh mì có thể làm cho khách truy cập vào trang web của bạn.

Bánh mì, vì chúng thực sự được gọi là trong ngành công nghiệp thiết kế web, là liên kết văn bản bạn để lại trong một đường mòn đánh dấu các bước của bạn khi bạn đi sâu vào một phần. Đường nhỏ bánh mì này cung cấp một cách thuận tiện để lặp lại các bước của bạn trong một trang web.

Bánh mì nướng bánh mì là hữu ích để điều hướng các trang web có điều hướng mà đi nhiều hơn hai cấp độ sâu trong một phần. Ví dụ: nếu bạn sử dụng điều hướng mục để đi tới một trang có nhiều liên kết hơn trên đó, bạn hiện đang lặn xuống mức thứ ba hoặc bậc bốn của phân cấp của phần. Không thực tế để hiển thị điều hướng thứ ba và thứ tư trên trang. Vì vậy, các miếng bánh mì chỉ đơn giản là ghi lại các bước của bạn và có được lâu hơn và lâu hơn khi bạn lặn sâu hơn (hy vọng không quá bốn cấp hoặc bạn đang nhận được vào catacombs của trang web!).

Mỗi liên kết bánh mì-bánh mì cung cấp một cách nhanh chóng để lặp lại các bước của bạn sao lưu phân cấp. Bạn không phải theo các liên kết theo thứ tự; bạn có thể nhấp vào bất kỳ liên kết nào trong đường mòn để nhảy nhanh về một cấp độ khác trong phân cấp. Đường mòn cũng cung cấp cho bạn một ý tưởng tốt về nơi bạn đang ở trong trang web. Không giống như với một chương trình điều hướng toàn cầu, tuy nhiên, bạn không thể nhảy qua để

một phần khác ; bạn chỉ có thể nhảy trở lại mức trong một đoạn. Hãy suy nghĩ về một hệ thống bánh mỳ như nút Back của trình duyệt trên steroid. Về mặt đồ hoạ, quy ước thiết kế cho giao diện bánh mỳ là hiển thị từng bước trước như một liên kết văn bản đang hoạt động theo sau bởi một ký tự (mũi tên, dấu hai chấm, hoặc đường ống), tất cả trong một hàng đơn giản. Mục cuối cùng ở cuối tuyến đường mòn tượng trưng cho trang hiện tại bạn đang ở, do đó, không phải là là một liên kết - và nó nên trông khác. Nếu đó là liên kết, đơn giản chỉ cần tải lại trang - không phải là trải nghiệm người dùng lý tưởng.