怡春院av_国产精品久久久久久亚洲毛片_精品国产乱码一区二区三区_亚洲一区欧美日韩_亚洲黄色激情视频_国产全黄a一级毛片91_亚洲免费在线播放

用戶體驗丨頂部導航和側邊導航的好壞

2021-04-12
7623
0

哈嘍各位小伙伴，本期和大家分享一下「導航」設計。如何在頂部導航和側邊導航之間做出合理的選擇呢？兩種不同的設計方式能帶來完全差異化的體驗效果？

先來了解一下項目的背景。Conduira online是一個線上的教育平臺，為準備考試的用戶提供有用的工具和資源。這個平臺目前有一個側邊導航欄，上面有11個選項。
后來由于平臺的變化，將主導航的選項縮減到3個——主頁、實習和課程。
導航的數量變少了，團隊又迎來了新的問題：是應該繼續保留側邊導航的設計樣式還是切換成頂部導航的樣式呢？

為了做出最合理的選擇，我們需要回答三個基本的問題。

 

主導航中有幾個選項？

在選擇導航時回答這個問題很重要。這里介紹一個有趣的的交互概念叫做視覺固定(Visual Fixation)：注意力一直保持在同一個地方。
在頂部導航中，一個視覺固定點通常只適合一個選項。然而，側邊導航上的單一視覺固定點可以同時容納兩個選項。

結果很明確。與頂部導航相比，用戶在一次視覺觀察中可以在側邊導航上查看和感知更多菜單選項。當然頂部導航也有自己的優勢，為每個菜單項賦予各自的權重，而不是讓它們的重要性被其他選項分散。
對于具有過濾選項或帶有二級菜單的電商網站，視覺固定的概念起到了非常重要的作用。因為在這些情況下，我們希望用戶能夠在單一的視覺點上盡可能多的選擇。
Tips：這里的選擇僅僅取決于界面上有多少選項。如果主導航的菜單項不多于5個，只需使用頂部導航，這樣能夠更好地控制用戶在整個平臺上的體驗旅程。

 

主導航與選項優先級的關系？

用戶在瀏覽網頁或App時會有各種各樣的瀏覽順序，其中一種就是“F型模式”。
看起來像這樣：

F型布局的特點是將注視力集中在頁面的頂部和左側:
  1. 用戶首先以水平移動的方式瀏覽內容區域，這個動線構成了F型布局的頂欄；
  2. 接下來用戶掃描頁面左側的垂直線，進行第二次水平移動瀏覽。隨著路徑越來越長，閱讀覆蓋的區域一次比一次短，構成了F型布局下面的部分；
  3. 最后用戶以垂直移動的方式瀏覽整個頁面的內容。
這種模式的含義是同一頁面上的第一行文本比后幾行文本受到更多的關注；每行文本左邊的幾個字比后面的文字接受度更多。
因此，在頂部導航中最左邊的選項比其他選項具有更多的視覺權重，因為它位于主要視覺區域，優先級更高。

側邊導航采用了垂直移動，這是用戶瀏覽網頁的一個自然方向，但是選項優先級的排序是個限制。當選項的優先級相同時，可以使用側邊導航，這樣用戶就可以完整瀏覽列表并確定對他們重要的內容。

 

是否考慮使用二級導航？

如果是的話，可以考慮利用以下兩種設計樣式：
水平導航——在頁面頂部設置一個主導航，在主導航下面設置二級導航進一步來區分內容。

側邊欄——在頂部設置一個主導航，然后在側邊設置一個側邊欄菜單來處理其他內容。

 

總結

頂部導航和側邊導航之間的選擇實際上取決于以上三個基本的問題。
另外由于現在的設備有了更大的屏幕尺寸，如今許多設計趨勢已轉向側邊導航，因為它看起來更干凈并優化了更多的屏幕空間。
最后將導航的選擇歸結為兩點：
1.主導航包含的選項數量;
2.是希望用戶根據優先級瀏覽項目，還是希望用戶可視化地瀏覽并根據其偏好選擇項目。
以上就是本期分享的內容啦。希望對各位小伙伴有所啟發~
轉載聲明：本文來源于網絡，不作任何商業用途
免責聲明：本文內部分內容來自網絡，所涉繪畫作品及文字版權與著作權歸原作者，若有侵權或異議請聯系我們處理。
收藏

全部評論

您還沒登錄

暫無留言，趕緊搶占沙發
繪學霸是國內專業的CG數字藝術設計線上線下學習平臺，在繪學霸有2D繪畫、3D模型、影視后期、動畫、特效等數字藝術培訓課程，也有學習資源下載，還有行業社區交流。學習、交流，來繪學霸就對了。
繪學霸iOS端二維碼

IOS下載

繪學霸安卓端二維碼

安卓下載

繪學霸微信小程序二維碼

小程序

版權聲明
本網站所有產品設計、功能及展示形式，均已受版權或產權保護，任何公司及個人不得以任何方式復制部分或全部，違者將依法追究責任，特此聲明。
熱線電話
18026259035
咨詢時間：9:00～21:00
在線客服
聯系網站客服
客服微信：18026259035
公司地址
中國·廣州
廣州市海珠區曉港中馬路130號之19
繪學霸客戶端（權限暫無，用于CG資源與教程交流分享）
開發者：廣州王氏軟件科技有限公司 | 應用版本：Android：6.0，IOS：5.1 | App隱私政策> | 應用權限 | 更新時間：2020.1.6
主站蜘蛛池模板： 久久影视免费观看网址 | 亚洲成a人在线播放www | 日本视频高清 | jizz美国| 中文字幕永久 | 激情深爱五月 | 一级a爱片久久毛片 | 国产精品第九页 | jizzjizz强| 亚洲日本va中文字幕 | 六月婷婷开心 | jjizz全部免费看片 | 欧美有色| 欧美成人免费高清视频 | 美娇妻被多p高h | 亚洲日本视频在线观看 | 在线看片wwwzzz | 日韩亚洲欧洲在线rrrr片 | 天天色天天综合网 | 天天爱天天操天天射 | 在线播放日本爽快片 | 国内精品免费视频 | 日韩激情无码免费毛片 | 国产成人网 | 国产精品亚洲玖玖玖在线靠爱 | 中文字幕aⅴ在线视频 | 精品福利视频一区二区三区 | 久久精品女人毛片国产 | 亚洲免费在线观看 | 欧美亚洲国产激情一区二区 | 国产欧美成人免费观看 | 欧美 日韩 国产 成人 在线观看 | 欧美视频免费看 | 国产一级一级一级成人毛片 | 国产人成精品午夜在线观看 | 中文字幕亚洲专区 | 日本香蕉视频 | 免费视屏 | 三级a黄| 奇米777狠狠 | 七七国产福利在线二区 |