bts防弹少年团演唱会

bts防弹少年团演唱会

掌握行动号召:词语,颜色,大小和位置

《掌握行动号召:词语,颜色,大小和位置》

根据Wingify%E7%9A%84%E8%AF%B4%E6%B3%95” b>近30%是呼叫操作按钮测试。

但是,只有七分之一的行动测试产生了统计上显着的改善。 但是,如果确实如此,平均增幅为49%。

即使大多数人不知道测试什么,潜力仍然存在。 当他们偶然发现文本,大小,颜色,字体和位置的获胜组合时,他们会看到显着的转换增加。

很明显, %E5%8F%B7%E5%8F%AC%E6%80%A7%E7%94%A8%E8%AF%AD%E6%8C%89%E9%92%AE%E5%BE%88%E9%87%8D%E8%A6%81%EF%BC%8C%E6%89%80%E4%BB%A5%E8%AE%A9%E6%88%91%E4%BB%AC%E5%AD%A6%E4%B9%A0%E5%A6%82%E4%BD%95%E4%BB%A5%E6%AD%A3%E7%A1%AE%E7%9A%84%E6%96%B9%E5%BC%8F%E8%AE%BE%E8%AE%A1%E5%92%8C%E6%B5%8B%E8%AF%95%E5%AE%83%E4%BB%AC%E3%80%82″>

呼叫行动存在于页面的上下文中

说到网页,没有任何元素存在于真空中。 每个元素都被不同大小,重要性和信息的其他元素所包围。 所有人都在该元素的成功或失败中发挥作用。

呼吁采取行动并没有什么不同。 页面的其余部分起着巨大的作用。 这是Peep不得不说的:

《掌握行动号召:词语,颜色,大小和位置》

“转换的严重收益不是来自心理上的诡计,而是来自分析客户真正需要的东西,与他们产生共鸣的语言,以及他们想要如何购买。 这是关于总报价的相关性和感知价值。“

要创建强有力的号召性用语,请了解您的客户及其需求。 以与他们产生共鸣的语言提供相关且有价值的产品 看似简单,不是吗?

好吧,不。 了解您的客户是第一部分 – 也是关键部分 – 但它也只是一个开始。

首先,让我们看一下如何处理您拥有的信息以及它如何影响CTA按钮的设计和复制。

设计号召性用语按钮

看看Spotify的主页。 我应该在哪里点击?

《掌握行动号召:词语,颜色,大小和位置》

或错配可穿戴设备。 我想在哪里点击现在?

《掌握行动号召:词语,颜色,大小和位置》

在这两种情况下,我都应该清楚点击哪里。 行动号召的高对比色吸引了人们的注意力。 它从页面的其余部分中脱颖而出,作为回答问题的视觉提示,“我应该在哪里点击?”

不可能说%E5%93%AA%E7%A7%8D%E9%A2%9C%E8%89%B2%E5%8F%AF%E4%BB%A5%E8%BD%AC%E5%8C%96%E4%B8%BA%E6%9C%80%E4%BD%B3%E9%A2%9C%E8%89%B2“> 同样,对于号召性用语(或者它应该位于页面上的位置,稍后会详述的内容), 没有“保证最佳”的字体类型或大小

虽然流线型设计和高对比度按钮可能会吸引您的注意力,但是您是否单击该CTA取决于号召性用语如何与其他元素一起使用,尤其是复制。

号召性用语复制:重要的文字

号召性用语(以及周围的副本)的副本通常是决定您是否点击的决定因素。 它的作用是帮助访问者决定他们为什么要点击按钮。 它还应该让用户知道接下来会发生什么。

通常,诸如“下载”或“提交”之类的通用词不太可能产生有意义的提升。 为什么? 因为它们不提供价值或相关性。

这就是Neil” patel>对此所说的话:

“那么,你应该使用什么按钮? 点击这里,立即购买,现在订购一些你看到的号召性用语。 我发现通用短语,就像上面的单词一样,并没有真正影响转换率。 如果他们这样做,那么您的网页上还有其他元素需要进行测试。“

而且它不仅仅是CTA按钮上的副本。 号召性用语的内容受益于周围的文字,有助于讲述更大的故事。 (注意:您可以在另一篇文章中查看超过20个%E5%8F%B7%E5%8F%AC%E6%80%A7%E7%94%A8%E8%AF%AD%E7%A4%BA%E4%BE%8B“>

例如,博客平台Medium讲的是作家的语言,他们非常清楚地表达了他们的目标受众。 他们取笑潜在的观众(当然是每个作家的愿望)并添加明确的行动文本 – “开始写作”:

《掌握行动号召:词语,颜色,大小和位置》

Basecamp%E6%98%AF%E4%B8%80%E4%B8%AA%E9%9D%9E%E5%B8%B8%E5%8F%97%E6%AC%A2%E8%BF%8E%E7%9A%84%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7%EF%BC%8C%E4%BD%86%E5%B8%82%E5%9C%BA%E4%B8%8A%E6%9C%89%E5%BE%88%E5%A4%9A%E7%B1%BB%E4%BC%BC%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%E3%80%82″>

那么它们如何脱颖而出? 他们统计了已经使用它的大量公司,以及完成的项目数量。

最重要的是,他们补充说可以免费试用。 即使我之前对他们的产品有疑问,看到数字和免费试用它们的能力使它们消失了。

行动呼吁文本强调免费试用部分:

《掌握行动号召:词语,颜色,大小和位置》

VelocityPage%E6%98%AFWordPress%E7%9A%84%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%88%9B%E5%BB%BA%E5%B7%A5%E5%85%B7%E3%80%82″>希望在提交之前看到它的实际效果,并且“现在试试这个演示”的CTA文本使下一步变得相关且清晰:

《掌握行动号召:词语,颜色,大小和位置》

简而言之,除了按钮颜色或副本之外,还有更多的动作。 周围的文字有很大的不同。 %E6%82%A8%E5%9C%A8%E7%BD%91%E7%AB%99%E4%B8%8A

以下是前CXL编辑Tommy Walker关于号召性用语副本的说法:

“我[不]想要误导你认为将销售页面底部的”立即购买“按钮更改为”在此注册“会导致最后一次行动呼吁的所有内容发生变化并没有在读者心中形成某种期待。

[…]最好的号召性用语仅仅因为按钮上的单词选择而无效。 不,不,最好的行动呼吁是承诺你的故事只有在你注册后才会变得更好。“

然而,在开始测试任何单词组合之前,通过开发研究驱动的假设,您将增加成功的机会。

如何为行动呼吁制定假设

所有CTA按钮都有两个主要元素:设计和复制。 我们已经涵盖了他们扮演的角色; 共享如何使用它们的例子; 以及了解潜在客户的重要性。

现在是时候确定你自己的行动假设了。

Michael Aagaard多年来一直在进行按钮测试。 在看完测试后的测试后,他%E6%8F%90%E5%87%BA%E4%BA%86%E4%B8%A4%E4%B8%AA%E9%97%AE%E9%A2%98%E6%9D%A5%E5%B8%AE%E5%8A%A9%E4%BD%A0%E4%B8%BA%E4%BD%A0%E7%9A%84%E5%8F%B7%E5%8F%AC%E6%80%A7%E7%94%A8%E8%AF%AD%E6%8C%89%E9%92%AE%E5%86%99%E4%B8%8B%E6%96%87%E5%AD%97%EF%BC%9A”>

  1. 我的潜在客户点击此按钮的动机是什么?
  2. 当他们点击这个按钮时,我的前景是什么?

这两个问题的答案是CTA按钮副本和周围文本的基础。

用反馈循环取出Guesswork

您无需成为魔术师即可为您的网站回答这些问题。 相反, %E4%BD%BF%E7%94%A8%E5%8F%8D%E9%A6%88%E5%BE%AA%E7%8E%AF%E6%9D%A5%E8%8E%B7%E5%8F%96%E6%89%80%E9%9C%80%E7%9A%84%E6%95%B0%E6%8D%AE%E3%80%82″>

不要忘记先%E5%AF%B9%E5%AE%A2%E6%88%B7%E8%BF%9B%E8%A1%8C

并且记住:猜测客户的想法是没有意义的,所以请%E4%BD%A0%E5%8E%BB%E9%97%AE%E9%97%AE“>

案例研究:研究对行动呼吁设计的影响

斯堪的纳维亚的健身设施连锁店希望增加会员资格。 他们设立了PPC活动,鼓励潜在客户注册。 该过程需要单击带有号召性用语的按钮。

在控制中,号召性用语文本为“获取您的会员资格”,而变体则为“找到您的健身房并获得会员资格。”测试的基础是消费者研究:他们了解到,健身房的位置是决策中的关键因素。

结果不言自明:通过写一个解决用户对位置的直接关注的行动呼吁,健身房获得了68%的转换。

行动呼吁副本也很清晰简洁 – 点击按钮后,用户知道他们可以浏览潜在的位置,如果他们找到合适的位置,就会注册。

阅读完整的%E6%A1%88%E4%BE%8B%E7%A0%94%E7%A9%B6“>

为什么复制其他人不起作用

Highrise为小型企业提供基于Web的CRM软件。 %E4%BB%96%E4%BB%AC%E8%BF%9B%E8%A1%8C%E4%BA%86%E5%A4%9A%E6%AC%A1%E6%B5%8B%E8%AF%95%EF%BC%8C%E4%BB%A5%E6%89%BE%E5%88%B0%E5%8F%AF%E4%BB%A5%E4%BA%A7%E7%94%9F%E6%98%BE%E7%9D%80%E6%8F%90%E5%8D%87%E7%9A%84%E5%8F%B7%E5%8F%AC%E6%80%A7%E7%94%A8%E8%AF%AD%E3%80%82″>

当另一家SaaS公司Crazy” egg>看到Highrise的成功时,他们决定全面复制号召行动文本。 结果? 转化率下降超过10%。

仅仅因为两家公司有一些相似之处并不意味着对一个受众有用的东西会对另一个受众有用。 此外,正如我们所看到的,还有更多因素在起作用,然后就是CTA按钮副本。

Crazy Egg回去测试了他们的行动号“新我的热图”。他承诺了价值并且非常相关。 (Crazy Egg的主要产品会生成%E7%83%AD%E5%9B%BE“>

《掌握行动号召:词语,颜色,大小和位置》

如何确定行动呼吁的正确位置

你应该在哪里开始行动? 没有单一的“最佳”位置,就像每个号召性用语没有单一的最佳颜色,字体或语言一样

但是,了解人们如何使用内容和查看网站可以帮助您确定最有效的位置。 当然,您只能通过运行测试来获得答案。

古腾堡,F,Z和其他图表

在网页设计领域,有几种布局模式可以利用用户的阅读/扫描习惯。 更常见的包括古腾堡图,F图案布局和Z图案布局。

每个网站都提供略有不同的信息,说明在网页上放置最重要信息的位置(如行动号召)。 这些框架并不完美,而且经常被误解。 这是你需要知道的。

阅读模式取决于页面

三个框架中的每一个都强调用户如何阅读/扫描页面,而不仅仅是任何类型的页面。 这些模式是为大型文本块占主导地位的设计而构建的,几乎没有层次结构。

下面是Z模式阅读如何在这样的页面上工作的示例:

当您开始添加不同重量,颜色和视觉设计的元素时,您就会打破这种自然倾向。 用户的眼睛可能会遵循其他元素。

F模式阅读之父%E9%9B%85%E5%90%84%E5%B8%83%E5%B0%BC%E5%B0%94%E6%A3%AE%E5%9C%A8%E9%A6%96%E6%AC%A1%E6%8F%90%E5%87%BA%E4%BB%96%E7%9A%84%E5%8F%91%E7%8E%B0%E6%97%B6%E4%BD%9C%E5%87%BA%E4%BA%86%E8%BF%99%E6%A0%B7%E7%9A%84%E8%AE%A9%E6%AD%A5%EF%BC%9A”>

“Eyetracking可视化显示用户经常以F形图案阅读网页:两个水平条纹,后面是垂直条纹。”

请注意,Nielsen声明用户以F形图案阅读网页。 最初的解释已经扩展到成为用户如何查看任何网页的假设,即使是没有太多文本的网页。

这些是他发布的原始眼动追踪截图以及他的研究文本重页:

其他模式具有相同的潜在限制。 是的,他们可以提供帮助,但在着陆页和行动呼吁的背景下,它们可能不相关,或者至少与许多人没有相关性。

为行动呼吁选择正确位置的关键在于流程。

为用户设置设计流程

没有一种方法可以查看网站。

我们已经写过关于%E9%A1%B5%E9%9D%A2%E6%B5%81%E7%9A%84%E6%96%87%E7%AB%A0“>

让我们来看看人们如何通过热图获得一些帮助来看到不同的网站:

1.当你的行动呼吁不突出时会发生什么? 没有人点击它。

《掌握行动号召:词语,颜色,大小和位置》
%EF%BC%88%E5%9B%BE%E7%89%87%E6%9D%A5%E6%BA%90%EF%BC%89“>

2.当有明确的号召性用语和高对比度按钮时会发生什么? 单击该按钮。

3.箭头或人类凝视的影响是什么? 它们会产生更多的关注(通常)。

只要您%E4%B8%8D%E4%BD%BF%E7%94%A8%E4%BF%97%E6%B0%94%E7%9A%84%E7%85%A7%E7%89%87“>

在第一个中,正如热图所示,产品上几乎没有“热量”。 通过改变女性的注视力来专注于产品,用户的注意力也转移到那里。

ConversionVodoo%E5%86%B3%E5%AE%9A%E7%94%A8%E4%B8%80%E5%BC%A0%E6%AD%A3%E5%9C%A8%E5%BE%AE%E7%AC%91%EF%BC%8C%E5%AF%BB%E6%89%BE%E5%B9%B6%E6%8C%87%E5%90%91%E8%A1%8C%E5%8A%A8%E5%8F%B7%E5%8F%AC%E7%9A%84%E5%A5%B3%E6%80%A7%E7%9A%84%E7%85%A7%E7%89%87%E6%9D%A5%E6%B5%8B%E8%AF%95%E8%BF%99%E7%A7%8D%E6%95%88%E6%9E%9C%E6%97%B6%EF%BC%8C%E4%BA%8B%E6%83%85%E5%8F%98%E5%BE%97%E6%9B%B4%E5%8A%A0%E6%9C%89%E8%B6%A3%E3%80%82″>

这些是另外九个:

哪一个赢了? 比已经“好”的控制还好吗?

有些转换得比其他人好。 红色的两个图像相对于对照的转换率降低,而其他所有图像都做得更好。 绿色的电梯显示出最好的升力。

在这种情况下,主体明显兴奋并且指向CTA的图片做得最好,并且在大多数情况下,前瞻性主题做得最差。

但是表现最好的人正在看着我,这里发生了什么? 她的肢体语言能否更有效地匹配页面其余部分的热情? 单独拆分测试永远不会告诉你。

作为人类,我们首先寻找面孔。 但是,我们这样做的次数比我们想象的要少。 这正是EyeQuant%E5%8F%91%E7%8E%B0%E7%9A%84“>

是的,面孔很好。 但正如热图所示,标题和行动呼吁并不总是因为它们而变得更加“热”。

请记住:行动呼吁是更大图片的一部分,而不是整个画面

看看Tim Ferriss的博客:

《掌握行动号召:词语,颜色,大小和位置》

CTA盒非常突出,真的不容错过。 是的,我们可以认为蒂姆似乎看待行动号召的方式也让我看到它。

可能是真的,但如果我:

  • 不喜欢跳舞吗?
  • 还是讨厌读书?
  • 或者,上帝保佑,与Chase Jarvis一起吃牛肉?

那么转换会发生什么? 它们会因为页面中还有其他因素而减少。

结论

对于您的号召性用语,您可以测试展示位置,副本,颜色,大小以及您可以提出的任何其他内容(前提是您%E6%9C%89%E8%BF%90%E8%A1%8C%E6%B5%8B%E8%AF%95

但是,不要只关注别人做的事情。 或者讲为什么用户做基于数据的东西,告诉你他们只干了什么假设。

根据用户研究以及文案和网页设计原则,使用本文中的指南为您的行动呼吁提出强有力的假设。

去看看你的行动呼吁是什么样的,现在让它变得更好。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注