为什么纯文本按钮会损害智能手机的可用性

使用文本作为按钮可以节省不小设计时间，因为它只需简单设置。但是，用户想要阅读，识别和点击文本按钮上的文本会变得困难。本文将逐一介绍，文本按钮对手机可用性的负面影响、如何设计文本按钮和哪些场合适合使用。

文本按钮可用性设计

引言

智能手机应用程序的按钮要求的可用性标准高于桌面应用程序。由于智能手机的屏幕和手指导航较少，因此智能手机的按钮应易于点击，阅读和识别。大多数实体型按钮都满足这个标准，但文本按钮很小，所以它不能满足。

在智能手机上使用文本按钮时，需注意以下几点。

文本按钮很难点击

手指通常大于鼠标光标。对于用户而言，将手指放在小的目标上会很尴尬。用户的手指覆盖了按钮文本，并且没有视觉提示来确认操作是否成功。如果文本标签足够长，则用户可以获得视觉提示，但是仍然无法确定目标是否被击中。

不确定文本按钮是否被点击

如果文本按钮的尺寸很小，则用户将不得不将手指精确地移动到目标。为了提高准确性，用户需要花更多精力。他们必须把眼睛放在手指和目标上，以确保点击文本按钮标。

如果按钮上没有笔直的边框，则很难区分边界，也很难将按钮对准目标。在这方面，实心按钮具有较大的目标和笔直的边缘，因此不会发生此问题。

为了解决文本按钮的点击问题，一些设计师把文本按钮设置为全部大写。Google的Material Design推荐这种风格，但它也有缺点。

如果全部大写，则文本按钮的边缘将是直的，并且目标会变大。但是，对可用性没太大改善，因为目标尺寸只是稍微大一些，而文本的可读性却降低了。

虽然是直边，但难以点击

所有大写字母都很难阅读，特别是对于阅读困难的用户。用户通过字母的形状识别单词。大写字母无法与上标和下标区分开，因此很难阅读。

所有字母大写字母都相同，很难阅读

文本按钮和文本之间的唯一区别是颜色。这种相似性使文本按钮更难识别，特别是对于色盲用户。如果没有明显的形状，则用户更有可能忽略文本按钮和操作。

文字按钮和文字之间的唯一区别是颜色

很多人将文本按钮用作辅助操作，以表明该按钮的优先级较低。但是，有一种更好的方法可以在智能手机上保持可用性。

轮廓按钮

第一种方法是为文本加上轮廓并使其成为轮廓按钮。这使按钮边框清晰可见，从而使用户可以点击更大更清晰的目标。用户可以在轮廓上或轮廓内的任意位置进行点击。

带轮廓的按钮

轮廓按钮没有背景色，因此不会与主操作按钮冲突。理想情况下，轮廓线应变亮以避免与文本标签冲突。

浅色按钮

第二种方法是把文本按钮放在浅色的阴影上。这也与操作按钮不区别开，并且将按钮框与背景区分开。尽管它混入了背景中，但显示的浅色具有足够的对比度。

浅色按钮

视觉重量大

轮廓按钮和浅色按钮都可以很好地用作辅助动作。但是，颜色较浅的按钮具有较轻的视觉效果，更易于点击。该按钮本身具有浅色背景，使其比细轮廓的目标更明确。

三个按钮的视觉重量比较

某些情况下，文本按钮可能有意义。不是作为辅助操作，而是用于第三次操作。主要和次要动作很重要，应该把更多的视觉重量给与它们。而第三级动作通常很少点击，不需要脱颖而出。

使用文本按钮在红色虚线框中进行第三次操作

文本按钮有意义的另一种情况是用户需要帮助来执行操作。当您需要提供上下文信息时，以帮助用户选择最佳选项时。请使用文本按钮。文本按钮不会与其他按钮冲突，从而阻止用户将他们的帮助识别为动作。

使用文本按钮获得带有红色虚线边框的帮助

在界面上放文本按钮很容易，因为它们不需要花很多精力进行设计。但结果是，用户很难阅读，识别和点击按钮。不要滥用文本按钮，因为它很麻烦。操作按钮可能包含文本，但它们应始终看起来像按钮。