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