側(cè)邊欄導(dǎo)航的一般特征
文字鏈接作為導(dǎo)航項很普遍(包含或不包含圖標)
很少使用選項卡(除了堆疊標簽導(dǎo)航模式)
豎直導(dǎo)航菜單經(jīng)常含有很多鏈接
豎直/側(cè)邊欄導(dǎo)航缺點
因為可以處理很多鏈接,當豎直菜單太長時有時可能將用戶淹沒。嘗試限制你引入的鏈接數(shù),取而代之可以使用飛出式子導(dǎo)航菜單以提供網(wǎng)站的更多信息。同時考慮將鏈接分放在直觀的類別當中,以幫助用戶很快地找到感興趣的鏈接。
何時使用豎直/側(cè)邊欄導(dǎo)航
豎直導(dǎo)航適用于幾乎所有種類的網(wǎng)站,尤其適合有一堆主導(dǎo)航鏈接的網(wǎng)站。
選項卡導(dǎo)航
選項卡導(dǎo)航可以隨意設(shè)計成任何你想要的樣式,從逼真的,有手感的標簽到圓滑的標簽,以及簡單地方邊的標簽等。它存在于各種各樣的網(wǎng)站里,并且可以納入任何視覺效果。
選項卡比起其它類別的導(dǎo)航有一個明顯的優(yōu)勢:它們對用戶有積極的心理效應(yīng)。人們通常把導(dǎo)航與選項卡關(guān)聯(lián)在一起,因為他們曾經(jīng)在筆記本或資料夾里看見選項卡,并且把它們與切換到一個新的章節(jié)聯(lián)系在一起。這個真實世界的暗喻使得選項卡導(dǎo)航非常直觀。
選項卡導(dǎo)航的一般特征
樣子和功能都類似真實世界的選項卡(就像在文件夾,筆記本等中看到的一樣)
一般是水平方向的但也有時是豎直的(堆疊標簽)
選項卡導(dǎo)航的缺點
選項卡最大的缺點是它比簡單的頂部水平欄更難設(shè)計。它們通常需要更多的標簽,圖片資源以及CSS,具體根據(jù)標簽的視覺復(fù)雜度而定。選項卡的另一個缺點是它們也不太適用于鏈接很多的情況,除非它們豎直地排列(即使這樣,如果太多的話它們還是看起來很不合適)。
何時使用選項卡導(dǎo)航
選項卡也適合幾乎任何主導(dǎo)航,雖然它們在可以顯示的鏈接上有限制,尤其在水平方向的情況下。將它們用于擁有不同風格子導(dǎo)航的主導(dǎo)航的較大型網(wǎng)站是個不錯的選項。
出處:rockux
責任編輯:moby
上一頁 網(wǎng)站導(dǎo)航設(shè)計模式指南 [1] 下一頁 網(wǎng)站導(dǎo)航設(shè)計模式指南 [3]
|