下拉菜单式ui设计要求

下拉菜单式ui设计要求

下拉菜单式ui设计要求：使用下拉菜单的形式似乎已是司空见惯：它不占用太多空间的界面，它自动验证输入，所有浏览器和平台都支持它，今天小编主要给大家分享下拉菜单式ui设计要求，希望对你们有帮助!

让我们看看下拉菜单的局限性和顾虑:

下拉菜单控件可用选项是不可见的，直到你单击或单击打开它。同时，当第一眼看到列表时，列表的长度是隐藏的，也就是说，用户无法预测下拉菜单包含2个还是50个元素。

从下拉列表中选择一个选项(尤其是在移动设备上)是一个多步骤的过程:你必须单击下拉菜单打开选项列表，然后滚动浏览项目并选择一个，然后关闭下拉列表。

下拉菜单会让设计师变得懒惰:设计师可以轻松地将所有可能的选项放在下拉列表中，而不需要任何优先级(这与汉堡菜单非常相似)。

在可见的、可滚动的小屏幕上滚动来选择想要的选项是一件非常痛苦的事情。但好在，下拉菜单控件有很多很好的替代选择，可以在不同的情况下使用。

要先考虑选项的数量。

如果只有两个选项(例如开/关)，那么使用下拉菜单是错误的选择，在这里，需要使用复选框CheckBox或切换开关。

如果你的下拉菜单仅包含是/否、开/关选项，则使用开关控件来替换它。

对于少数互斥选项，建议使用单选按钮或分段控件，使所有可用选项在不打开列表的情况下一目了然。可视选项的数量取决于屏幕宽度和选项标签的长度，但不要超过5个项目。

当用户确切知道他们在寻找什么时，对于大量确定的选项，考虑使用“请输入…”这样的解决方案，筛选选项列表输入第一个或两个字母后显示。

让用户输入文本来来筛选选项，而不是滑动下拉菜单。

对于大型和多样的列表，尝试使用现有的用户数据来区分优先级，并且只列出用户经常选择的几个选项。这种方法的一个优点是90%的用户会立即找到他们喜欢的选项，而只有10%的用户会立即选择“其他”，然后跳到指定的下一个问题。

虽然“其他”不是一个优雅的解决方案，但是优先级排序方法可以改善大多数用户的体验。