福建资讯网

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

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

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

纯文本按钮更难点击

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

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

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

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

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

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

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

纯文本按钮难以察觉

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

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

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

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

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

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

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

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

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

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

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

不要滥用纯文本按钮

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

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

原作者:安东尼

原始地址:

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

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

本文由