白城如何掌握令人信服的行动号召的设计

行动呼吁（CTA）是潜在客户开发中最重要的元素之一，应该在你的每一个营销策略中使用它们：电子邮件、社交媒体更新、新闻稿、贸易展。。。这个清单还有很多。事实上，无论何时，只要你想确保你的团队朝着正确的方向前进，就要提出这样一个问题：“我们用来推动人们行为的行动要求是什么？”

一旦你有了一个在你的网站上发布行动号召的策略，你可能会开始痴迷于他们的设计。在这篇博文中，我们向您介绍一些指导原则，以掌握成功行动呼吁的设计。

如何掌握行动1调用的设计。规模问题：让你的CTA成为一个大的。你的行动呼吁的目标是吸引网站访问者的注意，传达其重要性的一种方式是扩大它。平面设计师卡梅伦·查普曼（Cameron Chapman）写道：“你希望你的按钮足够大，能够在不压倒设计的情况下脱颖而出。”。

大小不应该独立于其他因素来确定——它与页面的上下文和行动要求的其他特征密切相关。例如，如果CTA包含增强信息的图形或图像，它自然会很大。这就是我们为HubSpot的博客所做的：每篇文章末尾的行动号召比标准的CTA按钮更大，因为它是情境化的，为文章增加了价值。只需向下滚动到这篇文章的底部，就可以自己查看了。

2。空间效果：给它空间呼吸你知道他们怎么说的，有时候，少就是多吗？嗯，对于行动呼吁来说，这是正确的。如果你想吸引更多的注意力到你的CTA上，你应该给它一些空白（或者在下面的例子中，橙色的空白）。除非周围的信息是采取行动的关键，否则不要拥挤语言。

简单的逻辑决定了“空白量”的决定。将CTA与网页上的其他内容分离意味着它是一个单独的项目。如果调用action和其他一些网页元素之间有紧密的联系，那么两者之间的空白应该更少。Jacob Gube在《SmashingMagazine》上写道：

“与周围的元素相比，一个行动按钮之间的空白越多，它们之间的联系就越少。”。“因此，如果您有其他元素可以帮助说服用户采取行动，请减少这些元素与CTA之间的空白。”

这里的另一个策略是用温暖的背景色，如红色和橙色来填充你的行动号召，这些颜色看起来比暗示寒冷、蓝色和绿色的颜色大。暖色看起来更靠近观看者。

3。把它放在显眼的位置你的行动号召需要在折叠上方，这样观众就不必向下滚动才能看到它。根据Eyetrack III的一项研究，在线广告的更佳位置是在顶部和左侧。这种策略也是由简单的逻辑决定的。在英语中，我们从左到右，从上到下阅读。

撰稿人迪恩·里克建议，一旦你的读者习惯了一个特定的位置，他们可能会开始忽略行动号召或广告。“因此，如果你总是在那里放广告，即使是主要的左上角区域也不会很好地工作，”他写道。最有效的布局也可能取决于页面其余部分的上下文，因此请确保进行一些测试（请参阅本文末尾的部分）。例如，

，测试理想的顶部和左侧位置，与“行动号召”位于要约描述正下方的位置进行对比。运行A/B测试，查看是否获得更多点击，然后选择一个赢家。

4。对比度是关键对比度是可以应用于行动调用的最强大的图形技术之一。吸引别人注意力的最快方法是让你的CTA从页面的其他部分脱颖而出，并占据主导地位。你可以通过pickin实现这一点g按钮的颜色与背景形成对比。

围绕着红色在行动召唤设计中的使用展开了一场巨大的辩论。一些营销人员认为，红色可以显著提高点击率。其他人解释说，网页的上下文应该决定颜色。无论你决定使用火焰、激情的颜色，还是国际停止信号，都要注意你的整体网站设计。虽然你想保持颜色的对比度，但要确保所有颜色都符合你网站的总体配色方案，并避免使用图案。

另一种与行动号召形成对比的方法是使字体在视觉上有所不同：一些单词可能比其他单词更大或更强调。只需确保CTA易于阅读即可。

5。添加悬停效果当然，当你用鼠标悬停在它们上面时，你会看到对动作的调用发生变化。这种悬停效果会让人觉得CTA可以立即点击。从这个意义上说，访客离采取行动又近了一步。使用悬停动画，你可以让你的按钮改变颜色和亮度。你也可以给他们一个阴影，或者让他们放大或缩小。有很多Adobe Photoshop教程可以教你如何创建这样的悬停动画，并帮助你创建一个更不可抗拒的行动呼吁。

6。拥抱非常规形状大多数行动呼吁都有相同的形状：一个标准的矩形框。Groupon的设计师和用户界面工程师谢·豪（Shay Howe）建议将CTA形状改为圆角或圆角，使其更像“按钮”他写道，方形角落可能会向游客发出信号，称CTA是一个广告或横幅，因此他们可能会避免使用它。

有时，您会遇到具有更多非常规形状的操作调用。例如，它们可能是椭圆形、星形或假设另一个物体的轮廓。这种创造性的方法带来了惊喜，可能会被证明对提高点击率是有效的。所以，尝试一下罕见的、不对称的、与众不同的“行动召唤”形状。

7。创造方向感一些最成功的行动呼吁都有箭头指向它们。它创造了一种方向感，并引导访问者找到页面上的重要元素。这是一种确定信息优先级和创建流程的方法。事实上，HubSpot社交媒体科学家Dan Zarrella发现，如果你有一张照片，上面有一个人在看一个潜在客户捕获表单或在页面上呼吁采取行动，那么访客的目光也会转移到这一点。所以不要添加那些盯着你的观众看的人的图片；让他们盯着你的观众应该看的东西。

8。关注文本而不是图形Eyetrack III研究还表明，在广告中，网站访问者阅读的文本内容多于图形内容。迪恩写道：“寻找信息的人是在寻找文本，而不是图片。”。确保你的措辞清晰、具体、以行动为导向。如果你需要更多关于文案的信息，请下载我们的免费电子书，其中包括CTA文案的具体指南。

虽然你应该专注于行动号召文本，但不要忘记，图形可以帮助传达意义和加强信息。它们在解释一个仅用文字难以解释的概念时特别有用。

9。考虑经常添加第二个CTA

，你有两个或三个竞争的行为，你希望你的网站访问者采取。例如，你可能想让他们咨询并试用你的产品。或者你可能想让他们注册你的电子邮件时事通讯并下载白皮书。决定哪一个行动号召具有更高的优先级，并将其置于更突出的位置和更大的规模。此外，请记住，页面的上下文将影响点击率，因此请确保在行动呼吁和