400-609-4309

下拉菜单式ui设计要求

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

下拉菜单式ui设计要求

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

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

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

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

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

要先考虑选项的数量。

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

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

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

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

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

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

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

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章