本文接續上篇
良好的網站導航可以幫助用戶找到他們正在尋找的內容,并為他們提供積極的體驗,鼓勵他們返回。北京分形科技是一家經驗豐富的專業化的高端網站設計公司,本文將接續上篇繼續為大家介紹網站導航的設計技巧。
06.如有必要,創建大型下拉菜單
雖然我們建議限制您的菜單項,但如果網站包含大量內容,則并非總是如此。在這種情況下,您可以創建一個大型菜單。超級菜單是從經典導航菜單下拉的大型列表或面板,為您提供了一系列選項。
一個典型的例子是銷售許多不同產品的電子商務網站。您不希望在菜單中包含所有產品,因為這看起來很混亂。相反,您可以將產品分類,從而實現更有序的瀏覽體驗。例如,如果您有一個健身中心的網站,您的主菜單可能包含一個名為“課程”的項目,其中大型下拉菜單分為子類別,如“健美操”,“拉伸”和“懷孕課程”。在每個子類別下都是所有特定類別。
為避免混淆或信息過載,您可以使用設計工具在潛在的混亂中創建層次結構。使用排版樣式來使子類別脫穎而出-您可以將它們設置為粗體,稍大或不同于其下方文本的顏色。您還可以在它們周圍添加一些額外的空間,以便訪問者了解分離。
07.添加搜索欄
內容繁重的網站的另一個選擇是添加搜索欄。它可以幫助用戶更快地找到他們想要的東西。請記住,您的網頁設計需要為關注度越來越低的受眾群體提供服務,讓所有人都能無縫地工作,而不必等待太久。搜索欄對于瀏覽網頁經驗較少的訪問者也很有用,因為這是一個他們可以立即理解的熟悉概念。
就搜索欄的位置而言,請將其與菜單保持一致。它應該在您網站的標題中,并且與菜單一樣,當訪問者向下滾動您的網站時,它可以保持固定。
08.清楚地標記菜單
現在您知道哪些項目會出現在您的菜單中,現在是時候決定每個項目的確切措辭和標簽了。您的菜單不適合使用修辭或使用行業術語。相反,文本應該是描述性的,最重要的是清晰。
如果您不完全確定哪種措辭能夠更好地運作,您可以嘗試兩種不同的版本,并通過在您的網站上執行A/B測試來測試它們。
09.將Logo鏈接回主頁
不將您的Logo鏈接回主頁是一個常見的網頁設計,可以輕松避免。您的菜單不需要在其中包含“主頁”一詞。而是在您網站的每個頁面頂部添加您的Logo,并將其鏈接到主頁。這對于大多數用戶來說非常直觀,因為它堅持網頁設計慣例。
通常,Logo顯示在網站標題的左側,但確切的位置會有所不同。最重要的是,您的Logo將顯示在您網站的頂部,非常靠近您的菜單。
10.指出用戶所在的頁面
人們通常不喜歡迷失方向,你的網站也是如此。您可以通過向用戶清楚地了解他們在您網站上的位置來改善您的用戶體驗。有許多不同的方法。
您可以添加一個不容錯過的大標題,添加面包屑(包含您訪問過的所有頁面的文本列表,以便到達您現在的位置),或者只是突出顯示您在菜單中的頁面。您可以通過將該項目設置為不同的顏色,粗體顯示文本,加下劃線或您可以提出的任何其他不會過多關注的創意選項來指示菜單中的頁面。
11.確保訪問者可以從任何頁面訪問任何頁面
最后一個提示和經驗法則是訪問者應該能夠從任何頁面導航到他們想要的任何頁面。請記住,并非所有人都必須從主頁訪問您的網站。這意味著他們登陸的任何其他頁面都應該連接到您網站的其他部分。
一個簡單的解決方案就是確保可以從菜單訪問所有頁面。如果每個頁面都包含一個菜單-那么,您已經排序了。為了使事情更簡單,更直觀,請在每個頁面上保持網站菜單設計的一致性,將其放在完全相同的位置,以避免混淆。