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

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

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

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

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

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

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

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

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

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

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

對(duì)于少數(shù)互斥選項(xiàng)，建議使用單選按鈕或分段控件，使所有可用選項(xiàng)在不打開列表的情況下一目了然�？梢曔x項(xiàng)的數(shù)量取決于屏幕寬度和選項(xiàng)標(biāo)簽的長(zhǎng)度，但不要超過(guò)5個(gè)項(xiàng)目。

當(dāng)用戶確切知道他們?cè)趯ふ沂裁磿r(shí)，對(duì)于大量確定的選項(xiàng)，考慮使用“請(qǐng)輸入…”這樣的解決方案，篩選選項(xiàng)列表輸入第一個(gè)或兩個(gè)字母后顯示。

讓用戶輸入文本來(lái)來(lái)篩選選項(xiàng)，而不是滑動(dòng)下拉菜單。

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

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