在網(wǎng)頁設(shè)計中有一些通用的交互設(shè)計模式。各種常見和眾所周知的網(wǎng)站導(dǎo)航設(shè)計模式可以作為創(chuàng)建有效的網(wǎng)站信息體系結(jié)構(gòu)的基礎(chǔ)。本指南涵蓋了流行的站點(diǎn)導(dǎo)航設(shè)計模式。對于每種導(dǎo)航欄設(shè)計模式，我們將討論其一般特征、缺點(diǎn)以及何時地使用它。

頂部橫欄導(dǎo)航是目前兩種網(wǎng)站導(dǎo)航菜單設(shè)計模式之一。它最常用于網(wǎng)站的主導(dǎo)航菜單中，最常用于直接放置在網(wǎng)站所有頁面的網(wǎng)站標(biāo)題上方或下方。

頂部水平欄導(dǎo)航設(shè)計模式有時會伴隨一個下拉菜單。當(dāng)鼠標(biāo)移到某個項目上時，它下面的輔助子導(dǎo)航項目將彈出。

頂部水平條導(dǎo)航的一般功能

導(dǎo)航項是文本鏈接、按鈕形狀或選項卡形狀

單條導(dǎo)航通常直接放置在站點(diǎn)徽標(biāo)附近

頂部的水平條導(dǎo)航非常適合只需要在主導(dǎo)航欄中顯示5-12個導(dǎo)航項的網(wǎng)站。這也是單欄網(wǎng)站主導(dǎo)航的選擇（通常用于輔助導(dǎo)航系統(tǒng)的底部導(dǎo)航除外）。這種設(shè)計模式與下拉式子導(dǎo)航相結(jié)合，可以支持更多的鏈接。

側(cè)欄導(dǎo)航的導(dǎo)航項排列在一列中，一列在另一列之上。它通常位于左上欄，在主要內(nèi)容區(qū)域之前——根據(jù)一項針對習(xí)慣性讀者的從左到右導(dǎo)航模式的可用性研究，左側(cè)的垂直導(dǎo)航欄比右側(cè)的垂直導(dǎo)航欄性能更好。

側(cè)邊欄導(dǎo)航設(shè)計模式隨處可見，幾乎出現(xiàn)在各類網(wǎng)站上。這可能是因?yàn)榇怪睂?dǎo)航是目前最常見的模式之一，可以適應(yīng)大量的鏈接。

它可以與子導(dǎo)航菜單一起使用，也可以單獨(dú)使用。它很容易用于一個網(wǎng)站的主導(dǎo)航與大量的鏈接。側(cè)邊欄導(dǎo)航可以集成到幾乎任何類型的多欄布局中。

側(cè)邊欄導(dǎo)航的一般功能

文本鏈接通常作為導(dǎo)航項（帶或不帶圖標(biāo)）

因?yàn)槟憧梢蕴幚砗芏噫溄樱袝r用戶可能會下沉?xí)r，垂直菜單太長。嘗試限制可以引入的鏈接數(shù)量，而不是使用彈出式子導(dǎo)航菜單來提供有關(guān)站點(diǎn)的更多信息。同時，考慮將鏈接放入直觀的類別中，幫助用戶快速找到感興趣的鏈接。

垂直導(dǎo)航適用于幾乎所有類型的網(wǎng)站，尤其是有一堆主導(dǎo)航鏈接的網(wǎng)站。

標(biāo)簽導(dǎo)航可以設(shè)計成任何你想要的樣式，從真實(shí)的和有觸覺的標(biāo)簽到圓滑的標(biāo)簽，以及簡單的本地側(cè)標(biāo)簽。它存在于各種各樣的網(wǎng)站中，可以融入任何視覺效果。

與其他類型的導(dǎo)航相比，標(biāo)簽有一個明顯的優(yōu)勢：它們對用戶有積極的心理影響。人們通常將導(dǎo)航與選項卡相關(guān)聯(lián)，因?yàn)樗麄冊诠P記本或文件夾中看到了選項卡，并將它們與切換到新章節(jié)相關(guān)聯(lián)。這個真實(shí)世界的比喻使得標(biāo)簽導(dǎo)航非常直觀。