這個(gè)問題今天拎出來(lái)單說(shuō)，還是基于以用戶為中心的產(chǎn)品設(shè)計(jì)原則裙椭。首先我們要明白導(dǎo)航是什么，它可以是這樣

也可是是這樣

導(dǎo)航的意義是提供一個(gè)方法，讓用戶可以在產(chǎn)品的信息架構(gòu)中進(jìn)行穿梭加叁。而信息架構(gòu)是為用戶提供合理并且結(jié)構(gòu)化信息的一種方式。屬于結(jié)構(gòu)層的信息架構(gòu)在上篇帖子中已經(jīng)寫了很多唇撬，就不贅述了它匕，這里想要強(qiáng)調(diào)的是信息架構(gòu)和導(dǎo)航設(shè)計(jì)之間的關(guān)系。產(chǎn)品的信息架構(gòu)呈現(xiàn)給用戶是通過導(dǎo)航的設(shè)計(jì)窖认，可以說(shuō)信息架構(gòu)是導(dǎo)航的根基豫柬。簡(jiǎn)單說(shuō)，提供給你去某個(gè)地的能力扑浸，這就是導(dǎo)航烧给。“信息架構(gòu)把一個(gè)結(jié)構(gòu)應(yīng)用到我們?cè)O(shè)定好的內(nèi)容需求列表中喝噪；而導(dǎo)航設(shè)計(jì)就是一個(gè)用戶能夠看到那個(gè)結(jié)構(gòu)的鏡頭础嫡，這就表示，用戶可以通過它酝惧，在結(jié)構(gòu)中自由穿行”榴鼎，Jesse 這個(gè)表述真心貼切。

如果覺得一個(gè)網(wǎng)站的導(dǎo)航有問題晚唇，首先要看這個(gè)網(wǎng)站的信息架構(gòu)是否合理巫财，一個(gè)優(yōu)秀的導(dǎo)航是無(wú)法去彌補(bǔ)信息架構(gòu)所犯下的錯(cuò)誤的（我是在黑自家產(chǎn)品么。缺亮。翁涤。）。如果信息架構(gòu)沒問題萌踱，只是導(dǎo)航的設(shè)計(jì)上需要優(yōu)化葵礼，那么下面就是針對(duì)導(dǎo)航設(shè)計(jì)的干貨了。

導(dǎo)航設(shè)計(jì)要完成的三個(gè)目標(biāo)：

1并鸵、必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法鸳粉。（這是必須的）

2、導(dǎo)航設(shè)計(jì)必須傳達(dá)出導(dǎo)航元素和它們所包含內(nèi)容之間的關(guān)系园担。（導(dǎo)航名字叫女裝届谈，點(diǎn)進(jìn)去一看都是進(jìn)口食品枯夜，懵逼的同時(shí)這網(wǎng)站你也不會(huì)再去了）

3、導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁(yè)之間的關(guān)系艰山。（這就涉及到導(dǎo)航的維度了湖雹，一級(jí)導(dǎo)航是男裝、女裝曙搬、兒童裝摔吏，二級(jí)導(dǎo)航有男商務(wù)、男運(yùn)動(dòng)纵装、男休閑征讲、男朋克、男等等橡娄；如果把朋克和女裝诗箍、兒童裝放在同一級(jí)導(dǎo)航中，明顯是不合適的挽唉，除非你的信息架構(gòu)就是這么設(shè)計(jì)的滤祖。）

幾種常見的導(dǎo)航

全局導(dǎo)航（global navigation）提供了覆蓋整個(gè)網(wǎng)站的通路。全局導(dǎo)航不是說(shuō)我能從一個(gè)面橱夭，只要一個(gè)導(dǎo)航點(diǎn)擊氨距，就能到我想要去的第二個(gè)目標(biāo)頁(yè)面桑逝，如果這樣設(shè)計(jì)棘劣，你也頁(yè)面里也沒別的了，全是導(dǎo)航鏈接楞遏。全局導(dǎo)航提供的是用戶最有可能需要從網(wǎng)站的最終頁(yè)到其他什么地方的一組關(guān)鍵節(jié)點(diǎn)茬暇。

比如：在淘寶店鋪商品詳情，比如你在看一個(gè)鍵T恤寡喝，想看看和它搭配的褲子糙俗，除了店主推薦的搭配套餐之外，從一級(jí)導(dǎo)航去找褲子预鬓，就要點(diǎn)擊導(dǎo)航--褲子--褲子列表--詳情巧骚。這就是全局導(dǎo)航的一種表現(xiàn)。

局部導(dǎo)航（local navigation）提供給用戶在這個(gè)架構(gòu)中找到“附近地點(diǎn)”的通路格二。在一個(gè)嚴(yán)格的層次結(jié)構(gòu)中劈彪，這種導(dǎo)航只提供到達(dá)父級(jí)、兄弟級(jí)顶猜、子級(jí)的通路沧奴。這種導(dǎo)航一般只應(yīng)用在重點(diǎn)向用戶體現(xiàn)信息架構(gòu)的產(chǎn)品中。

比如：錘子的歡喜云长窄。

這種局部導(dǎo)航滔吠，只提供了歡喜云內(nèi)部兄弟級(jí)界面（功能）的切換纲菌，比如聯(lián)系人、便簽和查找手機(jī)疮绷。

輔助導(dǎo)航（supplementary navigation）提供了全局導(dǎo)航或局部導(dǎo)航不能跨蘇到達(dá)的相關(guān)內(nèi)容的快捷路徑翰舌。一般都是使用在整體信息架構(gòu)非常板正，但是有些常用功能或者相關(guān)功能使用時(shí)冬骚，需要需要重頭開始點(diǎn)擊灶芝，這時(shí)候就比較適合使用輔助導(dǎo)航。

比如：大多數(shù)APM類產(chǎn)品的FAQ唉韭。

上下文導(dǎo)航（contextual navigation）有時(shí)候也叫“內(nèi)聯(lián)導(dǎo)航”夜涕，一般是嵌入在頁(yè)面自身內(nèi)容里的一種導(dǎo)航。

比如：百度中搜索“APM”属愤，搜到的不是Application Performance Management（應(yīng)用性能管理）女器，（百度推廣的不算），而是Action Per Minute（每分鐘操作次數(shù)）住诸。接著看解釋APM —每分鐘有效操作的次數(shù)驾胆，又稱“手速”多見于星際爭(zhēng)霸和魔獸爭(zhēng)霸3（WAR3）這兩款游戲中一定程度上反映了玩家的水平。這時(shí)候“星際爭(zhēng)霸”就是一個(gè)超鏈接贱呐，點(diǎn)擊之后會(huì)跳轉(zhuǎn)到“星際爭(zhēng)霸”的知道內(nèi)容丧诺。

注意：上下文導(dǎo)航的使用，真心要慎重奄薇，一段文章里有很多超鏈接是非常讓人抓狂的驳阎。

友好導(dǎo)航（courtesy navigation）提供給用戶他們平時(shí)不太會(huì)用到的導(dǎo)航，它們是作為一種便利的途徑來(lái)使用的馁蒂。

比如：很多網(wǎng)站下面都會(huì)有的“聯(lián)系信息”“法律聲明”這種呵晚。他們通常會(huì)獨(dú)立于你的網(wǎng)站架構(gòu)，單獨(dú)存在沫屡。

網(wǎng)站地圖（site map）是一種常見的遠(yuǎn)程導(dǎo)航工具饵隙，它給用戶一個(gè)簡(jiǎn)單明確的單頁(yè)的網(wǎng)站結(jié)構(gòu)的快捷瀏覽方式。一般情況這種網(wǎng)站地圖都是作為網(wǎng)站的分級(jí)概要沮脖。

索引表（index）是按照字母排序的鏈接到相關(guān)頁(yè)面的列表金矛，看看書的最后的索引就懂了。這種導(dǎo)航一般使用在特定的情況下勺届，比如你的產(chǎn)品涵蓋了大量的驶俊、不同主題的內(nèi)容，而用戶的瀏覽需求也存在很大的差異涮因，這時(shí)候使用這種導(dǎo)航比較有效废睦。

這些導(dǎo)航的類型只是大家總結(jié)出來(lái)的，活學(xué)活用是關(guān)鍵养泡，知道問題的核心是：清晰的告訴用戶在哪兒嗜湃，而且告訴他們奈应，他們能去哪兒，這個(gè)才是最重要的购披。