厭倦了傳統頂部導航的設計師,越來越偏愛側邊欄導航了。雖然側邊欄導航看起來不錯,它簡化佈局的功能似乎也很強大,但用戶是否會認可這種設計呢?今天,我們仔細分析一下側邊欄導航的優缺點和使用狀況,盡可能精準地對這種設計手法進行界定和判斷。
無處不在的側邊欄導航
目前,這種側邊欄導航設計已經成為一種持續更新中的設計趨勢。現在我們大多數看到的網頁設計中側邊欄設計會使用單一的純色打底,包含較少的選項,導航欄頂端通常會包括logo,文字鏈接,以及帶有小圖標的社交媒體賬號鏈接。
想要側邊欄發揮最大的作用,秘訣在於控制好側邊欄本身和右側網站內容的對比度,它要包含足夠清晰可見的導航條目,還要能在移動端上良好地運作。另外,要注意的是,不要因為屏幕側邊夠長,就企圖用文字鏈接和內容填滿它。在簡約之風大行其道的今天,盡量只保留必須的內容,讓留白來突顯它們,這樣更能適應現時的用戶體驗。
側邊欄導航的優點
其實,很多人都以為側邊欄導航是目前新興的交互設計,其實它在互聯網存在的早期就已經存在了,在軟件的GUI設計中常常可以看到。
側邊欄導航的優點如下:
① 側邊欄導航通常位於左側,它位於F式佈局的最左側,作為信息主幹,也符合用戶的瀏覽習慣。
② 側邊欄導航不會像漢堡菜單一樣一開始就隱藏其中的條目,而且每條條目的優先級基本一致。
③ 今天的側邊欄通常會有足夠的空間,讓後續的條目能夠加入進去。
④ 側邊欄導航以更加簡潔的方式呈現更多的鏈接,讓用戶對條目更加一目了然。
⑤ 側邊欄讓右側的畫板形狀尺寸不盡相同,設計師可以用非常規的方式展現視頻和圖片,創造更獨特的視覺體驗。
側邊欄導航的缺點
雖然側邊導航欄有不少的優點,但不喜歡側邊欄導航的人也有不少,有些人認為側邊欄導航本身就是個麻煩,一方面讓用戶面對更複雜的佈局,另一方面也增加了開發的難度。
使用垂直導航,或者說側邊欄導航存在哪些問題?.
① 垂直式導航通常在單頁式頁面上非常好用,但是其他類型的網頁則沒有想象中那麼好使,尤其是在響應式佈局中就很難正常工作。
② 垂直導航所佔據的空間,可能會擠壓其他更有價值的內容,導致部分網頁內容無法顯示,所以導航中的詞彙必須足夠簡短。
③ 頂部導航通常只能放4-5個鏈接,而側邊欄導航無疑能放入更多,這可能會促使部分設計師塞入過多導航條目,讓用戶滾動頁面的時間增加。
④ 絕大多數用戶是右撇子,這些用戶需要橫跨整個屏幕去點擊導航。
作為一種設計趨勢,側邊欄導航的功能性無疑比頂部導航的更強,如果你的導航是用戶流程中非常重要的存在,那麼側邊欄導航是個不錯的選擇。另外,側邊導航並非適合所有網站設計,對於較少導航內容的小型網站而言,頗為有用,尤其是對於產品展示型的網站。