使您的網站易於導航的10個技巧
精心設計的網站導航和難以逾越的迷宮有什麼區別呢?好吧,良好導航的原則比您想像的要簡單得多。這裡有十個基本提示,可讓您的網站輕鬆導航。
想訪客的想法
良好的網站導航的第一步是讓自己站在一個典型訪問者的角度。因此,與其將您認為必不可少的內容放在首位,不如考慮用戶想要發現您的內容的順序。
請記住,您網站的新訪問者不像您那樣了解他們的方式。他們對你的品牌一無所知。因此,請使用導航來引導人們踏上探索之旅。
例如,人們可能首先想知道是什麼讓您的公司與眾不同,您的品牌價值是什麼,當然還有您銷售的產品。另外,他們會想知道他們可以信任您的公司。因此,您網站的「關於我們」頁面應該很容易從訪問者可能到達的任何登入頁面中找到。
遵守約定
包含主頁、關於我們、聯絡我們和常見問題(常見問題)選項的簡單選單可能看起來有點乏味。但這是人們習慣看到的,所以他們知道選項的含義。人們也習慣於在網站頂部的某處看到藍色的超連結和搜尋框。
導航越直觀,人們就會越快找到他們需要的東西。因此,通常最好不要對您的網站導航過於有創意。相反,堅持人們已經熟悉的慣例。
將用戶引導至相關內容
改進網站導航的一種簡單方法是將用戶引導至頁面內的相關內容。這種類型的導航可以通過超連結、行動呼籲 (CTA) 或相關內容小部件或插件來實現。
當您希望用戶閱讀特定內容時,通常最好使用超連結和CTA。例如,可以使用超連結將用戶引導至某些支持信息。CTA 將用於提示用戶採取行動,例如訂閱郵件列表或購買產品。
相關內容小部件或插件最適合用於將用戶引導至與當前頁面主題相關的其他頁面。例如,關於類似主題的部落格文章,或線上商店中的類似產品。
避免使用多級選單
當用戶無需執行任何操作即可查看所有選項時,導航處於最佳狀態。但是,某些網站的頁面和選項太多,無法完全避免使用下拉選單。儘管如此,還是建議儘可能避免使用多級下拉選單,因為它們難以導航且不是很直觀。
在理想情況下,您根本不會使用下拉選單。相反,最好限制選單項的數量,然後在用戶到達相關頁面時提供進一步的導航選項
總是有搜尋功能
如果您不知道自己的路,即使是頁面很少的網站也很難導航。因此,最好在網站上包含搜尋功能。但是,某些內容管理系統上的標準搜尋功能非常基礎。例如,它們沒有自動建議,也不包括縮略圖預覽。因此,通常最好使用自定義小部件或插件搜尋功能來為用戶提供最佳體驗。
實現麵包屑
麵包屑是您可能在某些網頁頂部看到的主題類別的蹤跡。麵包屑的每一項都是一個文本連結,指向網站上的某個頁面類別。這種類型的導航設備通常看起來像;網頁設計 > 用戶體驗 > 導航 > 使您的網站易於導航的10個技巧。
麵包屑占用的空間很小,不會減損內容。而且它們很容易使用 Yoast 之類的插件來實現。更重要的是,許多用戶都熟悉麵包屑導航,因此這種簡單的網站添加是改進導航的一種簡單方法。麵包屑也有利於搜尋引擎優化 (SEO)。
將網站地圖添加到您的網站
網站地圖可能看起來有點過時,您可能認為人們不使用它們。但是布局合理的網站地圖可以很好地幫助導航。最好為用戶提供多種瀏覽網站的方式。
網站地圖充當網站的目錄,當其他導航方法失敗時,某些用戶將訪問該目錄。網站地圖也有利於SEO。因此,如果您對網站地圖進行一些思考並對其進行格式化以使其易於使用,它將有助於用戶瀏覽您的網站。例如,按主題將內容組合在一起,而不僅僅是按日期順序列出頁面。並包含一個HTML網站地圖以方便用戶使用,並包含一個XML網站地圖以供搜尋引擎使用。
確保導航易於查找和閱讀
所有導航選項都必須易於查找和閱讀。因此,例如,避免在選單上使用小字體。並為超連結和行動呼籲使用對比色。導航也應劃分為邏輯分組。
導航項的標題和懸停描述應該是明確的,當然也應該是準確的。最好使用文本而不是圖標。事實上,在網站導航方面,簡單總是最好的。
在桌面和行動裝置上測試導航
就像網站上的所有內容一樣,最好不要假設您第一次就能正確導航。因此,請測試您的所有導航選項並嘗試以用戶的方式查看您的網站。或者,更好的是,請不熟悉您網站布局的人為您測試導航。
並且不要忘記在各種設備上測試導航。例如,在桌面上看起來很棒的選單在行動裝置上可能會失真。而且,如果您將導航項放置得太近,則它們可能難以在平板電腦或手機上使用。
結論
總結以上的最好方法是;保持簡單並使其直觀。因為您永遠不希望用戶在您的網站上感到困惑或迷失。因此,如果可以,請限制導航選項的數量,並在必要時引導用戶進行下一步。永遠不要假設您的用戶會知道下一步該去哪裡。相反,為訪問者提供多種方式來瀏覽您的網站。