一個網(wǎng)站的導(dǎo)航就相當于是一條路的路標，不同的是，網(wǎng)站的不同欄目頁的入口遠遠比馬路要來得復(fù)雜，所以一個清晰的導(dǎo)航設(shè)計對于一個網(wǎng)站的意義遠遠大于一個路標對于馬路的意義。

當網(wǎng)站用戶的需求越來越復(fù)雜，網(wǎng)站的結(jié)構(gòu)也勢必變得更復(fù)雜，如何引導(dǎo)用戶去訪問網(wǎng)站的不同欄目，或者說如何讓用戶把不同欄目都串聯(lián)起來，導(dǎo)航就應(yīng)當擔此重任。

當網(wǎng)站越做越大，結(jié)構(gòu)越復(fù)雜欄目越多，導(dǎo)航條上的欄目從一行增加到兩行，每個欄目導(dǎo)航下又配以下拉菜單……長此以往，導(dǎo)航條將不堪重負。

在內(nèi)容為王的時代，網(wǎng)站內(nèi)容以豐滿為佳，但網(wǎng)站導(dǎo)航恰恰應(yīng)該是以一個相反的表現(xiàn)為佳——苗條。一個苗條簡潔的導(dǎo)航結(jié)構(gòu)對用戶的吸引以及引導(dǎo)遠遠要高于一個豐滿復(fù)雜的導(dǎo)航。

這一個問題在購物網(wǎng)站上表現(xiàn)得猶其突出。看看亞馬遜網(wǎng)站之前的導(dǎo)航，有一種讓人窒息的感覺，在導(dǎo)航條上就容易讓用戶產(chǎn)生迷失的感覺。

很顯然，新導(dǎo)航做了相當大的簡化工作，力求給用戶展現(xiàn)一個簡潔清晰的結(jié)構(gòu)。新導(dǎo)航最大的成功之處，在于對欄目結(jié)構(gòu)進行了的重設(shè)計，不再將所有物品種類都擺上導(dǎo)航，而是根據(jù)大類來進行細分。

當網(wǎng)站導(dǎo)航的結(jié)構(gòu)分支有很多的時候，顯然一般的導(dǎo)航設(shè)計已經(jīng)不能滿足需求了，于是在網(wǎng)上流傳的另一種新穎的動態(tài)導(dǎo)航設(shè)計，即根據(jù)欄目來進行動態(tài)的導(dǎo)航顯示。

很顯然，這種導(dǎo)航的表現(xiàn)形式可以滿足欄目結(jié)構(gòu)分支眾多的網(wǎng)站，采用的是一種面包屑的表現(xiàn)形式，向用戶動態(tài)的展示網(wǎng)站導(dǎo)航結(jié)構(gòu)，而不是將煩雜的導(dǎo)航一下子全拋向用戶。這種導(dǎo)航的另一種優(yōu)勢是，可以添加足夠多的導(dǎo)航，可以完整的將用戶展示網(wǎng)站的所有欄目，而不必為導(dǎo)航是否煩雜而感到苦煩。

這些是固定形式上的導(dǎo)航設(shè)計，而對于一些服務(wù)型的網(wǎng)站來說，顯然不會有那么多的欄目結(jié)構(gòu)分支，一個導(dǎo)航上的欄目更多的是直接對應(yīng)一個服務(wù)，比如最近很火爆的開心網(wǎng)的應(yīng)用組件導(dǎo)航。當添加的組件足夠多時，側(cè)邊欄上的導(dǎo)航會顯得很臃腫，而這些組件中又有許多只是一時興趣添加的，并不會常用，甚至是添加后只用過一次然后再也不用。于是這樣的導(dǎo)航就會影響到用戶的使用。

面對這樣臃腫的導(dǎo)航結(jié)構(gòu)，開心網(wǎng)采用的方法是收縮一小部分導(dǎo)航，當點擊“展開”時才顯示出所有的組件導(dǎo)航。顯然這是一個改進，但是這個改進卻并不明顯，也于臃腫的導(dǎo)航結(jié)構(gòu)來說，改善并不大。

豆瓣的系統(tǒng)會根據(jù)用戶的喜愛，推薦一些相關(guān)的信息給用戶，這是網(wǎng)站與用戶互動的一部分，是增加用戶黏性很重要的一部分。

導(dǎo)航同樣可以采用這種流式的表現(xiàn)形式。

還是拿開心網(wǎng)的組件導(dǎo)航來說，除了添加“收縮”、“展開”來改善導(dǎo)航的臃腫結(jié)構(gòu)之外，還可以通過系統(tǒng)后臺紀錄用戶使用組件的頻繁度來顯示組件導(dǎo)航，即用戶使用頻繁的組件在導(dǎo)航中排靠前的位置，而用戶很少使用甚至是不使用的組件完全就可以用“更多”來表達，當用戶點擊“更多”時才顯示出全部的導(dǎo)航，這樣不僅可以達到精簡組件導(dǎo)航的目的，還可以帶給用戶更佳的使用感。

這種導(dǎo)航不再是以一種固定的形式來表現(xiàn)，由網(wǎng)站制作者統(tǒng)一規(guī)定的導(dǎo)航轉(zhuǎn)而為由用戶來決定導(dǎo)航，既然用戶可以定義頁面內(nèi)容與結(jié)構(gòu)，那么用戶自然也有權(quán)利定義網(wǎng)站導(dǎo)航。

不僅是服務(wù)型的網(wǎng)站可以使用這種導(dǎo)航，僅僅是內(nèi)容提供者角色的網(wǎng)站也同樣可以使用。

原文：http://www.prower.cn/interaction/517