午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

頂部導航和側邊導航,哪一種用戶體驗更好?

2020-9-10    資深UI設計者

先來了解一下項目的背景。Conduira online是一個線上的教育平臺,為準備考試的用戶提供有用的工具和資源。這個平臺目前有一個側邊導航欄,上面有11個選項。后來由于平臺的變化,將主導航的選項縮減到3個——主頁、實習和課程。

導航的數量變少了,團隊又迎來了新的問題:是應該繼續保留側邊導航的設計樣式還是切換成頂部導航的樣式呢?

頂部導航和側邊導航,哪一種用戶體驗更好?

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

主導航中有幾個選項?

在選擇導航時回答這個問題很重要。這里介紹一個有趣的的交互概念叫做視覺固定(Visual Fixation):注意力一直保持在同一個地方。

在頂部導航中,一個視覺固定點通常只適合一個選項。然而,側邊導航上的單一視覺固定點可以同時容納兩個選項。

頂部導航和側邊導航,哪一種用戶體驗更好?

結果很明確。與頂部導航相比,用戶在一次視覺觀察中可以在側邊導航上查看和感知更多菜單選項。當然頂部導航也有自己的優勢,為每個菜單項賦予各自的權重,而不是讓它們的重要性被其他選項分散。

對于具有過濾選項或帶有二級菜單的電商網站,視覺固定的概念起到了非常重要的作用。因為在這些情況下,我們希望用戶能夠在單一的視覺點上盡可能多的選擇。

Tips:這里的選擇僅僅取決于界面上有多少選項。如果主導航的菜單項不多于5個,只需使用頂部導航,這樣能夠更好地控制用戶在整個平臺上的體驗旅程。

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

用戶在瀏覽網頁或App時會有各種各樣的瀏覽順序,其中一種就是「F型模式」。

看起來像這樣:

頂部導航和側邊導航,哪一種用戶體驗更好?

F型布局的特點是將注視力集中在頁面的頂部和左側:

  • 用戶首先以水平移動的方式瀏覽內容區域,這個動線構成了F型布局的頂欄;
  • 接下來用戶掃描頁面左側的垂直線,進行第二次水平移動瀏覽。隨著路徑越來越長,閱讀覆蓋的區域一次比一次短,構成了F型布局下面的部分;
  • 最后用戶以垂直移動的方式瀏覽整個頁面的內容。

這種模式的含義是同一頁面上的第一行文本比后幾行文本受到更多的關注;每行文本左邊的幾個字比后面的文字接受度更多。

因此,在頂部導航中最左邊的選項比其他選項具有更多的視覺權重,因為它位于主要視覺區域,優先級更高。

頂部導航和側邊導航,哪一種用戶體驗更好?

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

是否考慮使用二級導航?

如果是的話,可以考慮利用以下兩種設計樣式:

水平導航——在頁面頂部設置一個主導航,在主導航下面設置二級導航進一步來區分內容。

頂部導航和側邊導航,哪一種用戶體驗更好?

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

頂部導航和側邊導航,哪一種用戶體驗更好?

總結

頂部導航和側邊導航之間的選擇實際上取決于以上三個基本的問題。

另外由于現在的設備有了更大的屏幕尺寸,如今許多設計趨勢已轉向側邊導航,因為它看起來更干凈并優化了更多的屏幕空間。

最后將導航的選擇歸結為兩點:

  • 主導航包含的選項數量;
  • 是希望用戶根據優先級瀏覽項目,還是希望用戶可視化地瀏覽并根據其偏好選擇項目。

文章來源:優設    作者:Clip設計夾


藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板: 日本阿v在线资源无码免费 日本阿v片在线播放免费 | 精品国产乱码久久久久久下载 | 佐山爱痴汉theav | 99re久久热在线播放8 | 国产精品永久免费视频 | 伊人不卡久久大香线蕉综合影院 | 琪琪see色原网色原网站 | YELLOW视频在线观看大全 | 久久精品视频91 | 亚洲精品色播一区二区 | 野花视频在线观看免费最新动漫 | 久久99精品国产99久久6男男 | 毛片在线全部免费观看 | 国产亚洲精品影视在线 | 在线综合 亚洲 欧美 | 大桥未久电影在线观看 | TUBE8最新日本护士 | 91久久综合精品国产丝袜长腿 | 午夜婷婷一夜七次郎 | bl撅高扒开臀缝哦 | 欧美日韩另类在线专区 | 中文在线观看永久免费 | 国产老肥熟xxxx | 成人中文字幕在线观看 | 红尘影院手机在线观看 | 精品久久伊人 | 夜夜穞狠狠穞 | 扒开老师大腿猛进AAA片邪恶 | 国产精品久久久久一区二区三区 | 色欲午夜无码久久久久久 | 好大好爽好深舒服死了 | 国产日韩成人内射视频 | 日韩人妻双飞无码精品久久 | 北条麻妃のレズナンパ | 国产精品AV无码免费播放 | 快播电影官方网站 | 东北老妇人70OLDMAN | h版动漫在线播放的网站 | 777午夜精品久久AV蜜臀 | 天天爽夜夜爽8888视频精品 | 爱穿丝袜的麻麻3d漫画免费 |