• [猜想]大家认为可能存在这种自相矛盾的分配制度么? 2019-11-09
  • 世界3D打印技术产业 大会会址永久落户佛山 2019-10-29
  • 网约车陷阱多 谨防四类风险 2019-10-29
  • 其实,生产力发展了,社会财富丰富了,把小萌们养起来也不是什么问题……但你们不能被养着还养出脾气来还妄图对真正的劳动者指手画脚! 2019-10-24
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2019-10-24
  • 【专题】王学义教授做客长城网燕赵名医大讲堂 2019-10-23
  • 习近平时间携手共建生态良好的地球美好家园 2019-10-19
  • 澳门修订《司法组织纲要法》 涉国安法案件限中国籍法官审理 2019-10-19
  • 奥尼尔晒出自己修脚视频:该死,她不得不带个口罩 2019-10-10
  • 学习十九大精神--福建频道--人民网 2019-08-21
  • 奇闻怪事:瑶族怪异风俗习惯之烟袋定情 2019-08-21
  • 六一记忆:不同的年代 同样的快乐 2019-08-19
  • 南非办“武林大会” 看看中国文化在国外有多火 2019-08-19
  • 图说党建--安徽频道--人民网 2019-08-15
  • 团结、进取——百奥人不懈追求的企业文化 2019-08-15
  • 守望者

    对电子游戏的看法作文600字:除了下拉菜单之外你还有更好的选择

    守望者 APP设计 838浏览

    电子游戏的作文600 www.geg6.net 在表单里使用下拉菜单可能是一种不用思考的做法:这玩意儿不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉使用方法。

    然而与之同时,下拉菜单又是最容易被错误使用的表单控件。它被 Luke Wroblewski (专注于表单领域的人机交互专家)等人描述成“界面设计里最后的选项”(Mobile DropDowns Revisited、Fuck Drop Downs)。

    来看看下拉菜单的局限性和考量:

    • 使用下拉菜单时,在点击展开之前,可选项全部不可见的。并且菜单长度无法一眼看出,因此用户无法预知里面是2个选项还是50个。
    • 使用下拉菜单需要很多步骤:点击下拉菜单展开列表->滚动列表并扫视进行选择->关闭下拉菜单。
    • 下拉菜单会让设计师变懒:很容易什么都不想,就把所有需要选择的功能做成下拉菜单(变得类似汉堡菜单那样了)。
    • 如果列表较长,可能找起来很难,尤其是对于没有搜索功能的移动端。
    • 在移动屏幕上狭小的菜单区域滚动时,可能有点难受。

    在 iOS 上,一次可以看到的选项数量可能非常少:

    不过,好在除了下拉菜单之外,还有很多种类的输入控件可能更加适合具体的场景。

     

    一、考虑选项有多少个

    1、对于二元选择题(是/否),下拉菜单绝对是个糟糕的选项。这种情况应该使用复选框或开关。

     

    2、如果选项较少(建议是5个或以内),建议使用单选框或分段选择器,这样就能一眼看到所有选项,而不需要去打开列表。

     

    3、对于数量较多,且指向性较为明确的选项,如果用户知道他们找的是什么,可以考虑采用可输入的解决方案。

    即允许用户输入,并在输入的同时过滤出可能的答案。这样就可以节省下翻阅长列表的时间了。

     

    4、对于数量较多,且指向性较为不明确的选项,可以试着对选项进行优先级排列,只给用户展示选择数量最多的选项。

    这样的好处是节省了90%用户的时间,让他们能够一眼看到自己的答案。而剩下的10%可以选择“其它”,并在下一个问题中给出进一步选择。尽管“其它”看起来不是非常优雅,但这种方式可以提升大部分用户的体验。

     

    二、考虑是否需要输入

    1、下拉菜单的好处之一是减少用户打字的时间。

    但是如果打字次数不多,耗时也不长(例如个人信息),那么输入可能比选择还更加轻松一些:

     

    2、通常来说,在手机上使用数字键盘输入纯数值会比在菜单中选择数值更加快一些。

     

    3、如果用户的输入需要验证,例如必须符合特定格式的地址名称,那么可以把输入当做搜索,一边打字一边过滤出可能的选项,让用户选择。

     

    4、如果选项的排列顺序不是很明确,那么选项搜索的功能是非常有帮助的。例如选择货币种类:

     

    对于国家列表也是如此:与其一次列出超过两百个国家名称,还不如通过输入和过滤来帮助用户找到答案。

     

    5、对于精确数值(如购物车里的商品数量),可以使用计数器来让用户快速对数字进行增减。

     

    6、对于不精确的数值,可以使用滑块。

     

    7、用分离的多个下拉菜单选择日期是非常糟糕的体验。对于较近的时间,一定要使用日期选择器。但是像出生日期这种较远的时间就别这么干了。

     

     

    三、如何让下拉菜单更加智能

    也不是说任何时候都不能使用下拉菜单,有时下拉菜单确实是最合适的方式。只是请在使用的时候,最好把它设计得更加用户友好一点。(参考:Dropdowns: Design Guidelines)

    • 有意义的提示文本:能够清晰表述,且在展开菜单之后依旧能够看得到。告诉用户你想要他们选择的是什么东西(例如“选择类别”就比“请选择”要好)。
    • 合理排列选项:把选择人数最多的选项放在最顶上,或者干脆把最有可能的答案作为默认选项。
    • 帮助用户选择:手机和浏览器都有办法知道日期、地址等很多其它信息??梢岳谜庑┬畔镏没孪妊≡褚淮?。
    • 让程序帮用户做尽可能多的事情:如果已经知道用户所在的程序,就不需要再输入邮编。如果用户已经输入了信用卡号码,就不需要再选择信用卡类型。
    • 考虑使用API:使用微信账号关联比填写注册信息方便多了。用支付宝付款,比网银快了

     

     

    原文地址:medium
    译文地址:知乎
    作者:Zoltan Kolin
    译者:Z Yuhan

     

    转载请注明:电子游戏的作文600 » 除了下拉菜单之外你还有更好的选择

    登录收藏
     
    你可能喜欢的:
    PRD分享:「luckin coffee 购买流程」产品需求文档PRD分享:「luckin coffee 购买流程」产品需求文档
    底部导航设计的黄金法则底部导航设计的黄金法则
    乔布斯和淘宝都喜欢的圆角卡片乔布斯和淘宝都喜欢的圆角卡片
    需求落地之信息架构设计需求落地之信息架构设计
    设计沉思录|租房业务全流程体验设计设计沉思录|租房业务全流程体验设计
    交互设计中让人困惑的三大组件你会用了吗交互设计中让人困惑的三大组件你会用了吗
    微信的12大“反人类”设计微信的12大“反人类”设计
    Material Design Layout Responsive layout grid  响应式布局网格Material Design Layout Responsive layout grid 响应式布局网格
    如何正确制作用户画像如何正确制作用户画像
    网格列表,没有你想的那么简单网格列表,没有你想的那么简单
    ?
  • [猜想]大家认为可能存在这种自相矛盾的分配制度么? 2019-11-09
  • 世界3D打印技术产业 大会会址永久落户佛山 2019-10-29
  • 网约车陷阱多 谨防四类风险 2019-10-29
  • 其实,生产力发展了,社会财富丰富了,把小萌们养起来也不是什么问题……但你们不能被养着还养出脾气来还妄图对真正的劳动者指手画脚! 2019-10-24
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2019-10-24
  • 【专题】王学义教授做客长城网燕赵名医大讲堂 2019-10-23
  • 习近平时间携手共建生态良好的地球美好家园 2019-10-19
  • 澳门修订《司法组织纲要法》 涉国安法案件限中国籍法官审理 2019-10-19
  • 奥尼尔晒出自己修脚视频:该死,她不得不带个口罩 2019-10-10
  • 学习十九大精神--福建频道--人民网 2019-08-21
  • 奇闻怪事:瑶族怪异风俗习惯之烟袋定情 2019-08-21
  • 六一记忆:不同的年代 同样的快乐 2019-08-19
  • 南非办“武林大会” 看看中国文化在国外有多火 2019-08-19
  • 图说党建--安徽频道--人民网 2019-08-15
  • 团结、进取——百奥人不懈追求的企业文化 2019-08-15
  • 快速时时开奖记录 2019时时彩平台注册 98游戏中心手机版下载 网易倩女幽魂手游赚钱攻略 608彩票 天境仙踪游戏托 最近扔漂流瓶赚钱是真的吗 pk10技巧冠亚计划 王者荣耀伽罗长腿图片 吉林11选5中奖规则 冠军足球物语2中文无限 乐翻二人麻将手机版 云南11选5中奖秘籍 直播足球比赛在线观看 必富bifu游戏网址 乌鲁木齐小姐图片