怎样设计能获得更好的CTA按钮呢

• 
• 
• 

当我们访问大多数网站时，我们经常会有一个目标。为了达到这个目的，通常需要采取一系列步骤，第一步开始是点击CTA（号召性用语）按钮。想想上次注册一个服务或下载一个应用程序时，这个过程可能包括一个与号召性用语的交互。

CTA按钮是您在网站中使用的按钮，用于指导用户进行目标转换。CTA的全部内容是将您的网站访问者引导到所需的操作过程。CTA的一些常见例子包括：

“开始审判”

“下载应用程序/书/指南”

“注册更新”

“咨询”

今天，我们将讨论设计CTA按钮的5个最佳实践以及最佳的现实世界示例，以帮助您从着陆页获得最多的点击。

 

目视敲击按钮

你的按钮颜色很重要。事实上，如果你只想从这篇文章中获得一个建议，应该是这样的：“考虑你的CTA按钮颜色”。使用颜色，您可以通过给予他们更多的视觉突出来使某些按钮比别人更突出。

使用对比色

对比颜色最适合CTA按钮，使用对比色可以创建出色的醒目按钮。您应该从网页的配色方案中选择一种对比色，同时仍然符合整体设计。请考虑下面的Firefox示例。Firefox页面上的CTA按钮的绿色正在跳出页面，并立即获得用户关注。

Firefox CTA按钮是明亮的绿色，在深蓝色的背景下脱颖而出

Hipmunk主页上还可以找到另外引人注目的CTA按钮。明亮的橙色按钮捕捉用户的注意力并定义下一个可能的动作。

负空间

不仅颜色对于CTA是重要的，还包括它周围的空间。空白（或负空间）创建必要的呼吸空间，并将您的CTA按钮与用户界面中的其他元素分开。旧的Dropbox主页是使用负面空间来制作主要CTA弹出的一个很好的例子。蓝色的“免费注册”CTA脱颖而出，背离了浅蓝色。

 

面向行动的文本

为您的号召性用语撰写文字，强制您的访问者采取正确的行动不是一件容易的事情。幸运的是，有几件事可以帮助你做到这一点：

从动词开始

您应该避免对CTA按钮的“输入更多信息”等模糊而无聊的词语，并将其替换为更多的面向行动的单词，例如“开始免费试用”或“现在获得折扣”。Evernote具有最常见的功能之一，但仍然为其CTA按钮工作面向行动的文本。

从“开始”，“获取”或“加入”开始，，

Treehouse主页上可以找到一个更有趣的例子。Treehouse网站的CTA不仅仅是说“开始免费试用”; 它说“声称您的免费试用”。措辞的区别可能看起来很微妙，但“声称您的免费试用”听起来更加个人化。

使用简单和容易理解按钮的文本

如果他们点击CTA，请确保访问者将获得什么。理想情况下，您希望将按钮文字保持在两到五个字之间。

增加价值主张

很可能你已经注意到，许多按钮在其副本中都有“免费”这样的字眼，这并不是巧合，在按钮复制中使用这样的词语强调了您的报价的价值主张。因此，在编写CTA时，尝试找到一种整合一个（或全部）3个说服性词语的方法：

自由

奖金

即刻

让我举个例子：用户之前一直担心要注册一些东西，那就是如果他们不喜欢这个服务，那么取消订阅会很痛苦。Netflix解除了在“免费加入一个月”CTA旁边的承诺“随时取消”的担忧。

创造紧迫感

在CTA按钮中构建紧迫感可以产生令人印象深刻的点击率。例如，您可以使用按钮文字，例如“注册，仅限今天享受25％折扣！”限制某人做出决定的时间让人们想要提出要约。

有用的文本

有时您可能需要考虑在按钮文本中添加额外的信息。这种做法是免费试用按钮的常见问题。例如，免费试用按钮可能会在CTA按钮下方的“开始免费试用”文本中的较小文本中显示“30天试用，无信用卡”。这个额外的文字应该可以减轻决策过程。

 

使其可见，无需滚动