欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

移动界面设计中,为什么下拉菜单应该是最后的选择?

发布时间:2017:07:20 12:00:11 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1434个文字,预计阅读时间4分钟
导语
使用下拉菜单的形式似乎已是司空见惯:它不占用太多空间的界面,它自动验证输入,所有浏览器和平台都支持它,

 品牌推广就用这几招,七月活动立减500-1000元

  使用下拉菜单的形式似乎已是司空见惯:它不占用太多空间的界面,它自动验证输入,所有浏览器和平台都支持它,实现下拉菜单非常的方便且容易,用户都觉得它使用起来很好。

  与此同时,根据Luke Wroblewski和被多人提及的原则:“下拉菜单应该是最后的选择”的说法,那么下拉菜单却是最经常被误用的。

  让我们看一看下拉菜单的局限性和令人担忧的地方:

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

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

  下拉菜单可以让设计师懒惰:设计师很容易就把所有可能的选项不分任何优先级一起放到下拉列表里(这很类似于汉堡菜单的做法)。

  像国家地区选择这种很长的下拉菜单,用眼睛扫描起来简直是噩梦,尤其是在键盘搜索通常是不可用的移动端。

  在可见、可滚动但面积很小的屏幕上滚动去选择想要的选项是一件非常痛苦的事情。

移动界面设计中,为什么下拉菜单应该是最后的选择?

  △ 在iOS系统上,第一眼可见的选项少的惊人。

  但是好消息是这里有大量的很棒的可替代下拉菜单控件的选择,能为你在不同的情况下所用到。

  考虑选项的数量

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

  如果你的下拉菜单仅仅包含是/否、开/关这样的选项,那么就用开关控件来替代它。

  对于个数少且互斥的选项 ,建议使用单选按钮(radio buttons)或分段控件(segmented),使所有可用的选项第一眼可见,且无需打开列表。

移动界面设计中,为什么下拉菜单应该是最后的选择?

  分段控件(Segmentedcontrols)可以一次性展示出所有的可选项。

移动界面设计中,为什么下拉菜单应该是最后的选择?

  可见选项的数量取决于屏幕宽度和选项标签的长度,但不要超过5项

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

  用让用户来输入文字来筛选选项的方式替代滑动下拉菜单。

  对于大型和多样的列表,尝试使用现有的用户数据来排列优先级,只列出几个用户常选的选项。这种方式有一个好处就是90%的用户会立即发现自己偏好的选择项,只有10%的人选择立即“其他”然后跳到指定的下一个问题。

移动界面设计中,为什么下拉菜单应该是最后的选择?

  虽然“其他”不适一个优雅的解决方案,但是优先级排序的方式能够提高大多用户的体验

  考虑预填写

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

移动界面设计中,为什么下拉菜单应该是最后的选择?

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

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:网站制作公司谈网站能长期成功运营的方法

下一篇:奢侈品包包租赁平台“有喵”获数百万元天使融资 让大牌走进每个女孩的生活

  • 18882 文章总数
  • 2224895访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信