设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 手机 数据 公司
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

移动端下拉菜单更好的替代选择(2)

发布时间:2017-09-05 15:28 所属栏目:19 来源:知乎网
导读:考虑预填写 下拉列表的好处之一是用户不必输入很多内容。然而,如果预期的输入不是太长并且经常被问到(例如个人信息),通常用输入的方式是比较容易的,而不是从列表中选择: 在移动设备上输入生日的年份,使用数

考虑预填写

下拉列表的好处之一是用户不必输入很多内容。然而,如果预期的输入不是太长并且经常被问到(例如个人信息),通常用输入的方式是比较容易的,而不是从列表中选择:

在移动设备上输入生日的年份,使用数字键盘比滑动长列表要容易的多

通常,在移动设备上输入数值会比数字下拉列表效率高。

尽管数字下拉列表是清晰的,但是输入数值依然比滑动选择要方便。

如果验证用户输入的内容很重要,输入内容用于筛选可用选项时,“请输入……”这个方法可能是有用的。

当选择美国时,输入一个字母就可以筛选出来。

当列表元素的排序顺序不清晰时,在选项列表中搜索的能力特别有用。

不清楚货币代码排列顺序的用户,能确保他们能在名称和货币代码间进行搜索。

同样的技术也应该应用于国家列表上面:使用让用户尽快开始键入并过滤结果来替代列出 200 多个条目的方案。

对于表示数量的谨慎的数值选择(例如乘客数量或购物车中的商品数量),步进器(stepper)允许用户点击来快速增加或减少数值。

对于刻度范围上的非谨慎数值,请考虑使用滑块。

显示最大值和最小值的范围有助于用户理解。

选择当下最近日期,使用多个选择菜单选择可能是一次非常痛苦的体验,因此我们选择使用日期选择器(date picker)。(但千万别用它输入出生日期)

设计更智能的下拉菜单

通常下拉菜单不是总要被避免使用的。当你发现选择菜单是最合适的输入控件,这很好,那就让它对用户尽可能的友好。

使用有意义的标签:当菜单打开时菜单标签或描述也应该清晰和可用。在“选择”菜单中使用一个描述性标签,告诉用户他们正在选择什么(即“选择类型”而不是“请选择”)。

按合理的方式排序条目:基于用户数据尝试将最流行的选项放在列表的顶部。甚至预先选择用户最常选的选项作为默认选项。

使用智能默认值:手机和浏览器知道用户的位置、日期等大量的信息。利用已知的数据预先为每个用户选择最有可能的选项。

减少字段的数量,让计算机做一些工作:如果用户输入邮政编码,毫无疑问计算机已经知道这个邮政编码所属的国家和城市。如果用户输入信用卡号码,计算机也毫无疑问的已经知道这是MasterCard 。

考虑使用API:使用第三方的方式注册比填写注册表要容易。PayPal支付比输入你的信用卡信息更容易。

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读