020-29815005
预约专线时间:09:00-23:59

下拉菜单式的设计要求有哪些

新闻来源:优漫教育 日期:2021-11-09
以下拉菜单的形式出现,似乎已经很平常了:它不占用太多空间的界面,它自动验证输入,所有的浏览器和平台都支持它,今天小编主要为你分享下拉菜单式ui设计要求,希望对你有帮助!
  下面看一下下拉菜单的限制和问题:

  在您单击或单击打开时,下拉菜单控件的可用选项将不可见。与此同时,在首次看到列表时,会隐藏列表的长度,也就是说,用户不能预测下拉菜单有2个还是50个元素。在下拉列表中选择一个选项(特别是在移动设备上)需要多个步骤:您必须点击下拉菜单,打开选项列表,翻动项目并选择一个,然后关闭下拉列表。

  这种下拉菜单使设计者很懒:设计者很容易把所有可能的选项放在下拉列表里,而没有任何优先权(这和汉堡菜单很像)。滚动屏幕可以看到、可以滚动,选择你想要的选项是一件很痛苦的事。不过幸运的是,下拉菜单控件有许多不错的选择,可用于不同的场合。


UI设计培训班


  要考虑选择数。

  当仅有两个选项(比如开/关)时,使用下拉菜单是不正确的选择,需要使用复选框CheckBox或者切换开关。假如您的下拉菜单只包含是/否,开/关选项,就用切换控件来替换。如果有几个互斥性选项,建议使用单选按钮或者分段控件,以使所有可用选项一目了然,而无需打开列表。视觉选项的数目取决于屏幕宽度和选择标签的长度,但是不要超过5项。

  如果用户准确地知道他们想要的是什么,那么可以考虑使用诸如“请输入…”之类的解决方法,然后过滤一系列的选项,然后显示出来。


  不要滑动下拉菜单,让用户输入文字过滤选项。

  如果是大而多样的列表,请尝试使用已有的用户数据区分优先级,只列出一些用户经常选择的选项。这样做的好处之一就是90%的用户能立刻找到自己喜欢的选项,只有10%的人马上就会选择“其他”,然后再提出下一题。

  尽管"其他"并非完美的解决方案,但优先级排序方法可以改善大多数用户的体验。