談網站導航設計：不是所有的網站都需要導航

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

網站策劃中百分之七十的工作是圍繞網站導航開展的」——這句話是錯的。 許多優秀的網站成功在導航設計，許多糟糕失敗在導航設計，這個現象的確存在，但這並不意味著導航設計佔有網站策劃工作的絕對重心。

不是所有的網站都需要導航

策劃這類思維活動，一旦形成了慣性也就失去了創造力。 很多從事網站策劃的朋友，總是把著眼點放在了網站的導航，殊不知很多網站壓根不需要導航，因此，正確的網站策劃思維應該是首先明確「我們是否需要導航」，然後才是「我們需要一個什麼樣的導航」

只有一個頁面的網站，它們不需要導航。 企業簡介、連絡方式、產品服務，這樣的名片式網站是國內中小型企業普遍採用的形式，而這些內容往往可以在一個頁面中展開;網站建設公司為了提高價格將名片式網站故意複雜化，同時為了節約成本將導航程式化， 造成了成本浪費與使用者操作的煩瑣;一個極簡的網站，高效能的傳播，純粹的功能，是不需要導航的干擾;如果能夠在最少的頁面裡把事情說清楚，就不要浪費更多的頁面，這是在節約社會資源，也是在節約使用者的時間。

可用性研究網站Useit.com(Nielsen)就是一個典型的沒有巡覽列的網站

故事主線的網站，它們不需要導航。 線性思維可以一步一步帶領使用者進入目的地，只要內容足夠吸引，那麼使用者是不吝惜增加點擊的;這種敘事的內容傳播側重的是內容的深度，Step By Step的讓使用者深入瞭解內容，並不希望使用者進行跨越式流覽。 故事網站並不能帶來寬泛的流量，必需像看幻燈片那樣一頁一頁的點擊下去，而卻能帶來影響力與 深刻傳播，使用者往往一口氣流覽到底，而且很少去重新流覽;既然如此，故事主線的網站存在有何意義呢?很顯然， 故事主線網站是進行病毒式行銷的利器，通常人們會把自己喜歡的故事網站通過各種管道分享給自己的親人和朋友。

著名的Web標準啟蒙讀物《為什麼用表格排版是不明智的》採用線性無導航閱讀

使用者往往並不知道網站導航的存在

每個人都有經常使用的網站，即便是網站策劃師也不例外。 現在確定一個你經常訪問的網站(這個網站必須不是你親自參與設計建設的)，好，閉上眼睛仔細回憶，這個你經常造訪的網站，它的導航包含多少個專案，第一個專案是什麼?最後一個呢?每個專案在導航中是如何排列的?現在你明白了麼?...... 即便是你經常訪問的網站，你也沒辦法把導航內容完全記住。

Google中文(谷歌)可能是你每天都訪問的網站，你能記得它的導航具體是什麼嗎

站在一個普通使用者的角度，在消費者的視場中，掃描著頁面的內容，即什麼內容在頁面的什麼地方，這些內容是否是使用者需要的;使用者其實不關心導航是否存在，他們只有在當前頁面找不到自己需要內容的情況下，才會去尋找導航;因此， 使用者的確能感受到頁面的存在，因為頁面通過視網膜讓使用者知道了它的存在，使用者往往不知道導航的存在，因為導航系統是一個抽象的概念。

使用者使用導航是要找到自己需要的內容，這種需求往往非常急切，而且你不要認為每個使用者都會像在月亮山挖寶一樣孜孜不倦，在導航的説明下，如果還不能快速的找到自己想要看的東西，那麼他們就會關掉瀏覽器跑掉了。 這個時候，一份詳盡的網站地圖，會比你精心設計的導航更有效和快捷。

越是扁平結構的網站導航越有效

很多網站策劃師喜歡使用多級導航，有的甚至按照邏輯關係把導航細分到3級甚至4級，這樣做是極其不合理的。 在此我們引入一個維度的概念，如果每增加一級導航就增加一個維度，那麼增加的這一級將使整個導航系統複雜度增加數倍，而使用者的操作將呈幾何數量級的增加。

一個企業網站的二維導航被扁平化的例子

我們必須明確，導航的出現是因為在一個頁面中無法同時展現那麼多的內容;也就是說導航是無奈之舉，並非必需品。 無論橫向導航還是縱向導航，假如入螢幕足夠寬或足夠長，那麼只需要一級導航就可以了。 這也就是說，需要把一個多維的縱深導航系統壓扁，這樣做的代價是打破網 站欄目之間明確的從屬邏輯，而得到的好處是讓使用者更快的找到自己需要的內容。 扁平結構的導航，正在逐漸成為網站導航的主流，這就是為什麼那麼多入口網站將 一級的欄目在導航區以多行出現，並且你能發現更極端的做法——網站的導航就是網站地圖。

戴爾電腦的中文網站：網站導航就是網站地圖!

橫排導航與縱列導航的區別

我們知道，幾乎整個世界的閱讀習慣都是從左至右逐行進行(中國古代是從上到下逐列進行)，那麼在橫排導航中，左邊的專案一定比右邊的專案重要麼?這也未必，因為越來越多的使用者將導航與段落區別開來，進行跳躍式閱讀，出現了「金箍棒」 狀態，那麼就意味著在橫排導航中，最後一個元素會有一個小的躍升;所以，有經驗的網站策劃師會把最重要的專案放在橫排導航的第一位，而次要專案放在橫排導航的最後一位，其它專案從第二位依次排列開。

橫排段落:權重由左至右逐漸降低

橫排導航:權重逐漸降低，最後出現躍升

由於使用者閱讀的橫掃描習慣，縱列導航保持了一個簡單的遞減關係，上面的權重最高，下面的權重最低。

縱列導航:權重由上至下逐漸降低

精簡合理的導航結構是可以複用的

橫排導航+麵包屑仿佛是網站導航的普遍格式，真的合理麼?導航真的要佔用那麼多寶貴的螢幕資源麼?越來越多精巧的設計將導航和麵包屑融合在一起，完美的解決了「你在哪裡」「你可以去哪裡」這兩個最本質的導航問題。

一種使用較少連結實現多級導航的網站導航形式

成功的導航方式是可以複用的，雖然在使用者的眼睛裡沒有導航，然而在網站策劃師的視野中優秀的導航隨處可見，導航設計並不存在什麼訣竅和秘密，如果理解每種導航結構的特點，那麼就「拿來主義」吧。

最後提示每一位網站策劃師：因為內容所以導航，千萬不可以「先設計導航、然後才冥想內容」。

相關閱讀：

網站導航之 「麵包屑」導航

評測目前國內較流行的10個網站導航

馮志亮：解析「網站導航」和「麵包屑導航」

有關網站導航規劃與設計之我觀點