close

我們常說要做好SEO,就要注重用戶體驗,所以在網站架設網頁設計的開始,就必需有良好的構思,來讓瀏覽者瀏覽網頁時有相當程度的便利性。


網站的瀏覽者基本上是沒有耐心的,如果瀏覽者對一個網站很難搞清楚,那麼他們就會離開這個網站。網站導航是決定一個網站有效性的最關鍵因素之一。 


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


所以,如何來設計製做網站導航也是個該注意的網頁設計注意事項。我們會陸續的來介紹一些常見的,對於每一種網站導航設計模式,我們將討論它的一般特徵,它的缺點,以及什麼時候使用它最好。


網站導航設計模式


頂部水平導航


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


頂部水平導航設計模式有時伴隨著下拉式功能表,當滑鼠移到某個項上時彈出它下面的二級子導航項。


頂部水平導航一般特徵

●導航項是文字連結,按鈕形狀,或者選項卡形狀
●頂部水平導航通常直接放在鄰近網站logo的地方
●它通常位於折疊之上


網站導航設計模式


頂部水平導航的缺點


頂部水平導航最大的缺點就是它限制了你在不採用子級導航的情況下可以包含的連結數。對於只有幾個頁面或類別的網站來說,這不是什麼問題,但是對於有非常複雜的資訊結構且有很多模組組成的網站來說,如果沒有子導航的話,這並不是一個完美的主導航功能表選擇。


何時使用頂部水平導航


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


豎直/側邊欄導航


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


網站導航設計模式


它可以與子導航功能表一起使用,也可以單獨使用。它很容易用於包含很多連結的網站主導航。側邊欄導航可以集成在幾乎任何種類的多列佈局中。


側邊欄導航的一般特徵

●文字連結作為導航項很普遍(包含或不包含圖示)
●很少使用選項卡(除了堆疊標籤導航模式)
●豎直導航功能表經常含有很多連結


豎直/側邊欄導航缺點


因為可以處理很多連結,當豎直功能表太長時有時可能將用戶淹沒。嘗試限制你引入的連結數,取而代之可以使用飛出式子導航功能表以提供網站的更多資訊。同時考慮將連結分放在直觀的類別當中,以幫助用戶很快地找到感興趣的連結。


何時使用豎直/側邊欄導航


豎直導航適用於幾乎所有種類的網站,尤其適合有一堆主導航連結的網站。 


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


 


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


 

arrow
arrow
    全站熱搜

    seohouse 發表在 痞客邦 留言(2) 人氣()