頂部導航和左側導航,哪個更適合使用者使用?網頁設計人員已經為此爭論了很久,許多人有自己的結論,但另一些人則心情矛盾。事實上,這個問題並沒有絕對的答案,與使用者相關的設計,最重要的是看上下文環境。[1]
甘瓜苦蒂,天下物無全美。要想知道頂部導航和左側導航中哪個最適**,重要的是要了解它們的適用範圍。
內容瀏覽
左側導航能讓使用者快速有效地瀏覽內容。使用者三次視覺凝視後,如果使用左側導航能看到六個選單,而使用頂部導航只能看到三個選單。左側導航還有利於垂直瀏覽,這符合人類自然習慣,而頂部導航則強制人們水平瀏覽,這是閱讀時經常使用的方式。
頁面空間
頂部導航比左側導航更能節省垂直頁面空間。使用左側導航,導航鏈結佔據頁面的左側,這會縮窄頁面的內容區域,導致顯示的內容減少。相比之下,頂部導航占用最少的垂直空間,使得頁面內容區域中顯示的全都是網頁內容[2]。
選單優先順序
頂部導航中的選單權重並不相同。最左側的選單權重最高,它處於首要的視覺位置(左上角)。左上角的選單**率較高,通常認為比其它選單重要。而左側導航中的選單權重相同,它們都放在左側,頁面右側沒有其它選單。由於使用者從左到右瀏覽選單,因此頂部導航比左側導航更適合瀏覽選單。
可見性
頂部導航選單更具可見性,它們位置明顯,易於尋找。左側導航選單並不全都位置明顯,有時選單太多的話,部分選單可能會處於不明顯位置。頂部導航易於尋找,還因為它們通常在標題和徽標附近,後兩者都是網頁中的搶眼內容。
主題與興趣廣泛的**
頂部導航和左側導航有優點也有缺點,因此最適合**使用的導航型別取決於**的內容型別。
如果**為大眾提供多種多樣的內容(例如電子商務站點),那使用者更適合使用包含多種主題的左側導航。使用者的興趣廣泛,因此由他們自己判斷導航中哪些選單最重要。
因此,將選單放在左側導航中,每個選單的權重和優先順序都相同,使用者瀏覽所有選單,自行判斷哪些內容值得一看。
具有特定主題和興趣的**
但是,如果**只提供特定主題的內容(例如利基**),面向興趣範圍較窄的使用者,則**需要有高優先順序的選單。在此場景下,使用者的興趣範圍有限,因此將選單放在頂部導航中會讓使用者更便捷地找到想要的內容。
在此場景下不需要瀏覽過多選單,重要的是能快速找到優先順序高的選單。頂部導航能讓使用者更有效地操作,因為最左邊的選單優先順序最高。
在設計工作中,幾乎沒有絕對的方法能100%適用於所有場合。要找到最適合設計人員和使用者的方法,就需要了解所涉及的上下文環境。不了解上下文環境,就無法學會使用者體驗設計。
左側導航固定例項
滾動內容區域 滾動內容區域 滾動內容區域 滾動內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 fix內容區域 ssssssssssssssss ssssssssssssssss ...
vue左側導航欄
1.在element官網找到模板 2.新增和 click topage helloworld 如下 login tac 4 我的系統 h5 default active 2 class el menu vertical demo open handleopen close handleclose b...
sublime text修改左側導航顏色
此方式基於mac os系統,不需要安裝任何外掛程式,背景顏色自己隨便調整,1,首先安裝sublime text 2,sublime text3 2,開啟sublime text2的 sublime text preferences browse packages sublime text2這個資料夾...