在我們平時所看到的網站中, 一般在網站的上半部分或者左半部分都會看到導航選單, 如 WordPress 企業網站的 “公司簡介”“產品展示”“新聞動態”“聯絡我們” 等, 這個就屬於網站導航選單的一種, 還有很多其他種類的導航, 分別起著不同的作用。
1. 路徑導航
路徑導航顯示了用户瀏覽頁面的所屬欄目及路徑, 幫助用户訪問該頁面的上、下級欄目, 從而更完整地瞭解網站資訊。
2. 實踐嵌入式導航
認識到全域性、區域和情境區導航元素都在大多數網頁上共存, 如何在網站中整合好是一個較普遍的問題。這個問題可能涉及網站欄目數量、頁面結構複雜度、實現一些效果的 JS 程序互動過程相關內容.
3. 全域性導航系統
全域性導航系統就是在網站上的每一頁都會展示的導航系統, 可直接連向重要的區域和無論用户在哪個層次中。全域性導航保持一致性, 以密集且重複來訪的用户為中心, 進行設計和測試。值得一提的是, 具有情境式的全域性導航系統不僅告訴用户這裏有什麼內容, 還告訴用户正在哪塊內容中。全域性導航可以幫助用户隨時到網站的任何一個欄目, 並可以輕鬆跳轉到另一個欄。通常來説, 全域性導航的位置是固定的, 以減少瀏覽者查詢的時間。
4. 情境式導航
進入目的頁面後, 會有一些內容指向特定的網頁、檔案、物件。比如網站上的 “相關文章” 喜歡這個商品的用户也會喜歡”“同類 TOP10”, 情境式全域性導航系統主要是説明所處的位置説明在這張頁面內容的情境下, 有什麼相關內容可以告訴並提供連結給用户 (稱外部情境式導航連結) 。比如, 在 Joyo 買《精通 CSS》這本書, 在介紹這本書的頁面中, 總會有一些連結是指向與 CSS 同類的其他書籍。還有一種是在文章敍述的文字中放入連結。
5. 相關導航
為了增加用户的停留時間, 網站策劃者需要充分考慮瀏覽者的需求, 為頁面設定相關導航讓瀏覽者可以方便地轉到所關注的相關頁面, 從而增進對 WordPress 企業的瞭解, 提升合作概率。
6. 快捷導航
對於網站的老用户而言, 需要快捷地到達所需欄目, 快捷導航為這些用户提供直觀的欄目連結, 減少用户的點選次數和時間, 提升瀏覽效率。
7. 區域導航系統
些網站在某個欄目中, 可能還會分很多小欄目, 把這些小欄目列出來, 方便用户立刻瀏覽那些內容, 有些網站會把全域性導航和區域導航整合成一致且統一的系統, 如下拉選單。與全域性導航一樣, 在同一個站點中它們的表現形式最好是一致和統一的。
上述就是網站導航選單的分類及起到的作用, 不同的網站需要用到不同型別的導航選單用户在建設網站時可根據自己網站的特點選擇需要用到哪種導航, 從而更加符合瀏覽者的需求。