交互設計模式：流行的站點導航設計模式

http://www.inspirr.com

在網頁設計中有一些通用的交互設計模式。網站導航各種各樣的通用和大家熟知的設計模式，可以用來作為為網站創建有效地信息架構的基礎。這篇指南涵蓋了流行的站點導航設計模式。對于每一種網站導航欄設計模式，我們將討論它的一般特征，它的缺點，以及什么時候使用它最好。

頂部水平欄導航

頂部水平欄導航是當前兩種最流行地網站導航菜單設計模式之一。它最常用于網站的主導航菜單，且最通常地放在網站所有頁面的網站頭的直接上方或直接下方。

頂部水平欄導航設計模式有時伴隨著下拉菜單，當鼠標移到某個項上時彈出它下面的二級子導航項。

頂部水平欄導航一般特征

導航項是文字鏈接，按鈕形狀，或者選項卡形狀水平欄導航通常直接放在鄰近網站logo的地方它通常位于折疊之上

頂部水平欄導航的缺點

頂部水平欄導航最大的缺點就是它限制了你在不采用子級導航的情況下可以包含的鏈接數。對于只有幾個頁面或類別的網站來說，這不是什么問題，但是對于有非常復雜的信息結構且有很多模塊組成的網站來說，如果沒有子導航的話，這并不是一個完美的主導航菜單選擇。

何時使用頂部水平欄導航

頂部水平欄導航對于只需要在主要導航中顯示5-12個導航項的網站來說是非常好的。這也是單列布局的網站的主導航的唯一選擇（除了通常用于二級導航系統的底部導航）。當它與下拉子導航結合時，這種設計模式可以支持更多的鏈接。

豎直/側邊欄導航

側邊欄導航的導航項被排列在一個單列，一項在一項的上面。它經常在左上角的列上，在主內容區之前——根據一份針對從左到右習慣讀者的導航模式的可用性研究，左邊的豎直導航欄比右邊的豎直導航表現要好。
側邊欄導航設計模式隨處可見，幾乎存在于各類網站上。這有可能是因為豎直導航是當前最通用的模式之一，可以適應數量很多的鏈接。

它可以與子導航菜單一起使用，也可以單獨使用。它很容易用于包含很多鏈接的網站主導航。側邊欄導航可以集成在幾乎任何種類的多列布局中。