四条“行动召唤”的基本设计原则，抓住用户注意力

通过简单的案例和分析，说明了“行动召唤”对转化率的重要价值，以及如何将其价值最大化。

数字产品都在努力争取用户们有限的注意力，现代经济越来越多地围绕人类的注意力范围而展开，一个单一要素就能发挥完全不同的作用。

因此，行动召唤按钮在每个用户界面中都起着至关重要的作用。

对于不熟悉市场营销术语的任何人，以下是来自Investopedia的简要介绍：

行动召唤（CTA）是一种营销术语，是指营销人员希望其受众或读者采取的下一行动。行动召唤可以直接将用户引导至购买。

简而言之，行动召唤是您希望网站访问者采取的下一步行动。

让我们通过一些技巧来克服最常见的陷阱，以及一些描述性的示例来分析注意力是如何工作的。

一、引人注目的文本

Brian Clark在他的Blog中充分地说明了文字的力量，社会心理学家艾伦·兰格（Ellen Langer）要求在复印机前插队，她尝试了三种不同的询问方式：

1. 对不起，我有五页要复印。我可以先使用复印机吗？——60％的人同意了请求。
2. 对不起，我有五页要复印。因为我很着急，可以先使用复印机吗？——94％的人同意了请求。
3. 对不起，因为我有五页不得不复印。可以先使用复印机吗？——93％的人同意了请求。

触发词“因为”是如此强大，以至于您提供的“原因”似乎并不重要，即便是从一个四岁孩子的口中说出来。

突出的结果是，某些词语比其他词语更能有效地说服人们。专家们表示，通过在简历中加入一些涉及情感的特定词汇，可以增强简历的说服力。

如图所示，Slack利用了free这个词的双重含义，不仅代表了免费，而且行动自由和选择自由都会影响潜意识的用户行为。

许多网站在他们的行动召唤用语中使用的另一种策略，是其消息的语气。关于操作的动词引入了一种直接的、面向操作的方法，它会触发用户采取特定的操作，因为它们回答了一个基本问题“为什么我应该点击这个按钮？”。

大多数成功的公司都使用了“免费试用”、“了解更多”、“抢先体验”、“入门”等阶段，并通过在行动召唤的文案中增加价值来提升转化率。

二、最容易被识别的对比色

行为召唤按钮是冯·雷斯托夫效应（Von Restorff effect）的最佳范例。

冯·雷斯托夫效应也称为“隔离效应”，它指出了当存在多个相似物体时，与其他物体都不同的那个最可能被记住。

这是为什么必须要让“行为召唤”按钮弹出，并在其他按钮中脱颖而出的最重要原因。

由VisualEyes生成的眼动热力图

颜色是影响按钮隔离效果的首要因素，应该始终尝试通过使用对比色来吸引用户注意，使主要操作按钮更加突出。

首先，应该确保按钮的颜色、视觉效果和排版能够和谐的构成一个控件元素。可读性，易读性和对比度非常重要，您应该事先对其进行测试。

Stark插件是一个在设计时帮助您进行对比度检查的好工具。

通过Stark插件，可以看出黑色按钮的对比度最佳

此外，关于对比度的方法不仅适用于按钮元素本身。一个行动召唤按钮应具有足够的对比度，并且与整个界面相比要格外突出。

Sketch的首页是一个完美的示例，它说明了行动召唤与页面内容对比度的重要性。它不仅遵循产品的品牌色，而且创建了一个醒目的“行动召唤”按钮，吸引了绝大多数访问者的注意力。

一句话概括，就是让人觉得“我不能不点这个按钮！”

由VisualEyes生成的眼动热力图

三、合适的尺寸很重要

尺寸和位置在行动召唤中的可视性和可达性中起着至关重要的作用，相当多的变量定义了按钮的适当大小。

在对按钮大小和间距的研究中，发现了一种适用于大多数用户（包括老年人）的标准。

研究表明，使用42-72像素之间的按钮可以达到最高的准确性；也就是说，最适合用户的最小按钮尺寸是42像素，最大按钮尺寸是72像素。

太大的按钮会吸引绝大多数用户的注意力，使用户无法了解该服务所提供的其他内容，这对页面内容的理解有重要影响。而将按钮设置得太小会严重影响其可访问性，没有什么比按钮太小到无法点击而令人沮丧的了。

移动端界面有着另一个常见问题：“为拇指设计”这个术语是由Scott Hurff提出的，应得到高度的重视。这意味着在我们应当在拇指自然的弧形范围内，构建最舒适使用的界面。

（编辑：好传媒网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!