联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

下拉菜单式ui设计要求

下拉菜单式ui设计要求

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

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

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

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

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

要先考虑选项的数量。
 

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

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

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

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

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

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

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

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 昆明官渡区平面设计培训昆明官渡区淘宝美工培训昆明官渡区UI培训昆明官渡区PS培训 网站详细了解,免费咨询电话:400-998-6158

相关课程