萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 如何設計好B2B行業網站導航欄提高易用性

如何設計好B2B行業網站導航欄提高易用性

  導航欄是指位於頁面頁眉區域的一排水平導航文字或圖片按鈕,或者是位於頁面左邊或右邊的一排導航文字或圖片按鈕。它起著鏈接B2B行業網站各個欄目的作用,或者鏈接一級欄目下面許多二級欄目的作用,讓訪問者能方便、快速的找到自己所需要的內容和功能。

  B2B行業網站的導航欄與其他網站的導航欄基本一樣,不過還是有一些區別。判斷一個B2B行業網站的導航欄是否符合要求,可以多參考一些大網站,比如新浪、騰訊、知名的B2B行業網站等,他們在設計的時候大部分還是遵守了網站建設的標准,下面講解一些基本標准,以供我們在判斷設計師的設計是否合格時作為參考。

    1 首頁導航欄的色調與網站主色調應盡量保持一致

  對於B2B行業門戶網站來講,大部分網站的欄目都比較少,采用的是一排導航,就免不了采用背景顏色或圖片作為背景,盡量采用網站主色調的色系作為背景色或圖片顏色。因為導航欄比較顯眼,同色系往往能讓網站看起來更有條理,不亂。

如何設計好B2B行業網站導航欄提高易用性 三聯

  圖(31) 阿裡巴巴首頁導航欄與主色調一致

  當然也不是絕對的,比如一級欄目的導航條,就不一定要與首頁導航欄一樣,每個一級欄目可以有自己的主色調,導航條就可以與首頁不一樣。

  圖(32) 阿裡巴巴服裝服飾頻道用紅色為導航欄背景色

    2 導航欄的顏色要商業化、高度要合適、要處於重要位置

  見過很多設計看起來很差的網站,導航欄往往有這樣幾個特點:顏色不夠商業化,比如太髒、太粉、太女性化等,不具有商業化網站應有的顏色,簡潔、大方的風格;高度不是太高就是太低,處理不夠適當,作為網站的導航欄,要比其他的標題欄的高度更高,字體要大一些,要加粗,要更突出,但是不能太大;看起來太粗糙,不夠精致。

    3 不能在一級導航欄上采用下拉菜單

  在企業網站設計中,可采用下拉菜單,但是在B2B行業網站設計中,絕對不能使用。因為這樣的導航欄也許很酷,也很方便,但是對搜索引擎優化不利,而且B2B行業網站很多時候分類很多,使用這樣的下拉菜單很不適合。

    4 導航欄要盡量嚴肅一些,不能太個性化、太花哨

  在企業網站的設計中,我們要保證頁面的效果,常常使用FLASH、JS來制作導航欄,使導航欄有很多動態的效果。比如鼠標放上去的時候變色、運動,比如使用看起來很不商業化的圖片作為導航欄背景,在導航欄上加太多卡通的圖標等,都不符合B2B行業網站嚴肅、簡潔、大方的特點。

    5 網站導航欄對網站收錄及優化的影響

  網站導航欄是網站最主要的入口。在內容設置上,應該一目了然地把網站的主要內容體現出來。用戶訪問浏覽時,可以很快地找到自己想要的內容。而搜索引擎蜘蛛訪問時,也可以非常方便地順著導航目錄,一層層地訪問收錄網站的各級網頁。導航欄是網站的一級標題,內容非常重要。如果導航欄名稱能包含關鍵詞,就更是錦上添花了。

  不要使用圖片或按鈕,有的網站,一味追求美觀,在導航欄使用按鈕或圖片。使用圖片或按鈕,不利於蜘蛛訪問和收錄。導航欄上的文字,最好都使用文本,可以把按鈕或圖片作為背景,就解決了。導航欄的標題字體,在網頁上比別的內容應該大一些,一級導航欄的話,字體要加粗,還不要使用不易辨認的少見字體。

    6 部分B2B行業網站優秀導航欄舉例

  以下是收集的部分優秀B2B行業網站的導航欄,供大家參考。

  圖(33) 食品招商網首頁導航欄

  圖(34)卓創資訊網石油頻道首頁導航欄(以產品作為導航,是特殊行業的導航方式)

  圖(35)中國化妝品網資訊頻道二級欄目導航欄

  圖(36)中國建材第一網招商頻道導航欄

  圖(37) 中國鋁業網行情頻道導航欄

copyright © 萬盛學電腦網 all rights reserved