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

时间:2019-09-01 来源: 国内新闻

每个人都是产品经理,我想昨天分享

移动应用按钮的可用性标准应高于桌面应用按钮。由于屏幕很小并且用手指导航,因此移动应用程序上的按钮必须易于点击,阅读和识别。其中,大多数实心按钮符合此标准,但纯文本按钮很少匹配。因此,在您的应用使用纯文本按钮之前,您应该知道以下内容。

纯文本按钮更难点击

手指比鼠标光标大,将手指放在较小的目标上感觉很不方便。用户的手指遮住了按钮的内容,因此他们没有可视提示来确认操作是否已提交。如果纯文本按钮中的文本足够长,则用户将通过显示手指外部的内容获得小的视觉反馈,这将更好,但仍然不足以确保他们已经击中目标。

小尺寸纯文本按钮强制用户精确移动手指以击中目标。但是越精确,用户就越需要更加努力。他们必须密切注意手指和目标,以确保他们点击按钮所在的区域。

缺少直边使得纯文本按钮的边界难以区分并且更难以定位。实心按钮不会出现这样的问题,因为它们具有较大的目标区域和直边。

所有大写纯文本按钮都难以阅读

为了解决纯文本按钮的点击问题,一些设计师将其文本按钮大写。谷歌的Material Design系统推广了这种按钮风格,但也存在缺陷。

所有大小写确实为纯文本按钮提供了更直的边缘和更大的目标区域。但这并不是更好,因为目标区域只是略大,但大写样式的可读性较差。

所有大写纯文本按钮都难以阅读,特别是对于患有阅读障碍的用户。用户依靠字母的形状来识别单词。大写字母的形状没有对比的上升和下降,这使得单词更难以阅读。

纯文本按钮难以察觉

纯文本按钮和文本之间的唯一区别是颜色。这种相似性使得纯文本按钮难以识别,尤其对于色盲用户而言。如果没有明显的外围形状,则用户更可能忽略纯文本按钮并且错过点击它。

什么形式用于替换纯文本按钮

许多人在辅助操作中使用纯文本按钮的形式来指示该按钮具有较低的优先级。但是有更好的方法可以做到这一点,而不会影响移动应用程序的可用性。

一种方法是在文本周围设计轮廓以制作轮廓按钮。这使按钮的边缘可见,为用户提供更大,更清晰的目标。他们的手指可以落在轮廓上或轮廓内的任何位置以提交操作。

缺少背景颜色可防止它与按钮内的主要号召性用语竞争。轻巧但可见的轮廓是理想的,因此它不会干扰按钮中的文本。

纯文本按钮的另一种替代方法是将文本内容放在浅色阴影按钮上。浅色阴影按钮将按钮边框与背景区分开来,并且不与主要号召性用语竞争。阴影应该几乎适合背景,但仍然保持足够的视觉对比度。

大纲按钮和浅色阴影按钮均可用作辅助操作。然而,浅色按钮具有稍高的视觉重量和更好的按压感。背景为手指提供了坚固的目标,而不是细的轮廓。

在什么情况下纯文本按钮可以工作?

在下列情况下,纯文本按钮的外观起作用。

如图所示,不要使用纯文本按钮进行二次操作,而是将它们用于三次操作。三级操作不会获得如此多的点击,并且不需要如此突出。初级和次级操作更重要,因此需要更多的视觉重量。

纯文本按钮有意义的另一个地方是用户想要采取行动并需要帮助时。当您需要向用户提供上下文信息以帮助他们选择最佳选项时,请使用纯文本按钮。纯文本按钮可防止用户将帮助视为号召性用语,因为纯文本不会与其他按钮竞争。

不要滥用纯文本按钮

在界面上放置纯文本按钮很容易,因为它们不需要太多的设计工作。但是,对于无法有效阅读,识别和选择按钮的用户来说,结果是令人沮丧的。

目(按钮)可以包含文本,但它们应始终看起来像一个按钮,而不是一个段落。

原作者:安东尼

原始地址:

编译作者:桃果实|杭州|设计师(微信ID:shiningineye-bq)

编辑和完成:TCC Lab |翻译代理团队(微信ID:sanfen-design)

本文由

频道热点
  1. 据“汕头市汕头区公安局”发布的通知称:现阶段,岷江公安机关根据市委、市公安局的有关工作,加强了治安综
  2. 大家好,我是你自己媒体的玩家,每天为你提供最新鲜,最有趣,最专业的游戏信息,专注于游戏世界,你和我一起去。没什么废话,让我们进入今天的主题。在2019年,短短几天过了火线,迎来了一个好消息。本月,火
  3. 还有100天,第二届中国国际进口博览会即将到来。7月26日,国务院召开新闻发布会。商务部副部长,中国国际进
  4. 大家好,我是你自己媒体的玩家,每天为你提供最新鲜,最有趣,最专业的游戏信息,专注于游戏世界,你和我一起去。没什么废话,让我们进入今天的主题。在2019年,短短几天过了火线,迎来了一个好消息。本月,火
  5.   14:59:54百态影视秀  如今在整个喜剧界,德云社应该是风头正劲,俨然已经霸占了各大卫视的喜剧综艺,
  6. 每个人都是产品经理,我想昨天分享移动应用按钮的可用性标准应高于桌面应用按钮。由于屏幕很小并且用手指导航,因此移动应用程序上的按钮必须易于点击,阅读和识别。其中,大多数实心按钮符合此标准,但纯文本按钮
  7. ?张玉林是中国第一个世界小姐。。2003年,她参加了新丝绸之路中国模特大赛,并获得了全国前十名。经过几年的模特生涯,张玉林练习。凭借平静的能力,他赢得了世界冠军。张玉林也拍摄了这部电影《硬汉2》,然而
  8. 大家好,我是你自己媒体的玩家,每天为你提供最新鲜,最有趣,最专业的游戏信息,专注于游戏世界,你和我一起去。没什么废话,让我们进入今天的主题。在2019年,短短几天过了火线,迎来了一个好消息。本月,火
  9. 还有100天,第二届中国国际进口博览会即将到来。7月26日,国务院召开新闻发布会。商务部副部长,中国国际进
  10. 大家好,我是你自己媒体的玩家,每天为你提供最新鲜,最有趣,最专业的游戏信息,专注于游戏世界,你和我一起去。没什么废话,让我们进入今天的主题。在2019年,短短几天过了火线,迎来了一个好消息。本月,火
新闻排行
  1. ?腾讯科技新闻据国外媒体报道,消息人士称,阿里巴巴联合创始人约瑟夫蔡即将签署协议,从俄罗斯亿万富翁米哈伊尔普罗霍罗夫那里购买布鲁克林篮网剩下的51%的球队。消息人士称,该交易预计将于本周公布。23.5

    ?腾讯科技新闻据国外媒体报道,消息人士称,阿里巴巴联合创始人约瑟夫蔡即将签署协议,从俄罗斯亿万富翁米哈伊尔普罗霍罗夫那里购买布鲁克林篮网剩下的51%的球队。消息人士称,该交易预计将于本周公布。23.5...

  2. ?中国,日本和韩国的单打人数逐渐上升。“单一经济”上升你是独自一个人在超市,独自看电影,独自吃火锅,独自唱KTV,独自去海边,独自去游乐园。面对互联网上流传的“宽松评级量表”的“灵魂折磨”,许多“单身

    ?中国,日本和韩国的单打人数逐渐上升。“单一经济”上升你是独自一个人在超市,独自看电影,独自吃火锅,独自唱KTV,独自去海边,独自去游乐园。面对互联网上流传的“宽松评级量表”的“灵魂折磨”,许多“单身...

  3. 在你面前,我介绍了暴雨和涉水的预防措施。在写完一个问题之后,事实上,一些汽车仍然是禁忌。例如,以下海

    在你面前,我介绍了暴雨和涉水的预防措施。在写完一个问题之后,事实上,一些汽车仍然是禁忌。例如,以下海...

  4. ?一直收费?特朗普重申了他的话:当总统损失50亿,但我并不在意美国总统特朗普13日声称总统花了他数十亿美元,部分原因是他不得不聘请律师在各种诉讼中为他辩护。据报道,特朗普当天在匹兹堡附近的摩纳哥壳牌石

    ?一直收费?特朗普重申了他的话:当总统损失50亿,但我并不在意美国总统特朗普13日声称总统花了他数十亿美元,部分原因是他不得不聘请律师在各种诉讼中为他辩护。据报道,特朗普当天在匹兹堡附近的摩纳哥壳牌石...

  5. ?二线和三线城市的土地化学循环将上升,这些城市将需要五年时间!不仅机构数据,从官方数据来看,随着房地产市场的下滑,开发商的投资热情减弱,新房面积增长率,完工面积等数据下降,显示出未来土地库存的压力。2

    ?二线和三线城市的土地化学循环将上升,这些城市将需要五年时间!不仅机构数据,从官方数据来看,随着房地产市场的下滑,开发商的投资热情减弱,新房面积增长率,完工面积等数据下降,显示出未来土地库存的压力。2...

  6. 15:34:30与你一起玩的小石头法国联赛LorientvsSochaux北京时间8月17日凌晨2点,法国联赛进入第四轮比赛。其中一场不败的比赛在LeMoustowa体育场举行。主队Lorient面

    15:34:30与你一起玩的小石头法国联赛LorientvsSochaux北京时间8月17日凌晨2点,法国联赛进入第四轮比赛。其中一场不败的比赛在LeMoustowa体育场举行。主队Lorient面...

  7. ?&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspHotel健康状况不符合标准医疗服务场所超出医疗范围&nbsp&

    ?&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspHotel健康状况不符合标准医疗服务场所超出医疗范围&nbsp&...

  8. 1,你好的搞笑笑话:为了减肥,开始坚持跑步,一次只能跑2圈,直到现在我一次可以跑10圈?但为什么它如此肥?

    1,你好的搞笑笑话:为了减肥,开始坚持跑步,一次只能跑2圈,直到现在我一次可以跑10圈?但为什么它如此肥?...

  9. 快来看呀,北方有了桂林漓江林州市小桂林风景区试营业观赏记在校园的时候曾经梦想去桂林,到那山水甲天下的

    快来看呀,北方有了桂林漓江林州市小桂林风景区试营业观赏记在校园的时候曾经梦想去桂林,到那山水甲天下的...

  10. ?人民日报在线,北京,8月16日(记者罗志志)国家发展和改革委员会今天召开新闻发布会,宣布宏观经济运行。国家发展和改革委员会发言人孟敏表示,国家发展和改革委员会最近发布了《关于进一步降低中国人民银行征

    ?人民日报在线,北京,8月16日(记者罗志志)国家发展和改革委员会今天召开新闻发布会,宣布宏观经济运行。国家发展和改革委员会发言人孟敏表示,国家发展和改革委员会最近发布了《关于进一步降低中国人民银行征...

友情链接