下拉菜單是經(jīng)典的UI組件,服務(wù)于各種不同程度的需求。用戶可以在很多地方應(yīng)用到下拉菜單,例如在網(wǎng)頁導航欄中就能頻繁地看到下拉菜單的使用。
但有沒有思考過,下拉菜單背后都承載著哪些功能和目的?
下拉菜單在設(shè)計中也存在爭議,例如很多設(shè)計師在設(shè)計網(wǎng)頁導航時過分依賴下拉菜單導致設(shè)計缺乏創(chuàng)新,還有就是在移動端中下拉設(shè)計會占用過多屏幕空間,造成可用性上的問題。
但如果設(shè)計得當,下拉菜單能夠提供很出色的產(chǎn)品體驗,來看看這些關(guān)鍵的設(shè)計法則:
·不要更改顯示的選項
許多平臺都使用交互式下拉菜單,其中的選項取決于設(shè)置或選定的功能。
·讓用戶看到所有選項
設(shè)計下拉菜單時一個主要考慮的問題是選項的大小和數(shù)量,是哪些原因?qū)е孪吕藛蔚某叽缣螅?/p>
下拉菜單的可用性與尺寸大小密切相關(guān)。如果菜單提供太多的選項和鏈接,用戶將無法一眼看到它們。這可能會導致用戶在打開下拉菜單的同時難以滾動,或者沒有意識到需要滾動才能看到更多選項。
·為認知找到合適的平衡點
下拉菜單可以讓用戶在不輸入內(nèi)容的情況下就可以做出選擇。
一般情況下,輸入信息(打字)需要用戶付出大量的認知努力,所以在很多表單設(shè)計中會采用下拉選項來提升操作效率。
·不要濫用主導航中的下拉菜單
很多網(wǎng)站都在使用甚至濫用下拉菜單,因為這是一種很方便的設(shè)計形式,在網(wǎng)頁中使用很少的屏幕空間就可以存儲更多的路徑和鏈接,同時可以確保用戶能夠回到原來的位置。