這個問題今天拎出來單說,還是基于以用戶為中心的產品設計原則。首先我們要明白導航是什么,它可以是這樣

也可是是這樣

導航的意義是提供一個方法,讓用戶可以在產品的信息架構中進行穿梭。而信息架構是為用戶提供合理并且結構化信息的一種方式。屬于結構層的信息架構在上篇帖子中已經寫了很多,就不贅述了,這里想要強調的是信息架構和導航設計之間的關系。產品的信息架構呈現給用戶是通過導航的設計,可以說信息架構是導航的根基。簡單說,提供給你去某個地的能力,這就是導航。“信息架構把一個結構應用到我們設定好的內容需求列表中;而導航設計就是一個用戶能夠看到那個結構的鏡頭,這就表示,用戶可以通過它,在結構中自由穿行”,Jesse 這個表述真心貼切。
如果覺得一個網站的導航有問題,首先要看這個網站的信息架構是否合理,一個優秀的導航是無法去彌補信息架構所犯下的錯誤的(我是在黑自家產品么。。。)。如果信息架構沒問題,只是導航的設計上需要優化,那么下面就是針對導航設計的干貨了。
導航設計要完成的三個目標:
1、必須提供給用戶一種在網站間跳轉的方法。(這是必須的)
2、導航設計必須傳達出導航元素和它們所包含內容之間的關系。(導航名字叫女裝,點進去一看都是進口食品,懵逼的同時這網站你也不會再去了)
3、導航設計必須傳達出它的內容和用戶當前瀏覽頁之間的關系。(這就涉及到導航的維度了,一級導航是男裝、女裝、兒童裝,二級導航有男商務、男運動、男休閑、男朋克、男等等;如果把朋克和女裝、兒童裝放在同一級導航中,明顯是不合適的,除非你的信息架構就是這么設計的。)
幾種常見的導航
全局導航(global navigation)提供了覆蓋整個網站的通路。全局導航不是說我能從一個面,只要一個導航點擊,就能到我想要去的第二個目標頁面,如果這樣設計,你也頁面里也沒別的了,全是導航鏈接。全局導航提供的是用戶最有可能需要從網站的最終頁到其他什么地方的一組關鍵節點。
比如:在淘寶店鋪商品詳情,比如你在看一個鍵T恤,想看看和它搭配的褲子,除了店主推薦的搭配套餐之外,從一級導航去找褲子,就要點擊導航--褲子--褲子列表--詳情。這就是全局導航的一種表現。
局部導航(local navigation)提供給用戶在這個架構中找到“附近地點”的通路。在一個嚴格的層次結構中,這種導航只提供到達父級、兄弟級、子級的通路。這種導航一般只應用在重點向用戶體現信息架構的產品中。
比如:錘子的歡喜云。

這種局部導航,只提供了歡喜云內部兄弟級界面(功能)的切換,比如聯系人、便簽和查找手機。
輔助導航(supplementary navigation)提供了全局導航或局部導航不能跨蘇到達的相關內容的快捷路徑。一般都是使用在整體信息架構非常板正,但是有些常用功能或者相關功能使用時,需要需要重頭開始點擊,這時候就比較適合使用輔助導航。
比如:大多數APM類產品的FAQ。
上下文導航(contextual navigation)有時候也叫“內聯導航”,一般是嵌入在頁面自身內容里的一種導航。
比如:百度中搜索“APM”,搜到的不是Application Performance Management(應用性能管理),(百度推廣的不算),而是Action Per Minute(每分鐘操作次數)。接著看解釋APM —每分鐘有效操作的次數,又稱“手速”多見于星際爭霸和魔獸爭霸3(WAR3)這兩款游戲中一定程度上反映了玩家的水平。這時候“星際爭霸”就是一個超鏈接,點擊之后會跳轉到“星際爭霸”的知道內容。
注意:上下文導航的使用,真心要慎重,一段文章里有很多超鏈接是非常讓人抓狂的。
友好導航(courtesy navigation)提供給用戶他們平時不太會用到的導航,它們是作為一種便利的途徑來使用的。
比如:很多網站下面都會有的“聯系信息”“法律聲明”這種。他們通常會獨立于你的網站架構,單獨存在。
網站地圖(site map)是一種常見的遠程導航工具,它給用戶一個簡單明確的單頁的網站結構的快捷瀏覽方式。一般情況這種網站地圖都是作為網站的分級概要。
索引表(index)是按照字母排序的鏈接到相關頁面的列表,看看書的最后的索引就懂了。這種導航一般使用在特定的情況下,比如你的產品涵蓋了大量的、不同主題的內容,而用戶的瀏覽需求也存在很大的差異,這時候使用這種導航比較有效。
這些導航的類型只是大家總結出來的,活學活用是關鍵,知道問題的核心是:清晰的告訴用戶在哪兒,而且告訴他們,他們能去哪兒,這個才是最重要的。