提升按钮可操作性:选择正确按钮标签的五大原则

1 评论 5997 浏览 35 收藏 9 分钟

界面中按钮标签的含义就和它的视觉层级一样重要,使用不恰当的按钮文案会引起用户困惑,增加工作量,完成任务的效率也很低。如果你想让用户更容易的操作你的APP,你需要选择正确的按钮文案。

这里列出提升按钮可操作性的五大原则,按照这五大原则,你的用户无论何时看到按钮都会快速知道如何正确的操作。

规则1: 使用动词

按钮文案应该提示用户具体的操作行为。当用户看到一个动词,他们要知道这个按钮是做什么的,即使不阅读对话框的具体内容,用户也能进行操作,比如下面的确认对话框的例子。

选择正确按钮标签的五大原则

对比经常出现在界面中的通用按钮文案“Yes/No”,用户必须先阅读对话框的内容才能进行操作。如果他们跳过或者误解这段话,他们将会按错按钮。这样的文案不仅会增加用户操作的风险,更会增加用户操作的难度。

为了说明这一点,下面的示例将对话框内容屏蔽,以便只显示按钮。这个写着动词的按钮提示了用户操作,但是这些写着”Yes/No”的按钮并不能说明该操作的意图。动词能帮助用户更高效的完成任务。

选择正确按钮标签的五大原则

规则2: 使用精确的词语

你使用的每一个动词都有一个特定的含义。如果你用词不够准确,用户则会曲解这个按钮的含义。

选择正确按钮标签的五大原则

举个例子:“删除”和“移出”这两个词是比较相近的,但内在含义不同。“删除”表示点击该按钮后会在系统里抹除该项目。“移出”表示点击该按钮后会把该项从这个组里分离出来。在错误的理解下,用户会对这些按钮产生疑惑。

在一个播放列表里,“删除”会让用户认为他们会失去这首歌曲。这是一个错误示范,因为事实上并非如此。“移出”则更精确,因为该操作是将歌曲从播放列表移出,但不会删除它。

规则3: 使用与任务相关的词语

一个模糊、通用的按钮文案会让用户迟疑。他们不确定这个按钮是干嘛的,因为按钮文案表述不清楚。用户需要知道他们操作的最终结果,只有特定于任务的语言才能做到。

选择正确按钮标签的五大原则

如图所示,“提交”是一个很通用的词,你可以在很多场景下看到这个词的使用。但是,这个词会让这个操作显得很含糊不清。这个文案会引起用户的困惑,因为它和操作任务毫无关系。

对比之下,“发送”是一个指定在线发送词语。因此,用户会有心理预期,即按下按钮后,应用程序就会向公众发布他们的内容。这个按钮的表述非常清楚和准确,让用户有信心操作。

规则4: 使用主动祈使句形式

按钮上的文案越多用户就需要理解的越多。当你直接引导用户操作,你可以最小化单词数量且让用户也更容易理解操作。

选择正确按钮标签的五大原则

主动祈使句形式把动词短语变成命令。这允许你删除和主题不相关的内容,使你的标签更简洁。你所需要的是在你的按钮标签上加上一个动词和副词或者直接对象。

用户更加信任按钮上的命令,它让用户确信按钮将执行预期的操作,这有助于用户决策。

当使用主动祈使句形式时,避免使用指示动词来告诉用户怎么操作。一个常见的错误示例比如“点击这里”。这不仅会让按钮文案啰嗦,也很笼统和赘述。相反,使用独特的动词可以专门的描述这个动作并且指引用户进行“点击”操作。

选择正确按钮标签的五大原则

规则5: 使用字母大小写

按钮字母大写表达了你的语气。语气并不是你说的内容而是你说话的方式。这会传递一种情绪给用户,无论他们是接受或者是拒绝。

选择正确按钮标签的五大原则

一句话首字母大写是最佳的,原因是:它传递了友好的语气,引导用户按下按钮。用户最熟悉这些句子的表达方式,因为他们经常阅读这些句子。当他们看到按钮上的句子表达,会给他们一种似曾相识的感觉。

对比来看,标题字母大写是一种更加正式的语气。正式的语气会给人缺乏人情味的感觉,让你的按钮不那么有吸引力。他让用户感觉到对话的不自然。标题使用大写的按钮打破了这种自然阅读的流程,并且会分散用户对于内容本身理解的注意力。

选择正确按钮标签的五大原则

一个句子字母全部大写不好,因为它传达的语气太重,用户会感觉你在强烈要求他们按这个按钮。不仅如此,它的可读性也比较低,因为单词之间间距太小。这会让有阅读障碍的用户不太容易理解。

一句全部小写的句子会让用户感觉你们不够重视、态度随意。这让用户认为这个按钮可有可无、无关紧要。用户会感觉缺乏专业性而不信任按钮。

按钮操作和文案一样重要

含有文案的按钮,它的操作和词语一样重要。如果你在按钮标签上选择了错误的单词,那么这个操作就会变得无关紧要。

遵循这五个规则,可以保证你的按钮更有点击感。用户将不会有迟疑或困惑。相反,你的按钮将会指导用户更清晰、更明确的完成目标操作。

 

原文作者:Anthony

原文地址:https://uxmovement.com/buttons/5-rules-for-choosing-the-right-words-on-button-labels/

编译作者:樱桃小丸子,上海UI设计师,微信ID:jxm-sherry

编辑整理 | 三分设翻译特工队(微信ID:sanfen-design)

本文由 @三分设 翻译发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 有用

    来自广东 回复