网站策划

您的位置:首页 > 网站专题 > 网站策划 > 详细内容

移动端下拉表单的更好选择

2017-09-12 12:02   来源:网络整理 [ ]

在表单中行使下拉菜单看起来并不重要:它们在用户界面上占用的空间不大,它们自动验证输入,全部赏识器僻静台都可以支持它们,它们实现起来轻易且利便,用户知道它们的好。

移动端下拉表单的更好选择

在表单中行使下拉菜单看起来并不重要:它们在用户界面上占用的空间不大,它们自动验证输入,全部赏识器僻静台都可以支持它们,它们实现起来轻易且利便,用户知道它们的好。

同时,按照Luke Wroblewski 和一些人的说法,下拉菜单(或选择)是最常被误用的表格模式之一,“应该是最后的UI”。

我们来看看一些限定和忧虑:

在下拉列表中,只有点击或按键才气打开它,可用选项是不行见。另外,表单的长度一见即可潜匿,即用户无法猜测下拉菜单是否包括 2 或 50 个元素。

从下拉列表中选择一个选项(出格是移动装备)是一个多步调的进程:你必需点击下拉菜单打开选项列表,然后转动并扫描以选择一个项目,然后封锁下拉列表。

下拉菜单会让计划师变懒:将全部也许的选项添加到下拉列表中是没有任何优先级的(这与汉堡包菜单相同)长短常简朴的。

更长的下拉列表,譬喻国度/地域选择器也许是一个噩梦扫描,尤其是在凡是无法举办键盘搜刮的手机上。

在一些移动屏幕的可见和可转动的列表地区是很小的,转动选项会使人不舒畅:

移动端下拉表单的更好选择

在iOS上,可见的选项数目是乍一看是惊人的低

在很多环境下,有许多更换输入控件可觉得你更好地事变。

思量选项的数目

对付二进制(开/关)的抉择,下拉菜单是一个很是糟糕的选择。你必要的是复选框或切换开关。

移动端下拉表单的更好选择

假如你的下拉列表仅包括“是/否”或“开/关”选项,请改用简朴的开关

对付少数互斥选项,提议行使单选按钮或分段控件,以便无需打开列表,全部可用的选项都可以看到。

移动端下拉表单的更好选择

分段控件同时表现所选项和更换选项

移动端下拉表单的更好选择

可视选项的数目取决于屏幕宽度和选项标签的长度,不提议行使高出 5 个项目

对付大量指明的选项,当用户知道他们正在探求什么时,思量“开始输入…”办理方案,个中过滤选项列表表现在第一个或两个字母之后。

移动端下拉表单的更好选择

不消转动列表,让用户开始输入,且仅表现已过滤的选项

对付大型和多样化的列表,实行行使现有的用户数据来优先该选项,并将用户首选的最风行的选择列出。这样一来,有90%的用户会当即找到本身的偏好,只有10%必需选择“其他”,然后在下一个题目中指明。

移动端下拉表单的更好选择

固然“其他”不是一个优雅的办理方案,但这样的优先级也许会改进大大都用户的用户体验

思量预期的输入

下拉列表的利益之一是用户不消过多多输入。但假如预期的输入不是太长,而且常常被扣问(譬喻小我私人数据),则凡是更轻易键入,而不是从列表中选择它:

移动端下拉表单的更好选择

行使数字键盘在转动装备上输入降生年份比转动赏识长列表更轻易

本页关键词:网站优化,产品策划,移动端下拉表单,

上一篇:从0到48家分公司,公司估值过亿,他只用了4年!你也可以 下一篇:老年用户的体验思考:如何保证界面适合阅读