東莞易思訓教育

7x24小時咨詢熱線

400-660-3310

當前位置 : 好學校 東莞易思訓教育 學習資訊 資訊詳情

UI設計如何提升下拉菜單的設計體驗?

2021-10-10

下拉菜單是經典的UI組件,服務于各種不同程度的需求。用戶可以在很多地方應用到下拉菜單,例如在網頁導航欄中就能頻繁地看到下拉菜單的使用。

但有沒有思考過,下拉菜單背后都承載著哪些功能和目的?

下拉菜單在設計中也存在爭議,例如很多設計師在設計網頁導航時過分依賴下拉菜單導致設計缺乏創(chuàng)新,還有就是在移動端中下拉設計會占用過多屏幕空間,造成可用性上的問題。

UI設計如何提升下拉菜單的設計體驗?

但如果設計得當,下拉菜單能夠提供很出色的產品體驗,來看看這些關鍵的設計法則:

·不要更改顯示的選項

許多平臺都使用交互式下拉菜單,其中的選項取決于設置或選定的功能。

·讓用戶看到所有選項

設計下拉菜單時一個主要考慮的問題是選項的大小和數量,是哪些原因導致下拉菜單的尺寸太大?

下拉菜單的可用性與尺寸大小密切相關。如果菜單提供太多的選項和鏈接,用戶將無法一眼看到它們。這可能會導致用戶在打開下拉菜單的同時難以滾動,或者沒有意識到需要滾動才能看到更多選項。

·為認知找到合適的平衡點

下拉菜單可以讓用戶在不輸入內容的情況下就可以做出選擇。

一般情況下,輸入信息(打字)需要用戶付出大量的認知努力,所以在很多表單設計中會采用下拉選項來提升操作效率。

·不要濫用主導航中的下拉菜單

很多網站都在使用甚至濫用下拉菜單,因為這是一種很方便的設計形式,在網頁中使用很少的屏幕空間就可以存儲更多的路徑和鏈接,同時可以確保用戶能夠回到原來的位置。

收藏
分享到:

相關課程

相關資訊

東莞易思訓教育

東莞易思訓教育

認證等級

信譽良好,可安心報讀

東莞易思訓教育

已獲好學校V2信譽等級認證

信譽值

  • (60-80)基礎信譽積累,可放心報讀
  • (81-90)良好信譽積累,可持續(xù)信賴
  • (91-100)充分信譽積累,推薦報讀

與好學校簽訂讀書保障協(xié)議:

  • 100%
  • 37
  • 1890
在線咨詢
;