童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

除了下拉菜单之外,你还有更好的选择

11月11日 枯心人投稿
  除了下拉菜单之外,还有很多种类的输入控件可能更加适合具体的场景。
  在表单里使用下拉菜单可能是一种不用思考的做法:这玩意儿不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉使用方法。
  然而与之同时,下拉菜单又是最容易被错误使用的表单控件。它被LukeW(译者ZYuhan:专注于表单领域的人机交互专家,我也一直有关注)等人描述成“界面设计里最后的选项”(MobileDropDownsRevisited、FuckDropDowns)。
  来看看下拉菜单的局限性和考量:
  使用下拉菜单时,在点击展开之前,可选项全部不可见的。并且菜单长度无法一眼看出,因此用户无法预知里面是2个选项还是50个。
  使用下拉菜单需要很多步骤:点击下拉菜单展开列表滚动列表并扫视进行选择关闭下拉菜单。
  下拉菜单会让设计师变懒:很容易什么都不想,就把所有需要选择的功能做成下拉菜单(变得类似汉堡菜单那样了)。
  如果列表较长,可能找起来很难,尤其是对于没有搜索功能的移动端。
  在移动屏幕上狭小的菜单区域滚动时,可能有点难受。
  在iOS上,一次可以看到的选项数量可能非常少:
  不过,好在除了下拉菜单之外,还有很多种类的输入控件可能更加适合具体的场景。
  一、考虑选项有多少个
  1、对于二元选择题(是否),下拉菜单绝对是个糟糕的选项。这种情况应该使用复选框或开关。
  2、如果选项较少(建议是5个或以内),建议使用单选框或分段选择器,这样就能一眼看到所有选项,而不需要去打开列表。
  3、对于数量较多,且指向性较为明确的选项,如果用户知道他们找的是什么,可以考虑采用可输入的解决方案。即允许用户输入,并在输入的同时过滤出可能的答案。这样就可以节省下翻阅长列表的时间了。
  4、对于数量较多,且指向性较为不明确的选项,可以试着对选项进行优先级排列,只给用户展示选择数量最多的选项。这样的好处是节省了90用户的时间,让他们能够一眼看到自己的答案。而剩下的10可以选择“其它”,并在下一个问题中给出进一步选择。
  尽管“其它”看起来不是非常优雅,但这种方式可以提升大部分用户的体验。
  二、考虑是否需要输入
  1、下拉菜单的好处之一是减少用户打字的时间。但是如果打字次数不多,耗时也不长(例如个人信息),那么输入可能比选择还更加轻松一些:
  2、通常来说,在手机上使用数字键盘输入纯数值会比在菜单中选择数值更加快一些。
  3、如果用户的输入需要验证,例如必须符合特定格式的地址名称,那么可以把输入当做搜索,一边打字一边过滤出可能的选项,让用户选择。
  4、如果选项的排列顺序不是很明确,那么选项搜索的功能是非常有帮助的。例如选择货币种类:
  对于国家列表也是如此:与其一次列出超过两百个国家名称,还不如通过输入和过滤来帮助用户找到答案。
  5、对于精确数值(如购物车里的商品数量),可以使用计数器来让用户快速对数字进行增减。
  6、对于不精确的数值,可以使用滑块。
  7、用分离的多个下拉菜单选择日期是非常糟糕的体验。对于较近的时间,一定要使用日期选择器。但是像出生日期这种较远的时间就别这么干了。
  三、如何让下拉菜单更加智能
  也不是说任何时候都不能使用下拉菜单,有时下拉菜单确实是最合适的方式。只是请在使用的时候,最好把它设计得更加用户友好一点。(参考:Dropdowns:DesignGuidelines)
  有意义的提示文本:能够清晰表述,且在展开菜单之后依旧能够看得到。告诉用户你想要他们选择的是什么东西(例如“选择类别”就比“请选择”要好)。
  合理排列选项:把选择人数最多的选项放在最顶上,或者干脆把最有可能的答案作为默认选项。
  帮助用户选择:手机和浏览器都有办法知道日期、地址等很多其它信息。可以利用这些信息帮助用户事先选择一次。
  让程序帮用户做尽可能多的事情:如果已经知道用户所在的程序,就不需要再输入邮编。如果用户已经输入了信用卡号码,就不需要再选择信用卡类型。
  考虑使用API:使用微信账号关联比填写注册信息方便多了。用支付宝付款,比网银快了。
  本文译自DropdownAlternativesforBetter(Mobile)FZoltanKolin
  
  译者:ZYuhan,原作者推荐了一个名为去XX的下拉菜单的油管视频,我觉得一般,如果你能翻又懂英文可以去看看。
投诉 评论 转载

在UI设计中,如何更加科学地提高文本可读性?在日常的UI设计工作中,文本作为最重要的信息载体之一,其能否被用户清晰识别显得尤为重要。新手设计师在选择字体颜色时往往找不到依据、不够自信。本文旨在分析目前在这方面比较科学的做……UI设计师对广告文案的思考:我们,真的不需要懂文案吗?作为一名设计师,本文是作者对日常生活中广告文案的一些好奇和思考。enjoy关于文案相关的文章,很早就想写了。但纠结的点是:我一UI设计师,分析这些对自己有什么提升?……在接下来的9月,这3个趋势会影响更多的设计作品在接下来的9月份,有许多设计作品可能会受到这3种设计趋势的影响。是哪些呢?一起来看看设计师们也常常通过设计作品互相汲取灵感,而这也是促成设计圈内的各种设计趋势的形成。可能……AIPersona:语音交互设计中的角色画像AIPersona的主要依据,是创建者对于品牌的期望、为用户提供的服务类型和场景。用户画像(Persona)是体验设计中一个常用概念,是指创建出对于用户的描述性模型,即”……设计基础:云计算交互设计师的正确出装姿势作为云计算的交互设计师需要学习哪些?文章为你解答。最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗?我其实也不知道怎么回答,能够记起的最后一次……不会因为不懂设计而被束缚!面向萌新的10条基本规则优秀的设计原理,不管是谁都能轻松学习,并加以利用。这篇指南,将为大家介绍在设计时可以灵活使用的10个点子只有了解了这些基本规则,你的设计就会变得更好。目录:灵活使用……除了下拉菜单之外,你还有更好的选择除了下拉菜单之外,还有很多种类的输入控件可能更加适合具体的场景。在表单里使用下拉菜单可能是一种不用思考的做法:这玩意儿不占地方,不需要做输入验证,所有平台都支持,技术门槛……用户体验好不好?我用案例对比告诉你!用户体验从大框架到小细节都十分重要,往往有一些细节经常被忽视,只有你想不到的,没有做不好的。今天我举几个栗子来对比一下这些细节的用户体验。共享单车摩拜VS共享单车ofo软……优化UI界面会惹怒用户?你应该这么做如何在你改变UI界面的时候,不会让用户不满意呢?本文作者与你分享一些技能,希望可以帮你在改变产品界面的同时,又能使你的用户对此改变感到满意。有时,优化网站或移动应用的界面……UX与心理学携手共进:如何在交互设计中应用格式塔理论?在人工智能和“以人为中心机器学习”的时代,我们理解用户的需求和行为是十分必要的。对交互设计师来说,这是毫无疑问的。为了更好的做好满足用户需求的工作,了解一些基本的心理学法则非常……汉堡图标的5种替代方案,帮你搞定移动端导航本文将会探讨汉堡菜单这样的隐藏式导航影响用户体验的原因,以及可用性更强的替代方案。对于设计师而言,移动端设备屏幕上的每一寸空间都是宝贵的资源。为了在小屏幕上做更多的事情,……表单设计总结表单是我们比较常见的一个信息录入工具。糟糕的表单设计会带来令用户抓狂的交互体验,极大的影响用户信息录入的效率。这篇文章我就来大家梳理一下关于表单设计的一些知识点。表单的构……
给苹果表做app?先看看这11个小技巧关于验证码的一些想法【起点学院人物志】刘宇:社交产品创业,怎么做?半次元APP产品分析Solo语音浏览器设计分析:浏览器的渐进式创新手机通讯录:微信、360、触宝到底想怎么玩前腾讯资深运营经理:如何做好用户画像?如何让你的用户帮你改善你的产品网易云音乐Vs酷狗音乐PC客户端竞品分析微信的亮点与槽点优雅与可用性的平衡:网页设计中的极简主义畅想在线体育运动罗志祥经纪人再度成功怀孕,仍是试管婴儿,还求助大家帮助起名会说广告语的丈母娘iRocksK65M电竞机械式键盘开箱铝板裸轴机械入门胃炎的症状有哪些(胃炎会有哪些症状?)粮食战争,惊心动魄简致中温其胃不好吃香蕉可以吗?具体问题具体分析!与智库同行的两年我并不孤单欧洲的洪灾是不是预示着类似唐朝及秦汉时期的高气温气候来临发生狗咬人主家有责任吗?助力中小企业融资中信银行落地首批标准化票据业务形容老夫老妻的短语

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界