接續上篇繼續爲大(dà)家介紹網站導航的(de)設計技巧

2019-11-03

  良好的(de)網站導航可(kě)以幫助用(yòng)戶找到他(tā)們正在尋找的(de)内容,并爲他(tā)們提供積極的(de)體驗,鼓勵他(tā)們返回。中山網訊科技是一家經驗豐富的(de)專業化(huà)的(de)高(gāo)端網站設計公司,本文将接續上篇繼續爲大(dà)家介紹網站導航的(de)設計技巧。

website-development.png  06.如有必要,創建大(dà)型下(xià)拉菜單

  雖然我們建議(yì)限制您的(de)菜單項,但如果網站包含大(dà)量内容,則并非總是如此。在這(zhè)種情況下(xià),您可(kě)以創建一個(gè)大(dà)型菜單。超級菜單是從經典導航菜單下(xià)拉的(de)大(dà)型列表或面闆,爲您提供了(le)一系列選項。

  一個(gè)典型的(de)例子是銷售許多(duō)不同産品的(de)電子商務網站。您不希望在菜單中包含所有産品,因爲這(zhè)看起來(lái)很混亂。相反,您可(kě)以将産品分(fēn)類,從而實現更有序的(de)浏覽體驗。例如,如果您有一個(gè)健身中心的(de)網站,您的(de)主菜單可(kě)能包含一個(gè)名爲“課程”的(de)項目,其中大(dà)型下(xià)拉菜單分(fēn)爲子類别,如“健美(měi)操”,“拉伸”和(hé)“懷孕課程”。在每個(gè)子類别下(xià)都是所有特定類别。

  爲避免混淆或信息過載,您可(kě)以使用(yòng)設計工具在潛在的(de)混亂中創建層次結構。使用(yòng)排版樣式來(lái)使子類别脫穎而出-您可(kě)以将它們設置爲粗體,稍大(dà)或不同于其下(xià)方文本的(de)顔色。您還(hái)可(kě)以在它們周圍添加一些額外的(de)空間,以便訪問者了(le)解分(fēn)離。

  07.添加搜索欄

  内容繁重的(de)網站的(de)另一個(gè)選擇是添加搜索欄。它可(kě)以幫助用(yòng)戶更快(kuài)地找到他(tā)們想要的(de)東西。請記住,您的(de)網頁設計需要爲關注度越來(lái)越低的(de)受衆群體提供服務,讓所有人(rén)都能無縫地工作,而不必等待太久。搜索欄對(duì)于浏覽網頁經驗較少的(de)訪問者也(yě)很有用(yòng),因爲這(zhè)是一個(gè)他(tā)們可(kě)以立即理(lǐ)解的(de)熟悉概念。

  就搜索欄的(de)位置而言,請将其與菜單保持一緻。它應該在您網站的(de)标題中,并且與菜單一樣,當訪問者向下(xià)滾動您的(de)網站時(shí),它可(kě)以保持固定。

  08.清楚地标記菜單

  現在您知道哪些項目會出現在您的(de)菜單中,現在是時(shí)候決定每個(gè)項目的(de)确切措辭和(hé)标簽了(le)。您的(de)菜單不适合使用(yòng)修辭或使用(yòng)行業術語。相反,文本應該是描述性的(de),最重要的(de)是清晰。

  如果您不完全确定哪種措辭能夠更好地運作,您可(kě)以嘗試兩種不同的(de)版本,并通(tōng)過在您的(de)網站上執行A/B測試來(lái)測試它們。

  09.将Logo鏈接回主頁

  不将您的(de)Logo鏈接回主頁是一個(gè)常見的(de)網頁設計,可(kě)以輕松避免。您的(de)菜單不需要在其中包含“主頁”一詞。而是在您網站的(de)每個(gè)頁面頂部添加您的(de)Logo,并将其鏈接到主頁。這(zhè)對(duì)于大(dà)多(duō)數用(yòng)戶來(lái)說非常直觀,因爲它堅持網頁設計慣例。

  通(tōng)常,Logo顯示在網站标題的(de)左側,但确切的(de)位置會有所不同。最重要的(de)是,您的(de)Logo将顯示在您網站的(de)頂部,非常靠近您的(de)菜單。

  10.指出用(yòng)戶所在的(de)頁面

  人(rén)們通(tōng)常不喜歡迷失方向,你的(de)網站也(yě)是如此。您可(kě)以通(tōng)過向用(yòng)戶清楚地了(le)解他(tā)們在您網站上的(de)位置來(lái)改善您的(de)用(yòng)戶體驗。有許多(duō)不同的(de)方法。

  您可(kě)以添加一個(gè)不容錯過的(de)大(dà)标題,添加面包屑(包含您訪問過的(de)所有頁面的(de)文本列表,以便到達您現在的(de)位置),或者隻是突出顯示您在菜單中的(de)頁面。您可(kě)以通(tōng)過将該項目設置爲不同的(de)顔色,粗體顯示文本,加下(xià)劃線或您可(kě)以提出的(de)任何其他(tā)不會過多(duō)關注的(de)創意選項來(lái)指示菜單中的(de)頁面。

  11.确保訪問者可(kě)以從任何頁面訪問任何頁面

  最後一個(gè)提示和(hé)經驗法則是訪問者應該能夠從任何頁面導航到他(tā)們想要的(de)任何頁面。請記住,并非所有人(rén)都必須從主頁訪問您的(de)網站。這(zhè)意味著(zhe)他(tā)們登陸的(de)任何其他(tā)頁面都應該連接到您網站的(de)其他(tā)部分(fēn)。

  一個(gè)簡單的(de)解決方案就是确保可(kě)以從菜單訪問所有頁面。如果每個(gè)頁面都包含一個(gè)菜單-那麽,您已經排序了(le)。爲了(le)使事情更簡單,更直觀,請在每個(gè)頁面上保持網站菜單設計的(de)一緻性,将其放在完全相同的(de)位置,以避免混淆。


責任編輯:中山網站建設
 【網訊網絡】國家高(gāo)新技術企業》十年專注軟件開發,網站建設,網頁設計,APP開發,小程序,微信公衆号開發,定制各類企業管理(lǐ)軟件(OA、CRM、ERP、訂單管理(lǐ)系統、進銷存管理(lǐ)軟件等)!服務熱(rè)線:0760-88610046、13924923903,http://www.wansion.net

您的(de)項目需求咨詢熱(rè)線:0760-88610046(國家高(gāo)新技術企業)

*請認真填寫需求,我們會在24小時(shí)内與您取得(de)聯系。