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