下拉菜單式ui設(shè)計要求

下拉菜單式ui設(shè)計要求：使用下拉菜單的形式似乎已是司空見慣：它不占用太多空間的界面，它自動驗證輸入，所有瀏覽器和平臺都支持它，今天小編主要給大家分享下拉菜單式ui設(shè)計要求，希望對你們有幫助!

讓我們看看下拉菜單的局限性和顧慮:

下拉菜單控件可用選項是不可見的，直到你單擊或單擊打開它。同時，當?shù)谝谎劭吹搅斜頃r，列表的長度是隱藏的，也就是說，用戶無法預(yù)測下拉菜單包含2個還是50個元素。

從下拉列表中選擇一個選項(尤其是在移動設(shè)備上)是一個多步驟的過程:你必須單擊下拉菜單打開選項列表，然后滾動瀏覽項目并選擇一個，然后關(guān)閉下拉列表。

下拉菜單會讓設(shè)計師變得懶惰:設(shè)計師可以輕松地將所有可能的選項放在下拉列表中，而不需要任何優(yōu)先級(這與漢堡菜單非常相似)。

在可見的、可滾動的小屏幕上滾動來選擇想要的選項是一件非常痛苦的事情。但好在，下拉菜單控件有很多很好的替代選擇，可以在不同的情況下使用。

要先考慮選項的數(shù)量。

如果只有兩個選項(例如開/關(guān))，那么使用下拉菜單是錯誤的選擇，在這里，需要使用復(fù)選框CheckBox或切換開關(guān)。

如果你的下拉菜單僅包含是/否、開/關(guān)選項，則使用開關(guān)控件來替換它。

對于少數(shù)互斥選項，建議使用單選按鈕或分段控件，使所有可用選項在不打開列表的情況下一目了然。可視選項的數(shù)量取決于屏幕寬度和選項標簽的長度，但不要超過5個項目。

當用戶確切知道他們在尋找什么時，對于大量確定的選項，考慮使用“請輸入…”這樣的解決方案，篩選選項列表輸入第一個或兩個字母后顯示。

讓用戶輸入文本來來篩選選項，而不是滑動下拉菜單。

對于大型和多樣的列表，嘗試使用現(xiàn)有的用戶數(shù)據(jù)來區(qū)分優(yōu)先級，并且只列出用戶經(jīng)常選擇的幾個選項。這種方法的一個優(yōu)點是90%的用戶會立即找到他們喜歡的選項，而只有10%的用戶會立即選擇“其他”，然后跳到指定的下一個問題。

雖然“其他”不是一個優(yōu)雅的解決方案，但是優(yōu)先級排序方法可以改善大多數(shù)用戶的體驗。