成功網站導航的九個特徵

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

本文簡單介紹了成功導航的一些比較重要的特徵。 它們不是導航設計的萬用妙法和絕對有效，但理解它們對設計導航有交互的指導作用。

1.深度與廣度的平衡

在使用者到達網站中的目標內容時，不要有多餘點擊或頁面。 很多時候廣度比深度更重要，如果情況允許深度最好不超過3層。

如：某軟體公司官網的」產品最新培訓安排」頁面，應」首頁>服務與支援>培訓」的目錄下，相比較而言，使用者通過」首頁>培訓」的路徑更容易找到最新培訓安排。

2.易於學習

因此也不要奢望使用者花大量時間去學習導航路徑，導航的意圖和功能要一目了然，文字標籤一定要明確，不要聰明過頭讓使用者去猜。

最好的導航就是使用者感覺不到導航的存在，很自然的找到目標頁面。

如：看到向下箭頭圖示就知道是下載，看到購物車圖示就知道是購買。

3.一致性與差異性

首先，一致性是介面設計的主要方針，但不要僵化。 對重點導航可使用有差異性的字體、顏色、背景等往往能突出網站行進感和引導使用者。

如：淘寶導航條，整體風格統一;但唯獨」免單瘋樂」，有圖示標示，有文字閃爍，醒目。

4.回應

滑鼠懸停時要有變化，明確定位，説明使用者選擇和點擊導航。

如：騰訊web2.0，滑鼠懸停至」騰訊微博」的效果，告訴使用者包括圖示和文字的整體部分均屬於導航範圍。

5.效率

1)資訊路徑高效，不必要的點擊帶來多餘的頁面載入很讓人厭煩。

a) 多點接入，如：」產品下載」在主導航、側欄、文章中可多次引導

b) 快捷方式，如：購物網站右上角的」我的訂單」

c) 逃生艙，返回首頁/起始頁/Top，如：麵包屑導航

2)導航交互高效，不要既動眼又動手才找到導航。

如：office2010的工具導航形式比03更直觀。

6.明確的標籤文字

類別清晰、標籤的形式一致、標籤與其他文字的協調。

如：微軟中文首頁的幾個」面向...」

7.視覺清晰

1)視覺邏輯

視覺層次能直接傳達操作步驟給使用者，而不用說明」先點這裡，再點那裡」。

2)可掃視性

對於心急的使用者可迅速找到自己想要的資訊，如：在軟體產品網站找帶有向下箭頭的綠色按鈕很可能就是下載導航。

3)可點擊性

導航文字與非導航文字有視覺區別。

8.導航與網站類型相稱

導航的成功與否，與其所在網站的類型息息相關，不能一概而論。

1)資訊類網站

類似維琪百科、C| Net等新聞網站，都是資訊的提供者。 導航是成功的關鍵。 導航廣度的展示能為此類網站提供更好的總覽。 針對多樣的目標群體，遵守常見的設計原則能夠降低學習曲線，更好地滿足使用者的期望。

2)電子商務網站

人們買不了他們找不到的東西。 不遵守導航設計的常見原則，就會損失金錢。 選項的可見度至關重要，關聯性連結也是如此：它在適當時候給出相關產品的推薦。

3)企業內部系統

內部系統是組織內部交流和分享資訊的工具。 員工在內部網上查找資訊，會佔用他們的工作時間。 效率很重要。 但因為內部網會被重複訪問，所以較長的學習曲線也可以接受。 行話和縮寫詞可能是適當的，甚至為了提高效率是必需的。

4)社區網站

線上社區網站是人們交流想法和討論話題的地方，導航也必須支援這些活動。 在導航中可能會有許多」社區會員」的標籤和用語，包括縮寫詞。

5)娛樂網站

對娛樂網站而言，導航中的實驗性是完全可以接受的。 比起新聞網站，線上遊戲網站的訪客會對好玩的導航更寬容。

6)學習網站

遠端教育和網上培訓課程越來越普遍了。 一般來講，這種網站的導航應該簡單而明確。

7)識別網站

有時，一個網站的主要目的是支撐公司的形象。

9.與使用者需求一致

導航的成功與目標群體及其資訊需求有關，但由於目標群體龐大、迥異，而且資訊需求會隨時發生變化，確定資訊需求並不容易。

不過針對問題總會用對應的方法。 首先，確定目標人群，並將其歸納為幾個主要的使用者類型(角色)。 其次，總結每個使用者類型的主要資訊需求。 從而有效的導航與使用者深層的目標和期望相一致，比如：

我如何能夠迅速找到我想要的具體資訊或產品?

我如何與網站擁有者取得聯繫?

我如何將我找到的資訊發送給我認識的人?

如：聯想的主導航就很容易讓使用者根據自己的角色對號入座，找到想要的資訊或產品。

參考資料：O’REILLY《Web導航設計》