如何掌握引人注目的行动呼吁的设计

设计商品交易顾问基金

号角(cta)是最重要的要素之一铅一代，它们应该被运用到你的每一个营销策略中:电子邮件、社交媒体更新、新闻稿、贸易展览……这样的例子不胜枚举。事实上，每当你想确保你的团队朝着正确的方向前进时，你可以提出这样一个问题:“我们用什么行动号召来驱动人们的行为?”

一旦你在头脑中有了一个策略，你将在你的网站上突出行动号召，你可能会开始沉迷于他们的设计。在这篇博客文章中，我们将向你展示一些指导方针，帮助你掌握成功的行动呼吁的设计。

如何掌握行动呼吁的设计

1.尺寸很重要:让你的CTA变大

你的行动呼吁的目标是吸引网站访问者的注意，传达其重要性的一个方法是扩大它。“你希望你的按钮足够大，在不压倒整个设计的情况下脱颖而出，”写的平面设计师卡梅隆查普曼。

大小的决定不应独立于其他因素——它与页面的上下文和你的行动呼吁的其他特征紧密相关。例如，如果CTA包含一个图形或图像来加强信息，那么它自然会很大。HubSpot的博客就是这样做的:每篇文章结尾的号召行动按钮比标准的CTA按钮要大，因为它是上下文化的，为文章增加了价值。滚动到这篇文章的底部，自己看看。

2.空间效应:给它呼吸的空间

你知道他们怎么说的吗，有时候，少即是多?对行动呼吁来说，这绝对是正确的。如果你想让你的CTA吸引更多的注意力，你应该给它一些空白(或者在下面的例子中，橙色的空白)。不要用太多的语言，除非周围的信息是采取行动的关键。

简单的逻辑决定了“空白的数量”。将CTA与网页上的其他内容分开意味着它是一个单独的项目。如果号召行动和其他网页元素之间有紧密的联系，那么也许应该减少两者之间的空白。

“行动召唤按钮与周围元素之间的空白越多，它们之间的联系就越少，”雅各布·古贝在《粉碎杂志》上写道．“因此，如果你有其他元素可以帮助用户采取行动，减少这些元素和CTA之间的空白。”

这里的另一个策略是用温暖的背景色来填充你的行动号召，比如红色和橙色，它们比表示寒冷、蓝色和绿色的颜色显得更大。暖色看起来离观众更近。

3.把它放在显眼的位置

你的行动号召应该是在褶皱所以观众不需要向下滚动才能看到它。根据Eyetrack III研究，最佳的在线广告位置是在顶部和左边的位置。这种策略也是由简单的逻辑决定的。在英语中，我们从左到右，从上到下阅读。

广告撰稿人Dean Rieck建议说，一旦你的读者习惯了一个特定的位置，他们可能会开始忽视号召行动或广告。“所以，如果你总是在最主要的左上方放广告，即使是那里也不会有很好的效果，”他写道．最有效的放置还取决于页面其余部分的上下文，所以一定要做一些测试(见本文最后一节)。

例如，测试理想的顶部和左侧位置，以及行动呼吁位于要约描述下方的位置。运行A/B测试看看你是否能获得更多点击，然后选出赢家。

4.对比是关键

对比是最强大的图形技术之一，您可以应用于呼吁行动。抓住某人注意力的最快方法是让你的CTA从页面的其他部分中脱颖而出，并使其占据主导地位。您可以通过为按钮选择与背景对比的颜色来实现这一点。

已经有一个巨大的争论围绕红色的使用来进行号召行动的设计。一些营销人员认为红色可以显著提高点击率。另一些人解释说，颜色应该由网页的上下文决定。无论你决定使用火的颜色、激情的颜色，还是国际停止信号的颜色，请注意你的整体网站设计。当你想要保持颜色的对比时，确保所有的颜色都适合你的网站颜色方案，避免使用模式。

另一种与你的呼吁行动实现对比的方法是让字体在视觉上不同:有些字可能比其他字更大或更强调。只要确保CTA是容易阅读的。

5.添加特效

当然，当您将鼠标悬停在它们上面时，您已经看到了动作调用的变化。这种悬停效果创造了一种CTA可以立即点击的感觉。从这个意义上说，游客离采取行动又近了一步。

使用悬停动画，你可以让你的按钮改变颜色和亮度。你也可以给它们一个阴影或放大或缩小。有很多Adobe Photoshop教程在那里，可以教你如何创建这样一个悬停动画，并帮助你创建一个更不可抗拒的行动呼吁。

6.拥抱非常规形状

大多数行动召唤都具有相同的形状:标准矩形盒子的形状。Shay Howe, Groupon的设计师和用户界面工程师，建议你可以让你的CTA形状圆润或圆角，使它更“像按钮”。他写道，方形角可能会向访问者表明CTA是一个广告或横幅，因此他们可能会避开它。

有时候，你会遇到一些非传统形式的行动号召。例如，它们可能是椭圆形、星形或假设另一个物体的轮廓。这种创造性的方法创造了一种惊喜元素，并可能被证明是提高点击率的有效方法。所以，尝试一些罕见的、不对称的、不寻常的号召行动的形状。

7.3 .创造方向感

一些最成功的行动号召都有箭头指向他们。它创造了一种方向感，并将访问者引向页面上的重要元素。这是一种对信息进行优先排序并创建流程的方法。

事实上，HubSpot社交媒体科学家Dan Zarrella发现，如果你有一张照片，上面是一个人在看一个线索捕获表单或页面上的行动呼吁，访问者的目光也会转移到那里。所以不要添加那些盯着你的观众看的人的图片;让他们盯着你的听众应该看的东西看。

8.专注于文字，而不是图形

Eyetrack III研究在广告中，网站访问者阅读的文字内容比图片内容更多。“人们寻找信息是寻找文本，而不是图片，”院长写道．确保你的措辞清晰，具体，并以行动为导向。如果你需要更多关于广告文案的信息，下载我们的免费电子书，其中包括CTA文案的具体指导方针．

当你应该专注于你的呼吁行动的文本时，不要忘记图形可以帮助传达意义并加强你的信息。它们在解释一个单凭语言难以解释的概念时特别有用。

9.考虑添加一个次级CTA

通常情况下，你希望网站访问者采取两三个相互竞争的行动。例如，您可能想让他们请求咨询和试试你的产品。或者你可能想让他们注册你的电子邮件通讯bob官网官方网站和下载白皮书。决定哪一个行动号召具有更高的优先级，并给予它更突出的位置和更大的尺寸。另外，要记住，页面的环境会影响点击率，所以要确保你的行动号召和周围的内容之间有一个清晰的对齐。

确保你用不同的颜色来说明哪种选择更可取。例如,在HubSpot的主页，你会看到在中间我们有三个行动呼吁，从左到右，重要性降低。关键的行动号召“请求演示”是橙色的，后面是灰色的“免费试用”CTA，然后是“完整功能集”CTA，它只是超链接文本。

CTA A / B测试

这篇文章中的许多建议都代表了CTA的最佳实践，但重要的是要理解，有时最佳实践可能不是最佳实践你的特定的业务。一个企业可能会发现，网页左上角的红色按钮最适合他们，而另一个企业可能会发现，红色按钮很少被点击，而网页右上角是他们的cta的最佳位置。

因此，那些努力不断提高CTA点击率和转化率的营销人员是不断的进行A / B测试以确定cta的最佳设计。我们在这篇文章中提到的每一个设计元素都可以(也应该)经过测试。如果你是HubSpot的客户文字-动作模块我们可以很容易地通过A/B测试不同的“行动召唤”按钮，以确定哪个按钮能够产生最多的点击量和转化率。