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

为什么纯文本按钮会损害移动应用的可用性?

5月25日 火云谷投稿
  移动应用按钮的可用性标准,应比桌面应用按钮的高。由于屏幕较小且用手指导航,移动应用上的按钮必须易于点击、阅读和识别。其中,大多数实心按钮符合这一标准,但纯文本按钮很少符合。因此在你的应用程序使用纯文本按钮之前,你应该知道以下内容。
  纯文本按钮更难点击
  手指比鼠标光标大,将手指放在较小的目标上感觉很尴尬用户的手指遮挡了按钮的内容,使得他们没有视觉上的提示来确认是否提交了该动作。如果纯文本按钮里的文本足够长,用户通过露出手指外的内容,会得到一个小的视觉反馈,这会好一点,但仍然不足以使他们确保已经击中了目标。
  小尺寸的纯文本按钮强迫用户精确地移动手指以击中目标。但越精确越需要用户付出更多的努力。他们必须密切注意手指和目标,以确保他们点中了按钮所在区域。
  缺少直边使得纯文本按钮边界难以区分,更难以瞄准。实心按钮不会出现这样的问题,因为它们具有更大的目标区域和笔直的边缘。
  所有大写的纯文本按钮都难以阅读
  为了解决纯文本按钮的点击问题,一些设计师将它们的文本按钮全部大写。Google的MaterialDesign系统推广了这种按钮风格,但也有其缺陷。
  全部大写确实为纯文本按钮提供了更直的边缘和更大的目标区域。但这并没有好很多,因为目标区域只是略大,但是大写样式却降低了可读性。
  所有大写的纯文本按钮都难以阅读,尤其是对于有阅读障碍的用户。用户依靠字母的形状来识别单词。大写字母外形上没有对比鲜明的上升和下降,这使单词更难以阅读。
  纯文本按钮难以感知
  纯文本按钮和文本之间唯一的区别是颜色。这种相似性使得纯文本按钮难以识别,尤其对于色盲用户而言。如果没有明显的外围形状,用户更有可能忽略纯文本按钮,并错过点击它。
  用什么形式替代纯文本按钮
  许多人在二级操作里使用纯文本按钮的形式,来表示此按钮优先级较低。但有更好的方法可以做到这一点,同时不会损害移动应用的可用性。
  轮廓按钮
  一种方法是在文本周围设计轮廓以制作轮廓按钮。这使按钮的边缘可见,为用户提供更大,更清晰的目标。他们的手指可以落在轮廓上或轮廓内的任何地方,以提交操作。
  缺乏背景色可以防止它与按钮内部主要的号召性用语竞争。轻盈但可见的轮廓是理想的,因此它不会干扰按钮中的文本。
  浅色阴影按钮
  纯文本按钮的另一种替代方法是将文本内容放在浅色阴影按钮上。浅色阴影按钮可区分按钮边框和背景,不会与主要号召性用语竞争。阴影应该几乎融入背景,但仍然保持足够的可视对比度。
  哪种带来更好的视觉呈现
  轮廓按钮和浅色阴影按钮都可以作为二级操作的样式。但是浅色阴影按钮的视觉重量略高,按压感觉更好。背景为手指提供了一个坚实的目标,而不是一个单薄的轮廓。
  什么情况下,纯文字按钮会起作用?
  以下这些案例中,纯文字按钮的出现起了作用。
  如图所示,不要将纯文字按钮用于二级操作,而是将它们用于三级操作。三级操作不会得到那么多的点击,也不需要多么突出。一级和二级操作更重要,因此他们需要更多的视觉重量。
  另一处纯文本按钮具有意义的地方,是在用户想采取行动需要帮助的情况下当您需要向用户提供与上下文有关的信息以帮助他们选择最佳选项时,请使用纯文本按钮。纯文本按钮可防止用户将帮助视为号召性用语,因为纯文本的形式不会与其他按钮竞争。
  不要滥用纯文本按钮
  在界面上的放置纯文本按钮很容易,因为它们不需要花费太多精力去设计。但是,这样做的结果是让那些无法有效阅读、识别和选中按钮的用户感到受挫。
  不要放任懒惰,滥用纯文本按钮。您的CTA入口(按钮)可以包含文字,但它们应看起来始终像个按钮,而不是一段话。
  
  原文作者:Anthony
  原文地址:https:uxmovement。commobilewhytextbuttonshurtmobileusability
投诉 评论 转载

为什么纯文本按钮会损害移动应用的可用性?移动应用按钮的可用性标准,应比桌面应用按钮的高。由于屏幕较小且用手指导航,移动应用上的按钮必须易于点击、阅读和识别。其中,大多数实心按钮符合这一标准,但纯文本按钮很少符合。因此……夯实基础数据,实现管理提升(二)在第一章给大家介绍了基础数据的重要性以及处理思路。接下来在第二章给大家讲一讲,支撑基础数据正常流转,以及最终兑现价值的重要环节:数据治理。如何将系统的数据提炼,完善,处理……从6个部分来看,APP表现层设计方法本文主要是从设计风格、排版、控件、图片、色彩、字体这六个部分来看看APP表现层设计方法,enjoyAPP的设计在表现层把控上,大家或多或少的都有过迷茫,当我们整体来看,仔……如何从0开始搭建聚合代付系统对于搭建聚合代付系统,你知道具体的搭建流程是什么吗?你知道其中的注意事项都有什么吗?本文将为你揭晓以上问题的答案。讲到聚合代付,首先得讲下代付,代付的方式分为两种:……从玩法奖品角度,探讨运营活动项目中的交互设计本文将从【玩法】和【奖品】两个角度,以交互设计的角度来阐述运营活动中应该注意的问题。希望能为大家提供一些思考的切入点。enjoy玩法:【即玩即得】vs【先玩再得】在……快要被遗忘的功能:卸载流程研究移动端上的卸载操作,用户基本上无需花费精力就可以完成。常规的PC端产品卸载流程,实际上还需要用户操作很多步骤,才能将产品卸载干净。在移动端产品使用流程中,安装和卸载都是相……产品思考:增长中台系统,如何提升流量利用效率如何提升流量利用效率?笔者总结了四个差异性和四部分内容并进行了分析,供大家参考学习。市场上绝大部分公司的业务体系是建立在提升流量利用效率的基础上,这一点同淘宝、今日头条没……如何定义B端产品的MVP(下)在上一篇文章“如何定义B端产品的MVP(上)”里面,我们谈到了定义MVP产品的前面三个步骤,确定产品定位,找到种子用户,确定产品路线,今天我们再来聊聊后面的几个步骤。1。……印尼市场下,电商支付中心的演进本文以分期电商平台的支付中心为讨论背景,分析了在以往支付中心的不足下展开的支付中心改版,同时也具体分析了改版项目以及注意事项。enjoy在讲印尼支付之前,想先聊聊印尼市场……物联网项目实战从0到1搭建商用型智能按摩椅本文将分享从0到1搭建商用型智能按摩椅的经验,并详细介绍了物联网产品的项目结构以及模块设计的要点与注意事项。前段时间,通过《物联网时代下,传统制造业该如何转型》……夯实基础数据,实现管理提升(一)根据众多行业(制造业,房地产行业,零售业等)的研究得出,其实在我们很多项目实施的过程中,或者说很多ERP上线不算很成功的案例中,有非常大一部分的项目都有一个共同的直接原因,那就……如何定义B端产品的MVP(一)B端产品怎样定义MVP?笔者结合案例给出了以下建议:确定产品定位、确定种子用户、确定产品路线。MVP是MinimumViableProduct的缩写,意思是最小可行产品。……
互联网产品的灰度发布产品评审那点事去当爹,去做产品经理设计让人类退步,建议取消设计部?搜索引擎搜索结果页色彩对比研究用javascript悬停效果改善你的在线商店的12种方法生活中的产品设计《牛奶可乐经济学》摘抄聊聊图标的信息传达浅谈设计的一致性与用户需求百度贴吧优化分析、设计全解析中国4亿网民中有3亿是Q民请重构你的产品易车网用户体验部群聊之用户研究
黄圣依将淦读成金,好大的事啊!不得不说跑步穿什么鞋合适六年级新学期工作计划妇女保养需要补充什么营养五大营养不可少【歌词】everywomanintheworld歌手:优客李 今年Q2Q3期间,郭平当值华为轮值董事长【歌词】长城(日文版)歌手:Beyond热文聚热点网 网络空间:分享比竞争更重要名老中医张兆元应用桂枝茯苓丸经验举隅应该给孩子怎样的音乐教育?艾滋病病毒产生的原因及预防措施中国花滑冠军夫妻近况赵宏博头发花白,43岁申雪好美保养似少女

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