東莞易思訓教育

7x24小時咨詢熱線

400-660-3310

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

UI設(shè)計如何提升下拉菜單的設(shè)計體驗?

2021-10-10

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

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

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

UI設(shè)計如何提升下拉菜單的設(shè)計體驗?

但如果設(shè)計得當,下拉菜單能夠提供很出色的產(chǎn)品體驗,來看看這些關(guān)鍵的設(shè)計法則:

·不要更改顯示的選項

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

·讓用戶看到所有選項

設(shè)計下拉菜單時一個主要考慮的問題是選項的大小和數(shù)量,是哪些原因?qū)е孪吕藛蔚某叽缣螅?/p>

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

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

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

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

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

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

收藏
分享到:

相關(guān)課程

相關(guān)資訊

東莞易思訓教育

東莞易思訓教育

認證等級

信譽良好,可安心報讀

東莞易思訓教育

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

信譽值

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

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

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