網(wǎng)站的導(dǎo)航是集團(tuán)網(wǎng)站設(shè)計(jì)中最重要的元素之一。訪客需要使用導(dǎo)航來瀏覽網(wǎng)站并快速找到所需的信息。如果導(dǎo)航令人困惑或以任何方式使用戶絆倒，您將冒著使他們感到沮喪并完全離開站點(diǎn)的風(fēng)險(xiǎn)。簡而言之，網(wǎng)站導(dǎo)航應(yīng)該清晰直觀。為了實(shí)現(xiàn)這些特征，高端官網(wǎng)定制Angle為大家概述了在網(wǎng)站導(dǎo)航設(shè)計(jì)中確實(shí)需要避免的7個錯誤。

1、太多選擇
給一個人15個選項(xiàng)供您選擇，比您只給他們8個選項(xiàng)要花更長的時間。某人可以做出的選擇越少，他們就可以更快地評估這些選擇并做出決定。不幸的是，當(dāng)涉及網(wǎng)站導(dǎo)航時，許多公司試圖將所有可能的內(nèi)容塞入其網(wǎng)站的主導(dǎo)航欄中，以使訪問者可以立即訪問所有頁面選項(xiàng)。這聽起來似乎是個好主意，因?yàn)槭箖?nèi)容易于訪問是一個值得的目標(biāo)，但是導(dǎo)航鏈接的過載實(shí)際上將導(dǎo)致反向觸發(fā)。他們不會讓訪問者輕松地查看可用的頁面，而會因選擇范圍之廣而變得不知所措，并且無法快速決定下一步的操作。

這些人開始質(zhì)疑下一步應(yīng)該單擊什么的那一刻，您冒著風(fēng)險(xiǎn)，他們實(shí)際上將要單擊的是“后退”按鈕，該按鈕會將他們帶離您的網(wǎng)站及其混亂的導(dǎo)航方案。在規(guī)劃和設(shè)計(jì)網(wǎng)站的主要導(dǎo)航時，請積極編輯該菜單，使其盡可能少，最重要的是通過預(yù)先提供較少的選項(xiàng)，您實(shí)際上會鼓勵人們做出更快的選擇，并更深入地進(jìn)入您的站點(diǎn)。

2、錯誤的選項(xiàng)
人們在計(jì)劃站點(diǎn)導(dǎo)航時（尤其是當(dāng)他們開始決定要在主導(dǎo)航中保留什么以及要轉(zhuǎn)到小節(jié)導(dǎo)航時）犯下的另一個錯誤是，他們剪切了錯誤的項(xiàng)目并留下了對站點(diǎn)實(shí)際不重要的鏈接聽眾。請記住，集團(tuán)網(wǎng)站設(shè)計(jì)必須滿足使用網(wǎng)站的人們的需求。因此對他們而言重要的內(nèi)容或功能應(yīng)重點(diǎn)關(guān)注。諸如“總裁致辭”之類的鏈接對于公司的首席執(zhí)行官可能很重要，但是，如果該公司的客戶沒有在尋找該內(nèi)容，那么將其放置在導(dǎo)航行中就會被誤導(dǎo)，尤其是如果該內(nèi)容位于導(dǎo)航行中而不是該鏈接實(shí)際上對網(wǎng)站的客戶很重要！

3、響應(yīng)式站點(diǎn)
當(dāng)今的網(wǎng)站可以通過各種設(shè)備和屏幕尺寸進(jìn)行訪問。僅使用大型的臺式機(jī)監(jiān)視器來訪問網(wǎng)站內(nèi)容的時代已經(jīng)過去了，因此，要想在當(dāng)今的網(wǎng)站上取得成功，站點(diǎn)及其導(dǎo)航必須適應(yīng)如此廣泛的屏幕。導(dǎo)航方案通常只為大屏幕監(jiān)視器設(shè)計(jì)。在較小的屏幕（包括平板電腦和手機(jī)）上，該導(dǎo)航會中斷并且無法使用。這就是為什么需要使用響應(yīng)性方法來構(gòu)建網(wǎng)站以支持多設(shè)備的原因。使用響應(yīng)式站點(diǎn)，可以針對不同的屏幕尺寸重新設(shè)計(jì)導(dǎo)航，以確保始終清晰易用。像Webydo這樣的平臺及其像素完美的響應(yīng)式編輯器，是為網(wǎng)站將要顯示的各種大小設(shè)計(jì)不同導(dǎo)航方案的好方法，借助Webydo的無代碼開發(fā)平臺，一旦設(shè)計(jì)了導(dǎo)航和頁面，他們可以輕松地發(fā)布為工作網(wǎng)頁！

4、飛出菜單混亂
在您為網(wǎng)站的主菜單向下編輯選項(xiàng)數(shù)量時，您將開始查找更好地顯示為子菜單的鏈接和頁面。例如，主導(dǎo)航可能具有“我們公司”的選項(xiàng)，并且在此按鈕/部分下方，您可能具有其他選擇，盡管對于站點(diǎn)而言是必需的，但并不足以保證主導(dǎo)航的放置。這些可能包括：

• 公司歷史
• 領(lǐng)導(dǎo)班子
• 感言
• 招賢納士

呈現(xiàn)這些子菜單的方法之一是使用下拉菜單或彈出菜單。將鼠標(biāo)光標(biāo)懸停在頂級鏈接上后，便會在此處顯示菜單。這種處理雖然很常見，但是可以防止一些挑戰(zhàn)。例如，在技術(shù)上沒有“懸?！睜顟B(tài)的觸摸屏設(shè)備上，您要確保用戶仍然可以訪問鏈接。您還希望避免彈出菜單具有3個或更多級別。導(dǎo)航具有來自其他彈出菜單的彈出菜單的菜單系統(tǒng)通常很困難，因此請避免在集團(tuán)網(wǎng)站設(shè)計(jì)的任何站點(diǎn)中使用這些笨拙的菜單。如果您想了解有關(guān)哪種導(dǎo)航類型最適合您的站點(diǎn)的更多信息，導(dǎo)航設(shè)計(jì)模式的重要性將使用一些最熱門的網(wǎng)站和網(wǎng)頁應(yīng)用程序中的示例討論各種類型的導(dǎo)航系統(tǒng)。

5、不一致
一旦有人弄清楚如何使用您的導(dǎo)航菜單，并且他們對所有內(nèi)容都感到滿意，就不要在其上進(jìn)行任何更改！集團(tuán)網(wǎng)站設(shè)計(jì)應(yīng)在整個體驗(yàn)中保持一致的導(dǎo)航，對于菜單的每次迭代，跨設(shè)備以及無論它們位于哪個頁面。子菜單可能會在頁面之間變化，但主要的導(dǎo)航或控件應(yīng)設(shè)置為石頭。

6、太長
編輯站點(diǎn)的導(dǎo)航選項(xiàng)以顯示較少的選擇很重要，但是您還需要確保保留的選擇的文本標(biāo)簽簡短而優(yōu)美。僅當(dāng)“我們的公司”，“公司”，“關(guān)于我們”或“關(guān)于”都可以正常工作時，不需要顯示“關(guān)于公司的全部”的鏈接。這似乎不是一個大的編輯，但是我們已經(jīng)從4個單詞變?yōu)?個或2個單詞。如果您在整個導(dǎo)航欄中進(jìn)行這樣的編輯，那么您將有效地減少了人們必須處理的文本量，同時仍能為這些鏈接傳達(dá)適當(dāng)?shù)膬?nèi)容。

7、錯誤的語氣
每個網(wǎng)站都有一個基調(diào)。這種語調(diào)可能是寬松而友好的，也可能是專業(yè)而直接的，或者是許多其他可能性。無論網(wǎng)站的語氣是什么，導(dǎo)航的語言都應(yīng)該反映出來。如果一個網(wǎng)站要友好和樂于助人，那么一個鏈接為“我們?nèi)绾翁峁椭钡逆溄涌赡鼙纫粋€簡單的“服務(wù)”更合適。通過了解網(wǎng)站消息的語氣，您可以設(shè)計(jì)與該語氣一致的導(dǎo)航。是的，在這種情況下，第一個文本比第二個文本長得多，這似乎與本文中介紹的其他技巧相反，但是請記住，目標(biāo)不一定是使文本盡可能短，而是要在總體上做出正確的選擇。這的確包括正確的文本長度，但也包括正確的音調(diào)，選項(xiàng)等。如果您正在為自己的網(wǎng)站導(dǎo)航尋找設(shè)計(jì)解決方案或想法，請查看此文章。

網(wǎng)站導(dǎo)航的設(shè)計(jì)可以帶來或破壞一種體驗(yàn)。通過確保導(dǎo)航結(jié)構(gòu)清晰且易于使用，可以鼓勵訪問者在網(wǎng)站上花費(fèi)一些時間，并幫助將他們定向到對他們來說很重要并且對您的業(yè)務(wù)很重要的內(nèi)容或功能。