SeoHouse

之前我們在淺談網站導航設計模式(一)中談論過，要做好SEO，就要注重用戶體驗，所以在網站架設網頁設計的開始，就必需有良好的構思，來讓瀏覽者瀏覽網頁時有相當程度的便利性。因為大部分的瀏覽者基本上是沒有耐心的，如果瀏覽者對一個網站很難搞清楚，那麼他們就會離開這個網站。網站導航是決定一個網站有效性的最關鍵因素之一。 

因此，作為一個網站設計師設計網站導航的時候，必須時刻牢記網站的基本宗旨和目標受眾。大多數網站建設上的內容是一些關於產品或服務的資訊。

而我們在淺談網站導航設計模式(一)已經介紹過頂部水平導航和豎直/側邊欄導航，今天再來聊聊其他常見的做網站導航模式。

選項卡導航

選項卡導航可以隨意設計成任何你想要的樣式，從逼真的，有手感的標籤到圓滑的標籤，以及簡單地方邊的標籤等。它存在於各種各樣的網站裡，並且可以納入任何視覺效果。

選項卡比起其它類別的導航有一個明顯的優勢：它們對用戶有積極的心理效應。人們通常把導航與選項卡關聯在一起，因為他們曾經在筆記本或資料夾裡看見選項卡，並且把它們與切換到一個新的章節聯繫在一起。這個真實世界的暗喻使得選項卡導航非常直觀。

選項卡導航的一般特徵

●樣子和功能都類似真實世界的選項卡（就像在資料夾，筆記本等中看到的一樣）
●一般是水準方向的但也有時是豎直的（堆疊標籤）

選項卡導航的缺點

選項卡最大的缺點是它比簡單的頂部水準欄更難設計。它們通常需要更多的標籤，圖片資源以及CSS，具體根據標籤的視覺複雜度而定。選項卡的另一個缺點是它們也不太適用於連結很多的情況，除非它們豎直地排列（即使這樣，如果太多的話它們還是看起來很不合適）。

何時使用選項卡導航

選項卡也適合幾乎任何主導航，雖然它們在可以顯示的連結上有限制，尤其在水準方向的情況下。將它們用於擁有不同風格子導航的主導航的較大型網站是個不錯的選項。 

麵包屑導航

之前，我們曾有在網站的麵包屑導航一文中談論過麵包屑導航。麵包屑的名字來源於Hansel和Gretel的故事，他們在沿途播撒麵包屑以用來找到加家的路，這可以告訴你在網站的當前位置。這是二級導航的一種形式，輔助網站的主導航系統。

麵包屑對於多級別具有層次結構的網站特別有用。它們可以幫助訪客瞭解到當前自己在整站中所處的位置。如果訪客希望返回到某一級，它們只需要點擊相應的麵包屑導航項。

麵包屑導航的一般特徵

●一般格式是水準文字連結清單，通常在兩項中間伴隨著左箭頭以指示層及關係
●從不用於主導航

麵包屑導航的缺點

麵包屑不適於淺導航網站。當網站沒有清晰的層次和分類的時候，使用它也可能產生混亂。何時使用麵包屑導航。麵包屑導航最適用於具有清晰章節和多層次分類內容的網站。沒有明顯的章節，使用麵包屑是得不償失。

標籤導航

標籤經常被用於部落格和新聞網站。它們常常被組織成一個標籤雲，導航項可能按字母順序排列（通常用不同大小的連結來表示這個標籤下有多少內容），或者按流行程度排列。

標籤是出色的二級導航而很少用於主導航。他可以提高網站的可發現性和探索性。標籤雲通常出現在邊欄或底部。如果沒有標籤雲，標籤則通常包括于文章頂部或底部的元資訊中，這種設計讓用戶更容易找到相似的內容。

標籤導航的一般特徵

●標籤是以內容為中心的網（博客和新聞站）站的一般特性
●僅有文字連結
●當處於標籤雲中時，連結通常大小各異以標識流行度
●經常被包含在文章的元資訊中

標籤導航的缺點

人們通常把標籤和部落格和新聞網站聯繫在一起（有時候也可能是電子商務網站），所以如果你的網站與這些網站有本質的不同，它可能對你就沒有幫助。標籤也會給內容創作者帶來一定量的工作量，因為為了使標籤系統有效，每篇文章都需要打上準確的標籤。

何時使用標籤導航

如果你擁有很多主題，為內容打上關鍵字標記是很有利的。如果你僅有幾個頁面（可能你的網站是一個公司網站），可能就不需要給內容打標籤了。是否結合標籤雲或只是將標籤包含在元資訊中得取決於你的設計。 

網頁設計中，不管是為了用戶體驗或SEO，網站導航的設計是一個需要用心的部分，我們將會陸續介紹其他常見的網站導航設計模式。

延伸閱讀：
網頁設計：淺談網站導航設計模式(一)
網頁設計：淺談網站導航設計模式(三)
網頁設計：淺談網站導航設計模式(四)