在網站中應該使用垂直導航菜單嗎?

發布日期:2018-04-19
瀏覽次數:1896
  
 
 
盡管目前大多數網站仍然采用傳統的橫向(水平)菜單,將菜單放在頁面的上方,但不可否認的是垂直導航菜單🌠正逐漸流行起來,將菜單放在網站的側面(左邊或右邊都可以)。因此很多人在做網站時面臨著一個選擇:是使用傳統的水平菜單還是選用新穎有趣的垂直導航菜單?
小飛可以負責任的說,對于某些網站(并不是所有哦),垂直導航菜單有不少好處,比如能給網站帶來不一樣的視覺效果,可以提高用戶的瀏覽體驗,可以讓網站導航更加清晰明了等。聽到這里,你是不是已經躍躍欲試了?如果你想要將這種方式應用在自己的網站上,那不妨先和小飛一起看看垂直導航菜單究竟有哪些優🥂缺點,了解一下什么樣的網站才比較適合垂直導航菜單。
 
 
 

垂直導航菜單的優點:

 
 
 

可以容納超多的菜單項

使用傳統的橫向(水平)菜單,如果菜單項很多,我們就需要仔細規劃一下頁面上方的空間布局,怎樣可以讓多個菜單項友好的展示而不覺得突兀。但是在使用垂直導航菜單時,我們完全就沒有空間不夠用🍎的擔心或顧慮了。垂直導航菜單可以容納多個菜單項,這對那些列出許多菜單項的站長們來說真是🎶一個福音。
 

 

適合不同長度的菜單項

在瀏覽傳統的橫向(水平)菜單時,我們會發現幾乎菜單項長度都差不多,這是因為長度相等的菜單項可以給用戶帶來較好的瀏覽體驗,網站的主頁面布局也會看上去比較整齊、簡潔。而在垂直導航菜單中,菜單項的長短就沒有那么重要了,我們沒必要給所有菜單項的長度定一個標準。不過,在這小飛只是想說長度不等的菜單項可能更適合垂🎐直導航菜單,通過垂直導航菜單展現會給訪客們更好的視覺體驗,并不意味著我們可以完全不考慮菜單項的長度,因為太長的菜單項放在主頁面側邊也會有問題,這點我們會在垂直導航菜單的缺點中討論。
 
 
 

方便設計更改

在使用垂直導航菜單時,如果我們需要臨時添加一個新的頁面,不用擔心這頁面是否適合或影響網站的整體框架設計,直接添加就好了。不過如果ﷺ水平菜🤪單,就像在第一點時我們提到的,添加一個新的頁面就意味著菜單上要多一個選項,這樣我們頁面上方的布局就要重新設計。如果你的網站需要經常添加新頁面或者改變菜單項的名稱,小飛建議選擇垂直導航菜單。
 
 
 

所有內容可見

使用垂直導航菜單,我們可以在主頁的一側列出網站的所有菜單項,各個頁面顯而易見,而在使用橫♔向(水平)菜單時,因為空間位置不夠,很多項都隱ܫ藏在下拉菜單中。因此,對于許多長的,單頁的網站(特別是長滾動條一頁式網站)來說,垂直導航菜單更易于瀏覽。
 
 
 

適應不同屏幕尺寸

不管用戶是通過什么設備進行瀏覽,垂直導航菜單都是以同樣的寬度和高度打開的。它可ꩵ以適應不同的屏幕尺寸,不管屏幕分辨率是多少,整個網站看起來都會很清晰。
 
 
 
 
 

垂直導航菜單的缺點:

人無完人,金無赤足。盡管垂直導航菜單欄有上面那些優點,♎它也存在一些弊端。垂直導航菜單并不是無條件適合所有網站的,下面就是垂直導航菜單的缺點:
 
 

用戶習慣從左至右瀏覽

研究表明:大部分用戶習慣于從左向右瀏覽網站。基于用戶是以這種方式閱讀和加工信息的,他們可能天生就更加傾向于瀏ಞ覽橫向(水平)菜單。
由于用戶是從左向右閱讀的,他們更有可能🌼點擊右側的鏈接。這是因為大部分的用戶是右撇子,使用右手鼠標。與橫向(水平)菜單相比,如果你的垂直導航菜單放在屏幕的左邊,你的點擊率可💝能會比較低。
 
 
 

菜單項可能會只顯示一部分

雖然我們在談垂直菜ဣ單項的優點時,有說過垂直導航菜單適合不同長度的菜單選項。但是如果菜單項名稱太長,導航菜單只占頁面的一部分空間,因此一些文字可能無法出現在全屏上,出現斷開的尷尬情況。而在使用水平菜單時,由于大部分屏幕都比較寬,水平的菜單欄♒在全屏上總是可見的,不會有類似情況的發生。
 
 
 

入侵中心地帶

如果你的菜單項比較長,而且是沒法縮減的,這個時候你還是乖乖使用水平菜單吧。因為在菜單項較長的情況🙈下使用垂直導航菜單,就意味著導航菜單有可能會"入侵"占據網站的中心位置。主頁面的中心位置很寶貴,那里是用來展示公司產品圖片或放置一些文本的。
 
 
 

令人疑惑

我們ꦉ都知道習慣一時半會改不掉,我們已經習慣了看橫向(水ꦦ平)菜單,在看到垂直導航菜單的時候可能會覺得別扭,覺得疑惑。如果網站的目標人群是老年人,最好還是不要使用這種不尋常的設計風格。
 
 
 
總體而言,垂直導航菜單比較適合創意類的設計工作室、企業網站或個人博客網站,如果要用于大型的門戶網站、商務網站還是考慮一下利弊🐓再說。盡管對不同網站來說,垂直導航菜單欄并不總是最好的設計方案,它還是很有趣的。既然已經了解過垂直導航菜單的優缺點,你覺得自己的網站適合這種風格嗎?如果你認為在自己的網站應用這種風格優大于劣,嘗試一下也是可以的。
 
 

登錄后即可發表評論,立即登錄.