在建立了数百个网站并对每个网站进行审查 芬兰电话号码数据 之后，我们很高兴分享我们在设计行动号召方面所学到的知识。
以下是您可以应用于设计网站按钮的七个最佳实践。
注意：本文专门介绍如何设计行动号召 (CTA) 按钮，而不是一般的网站导航、可点击图标或文内链接。
1. 意图：将访客意图与行动号召相结合
首先让我们回答这个大问题：人们为什么点击东西？
简短的回答：人们点击行动号召是因为他们相信他们找到了所需的帮助。
因此，点击率的最大因素是访问者的动机，而不是按钮设计。如果访问者不想要或不需要页面提供的内容，那么他们就无法点击。就这么简单。而且你无法从根本上改变访问者的动机。
但如果他们确实需要你的帮助，那么有办法建立一个可以赢得访问者的页面：
报价是否清晰明确？如果他们需要，他们就会知道他们来对地方了。
你处理了他们的反对意见吗？如果他们需要，但又有事阻碍他们，你就得处理。
您是否吸引了正确的访客？流量来源（或导航标签）是否吸引了适合页面上优惠的用户？
每个网页的每个访问者的生活都有一段真实的故事。请仔细思考一下这个访问者。现在看看这个页面。他们的需求和你的 CTA 之间是否存在不一致？
CTA 不匹配的示例
意图/行动号召不匹配的一个典型例子是服务页面上的电子邮件注册 CTA。访问者来这里是因为他们需要你的帮助。建议他们联系你，而不是订阅电子邮件。
另一个不匹配的例子是博客上的潜在客户生成 CTA。访问者来这里是因为他们正在寻找信息。建议他们注册以获取更多信息。不要指望他们会需要你的服务。
了解访客的动机，帮助他们确定（或取消）自己的资格。如果 CTA 符合他们的意图，点击率 (CTR) 会更高。这比以下所有技巧加起来都重要……
2. 特异性：动词与特异性
每次点击实际上都象征着另一个动作。
点击可以表示“购买”、“发送”、“浏览”或其他上百种意思。考虑到这一点，看看你网站上的任何一个按钮，问问点击真正表示什么。这个动词准确吗？具体吗？
按钮上的文字设定了访客对他们实际操作的期望。与其他按钮设计方面（颜色、形状、大小、位置）相比，文字是访客的关键因素。
因此，这不仅仅是如何设计按钮的问题，而是如何编写按钮的问题。比较以下示例：
通用 CTA 示例（例如单击此处）和特定 CTA（例如开始网站优化）
是的，具体的 CTA 会更长。网页设计师可能会对 8 个字的按钮感到畏缩，尤其是当它在移动设备上开始换行时。但值得测试。
网站访问者（以及世界各地的所有互联网用户）只有在瞬间计算了成本/收益后才会点击。他们得出结论，点击的收益超过了他们浪费时间的成本或风险。
因此，当你为网站制作按钮时，你可以通过使收益看起来更大或成本看起来更小来提高点击率。
让按钮听起来简单
对于潜在客户生成行动号召，请提醒他们尚未做出承诺。他们只是开始对话。表明承诺程度较低的按钮需要较少的信任和动机，这可以提高点击率。
与同事预约通话
与网页设计专业人士聊天
立即与顾问安排快速通话
对于内容（注册或下载）的行动号召，提醒他们无需等待或付出努力。
立即下载
立即访问指南
将每周提示发送至我的收件箱
按钮听起来越简单，他们点击的可能性就越大。按钮意味着更大的承诺，而按钮则引发更大的担忧。
贾斯汀·乔丹，邮戳打开新窗口
“我们测试了‘低承诺效果更好’假设的几种变体——在博客文章、电子邮件中以及直接在我们的定价和注册页面上。我们发现，低承诺几乎总是会增加点击次数，但并不总是对利润更好——因此请明智地选择您的成功指标。虽然特定的按钮处理可能会带来更多点击次数（测试电子邮件中按钮的标准目标），但其他实验的更好成功衡量标准可能是访问次数、注册次数、转化次数或收入。”
让按钮听起来更有价值
让按钮被点击的另一种方法是让点击听起来很有价值。这是增加特异性的另一种方法。对于潜在客户生成 CTA，它可能表明凭证或影响。
与网页设计专家讨论您的项目
有问题吗？联系 UX 专家
提交您的网站进行全面审核
对于内容（注册或下载）CTA，突出内容的价值
获取分步指南
查看 2023 年转化率基准
阅读行为心理学专家小组的分析
按钮听起来越有价值，他们点击的可能性就越大。
号召性用语示例，例如在不增加流量的情况下增加潜在客户
3.明显的按钮：视觉突出
你的行动号召是否引人注目？
每个网页上的每个滚动深度都有视觉层次。这就是设计元素的组织方式，引导视线浏览页面。有些东西在视觉上比其他东西更突出。它们脱颖而出。
网页设计师会创建视觉层次结构，以刻意引导视线关注关键信息、支持性证据和 CTA。有五种基本方法可以让网站上的内容更加明显：
页面排名靠前
元素的大小
对比度/色温
周围有空白
每一页（页眉/页脚）
有时，按钮上会添加一些小动画来吸引你的注意力，但这通常看起来像垃圾。这太过分了。但添加小箭头效果很好，就像这家营销机构的主页一样。
重力集团网站首页图片
箭头吸引访客的注意力。
色温和视觉突出度
我们的眼睛会不断寻找“模式干扰物”。任何与周围环境形成对比的事物都会自动引起我们的注意。这是人类眼睛和大脑生物学的基础。这被称为冯·雷斯托夫效应。
颜色的使用就是一个很好的例子。
按钮设计师可以使用对比色来吸引人们注意所需操作。最强烈的对比是色轮上相对两侧的颜色。这些颜色称为互补色。暖色（红色、橙色和黄色）与冷色（绿色、紫色和蓝色）形成对比。
在冷色调的背景下，一滴暖色调跳出来。
显示暖色、冷色和补色的色轮
一些网页设计甚至选择一种颜色作为“操作颜色”，在所有链接和按钮上使用该颜色，而不用于其他目的。
面部表情也能引导注意力。人类天生倾向于看别人看的地方。因此，人们看向按钮的图像可以使按钮更加显眼。
眼动追踪研究中生成的热图测量了布局、颜色、面孔和箭头的影响。以下是CXL 的一项经典研究中的一个例子。箭头胜出。
热图显示，关注 CTA 的面孔和指向 CTA 的箭头更有效
Angie Schottmuller，转换专家打开新窗口
“行动号召应该是任何营销活动中首先要突出的内容。没有人愿意浪费时间浏览整个页面来寻找合乎逻辑的下一步。确保您的主要行动号召不仅引人注目，而且用户的眼球也会被它吸引。”
4. 代词：第一人称还是第二人称？
网站文案的视角通常是第二人称。页面的作者以品牌的身份向访客讲话。“我们设计网站按钮已有 20 年了。我们可以帮助您设计按钮。”
但有一个可能的例外：按钮文本。
当按钮或链接使用第一人称代词时，它们就成为读者内心对话的一部分。这样做的目的是让读者想象自己正在采取行动。这些按钮从行动者（握着鼠标或触摸屏幕的人）的角度来表达。
研究表明这可以提高点击率。
