哪种按钮颜色转换效果最好?
已发表: 2021-07-22颜色是我们体验世界的重要组成部分。 但是颜色对于转换优化真的很重要吗? 按钮颜色能否保证号召性用语 (CTA) 的更好性能?
没有一种颜色比另一种更好。 最终,重要的是按钮颜色与其周围区域的对比程度。
这篇文章解释了网站 CTA 和按钮颜色的真正重要性。 您所阅读的“确定性”研究远非确定性的,并且肤浅的测试方法(即尝试任何随机按钮颜色)不会帮助您构建严格的实验程序。
转化优化课程
调查问题只是转化优化蛋糕中的一小部分。 在此免费课程中进一步深入了解如何优化您的所有转化研究。
颜色的心理关联
不同的颜色可以使我们振奋或使我们失望。 颜色还有心理方面的一面——某些颜色与不同的品质和情绪有关。
在不同的文化中,不同的颜色意味着矛盾的事物。 例如,白色在中国文化中是哀悼和死亡的颜色,而在巴西,死亡的颜色是紫色。 黄色在印度教中象征幸福与和平,但在希腊代表悲伤,在法国代表嫉妒。
来自热带国家的人对暖色反应良好; 来自北方气候的人更喜欢冷色调,等等。
也有人说,在北美文化中,蓝色给人一种信任感,但也能激发食欲。 据说绿色意味着自然、新鲜、成长和金钱。 黄色带来阳光和幸福。
这些解释有一定道理,但我们能否将这些假设的关联转化为转化提升?
颜色使用实验
红色可以让你成为赢家……
几乎普遍地,红色意味着停止。 红色代表危险。 红色意味着热。 通过分析 2004 年奥运会的结果,研究人员发现红色也意味着支配地位。
他们检查了拳击、跆拳道、希腊罗马摔跤和自由式摔跤,基本上所有的一对一运动。 在这些运动中,参赛者被随机分配红色或蓝色的服装,因此不可能进行索具。
在 21 轮中的 16 轮中,穿红色的人获胜。 在 2004 年欧洲足球锦标赛中也发现了类似的趋势。 研究人员谨慎地指出,这种影响充其量只是微妙的。 而红色只能在势均力敌的竞争对手中成为决定性因素——但它仍然存在。
达勒姆大学研究人员拉塞尔希尔和罗伯特巴顿写道:“我们发现穿着红色始终与更高的获胜概率相关。”
……或者失败者
罗切斯特大学的研究人员发现,红色也会让我们无法在测试中表现出最佳状态。 在他们的实验中,他们想知道对红色的感知是否会影响智商测试或主要学术考试的结果。 在学术背景下,红色传统上与标记错误有关。
四项实验表明,对颜色的短暂感知会对结果产生负面影响。 “它导致人们在不知情的情况下做得更糟,”作者之一埃利奥特说。
研究结果表明,“必须注意如何在成就环境中使用红色,”研究人员报告说,“并说明颜色如何作为一种微妙的环境线索,对行为有重要影响。”
热巧克力的颜色和味道
事实证明,盛放食物和饮料的容器的颜色有助于感知味道。 研究人员 Betina Piqueras-Fiszman 解释说,至少对于喝热巧克力来说,这是真的。
Piqueras-Fiszman 和她的研究伙伴让 57 名参与者品尝装在四种不同颜色容器中的热巧克力:白色、奶油色、橙色和红色。 都是一样的大小,里面都是白色的。
参与者对橙色和奶油色杯子中的热巧克力味道的评价更好。 然而,无论颜色如何,甜味和香气都被判断为相似。
Piqueras-Fiszman 承认:“没有固定的规则说明在某种颜色或阴影的杯子中风味和香气会增强。” “实际上,这取决于食物的类型,但事实是,当这种效果发生时,应该更加注意容器的颜色,因为它比人们想象的更有潜力。”
如果颜色可以影响我们的运动表现、学业成就和味觉感知,它是否也会影响我们点击的决定?
CTA 按钮的最佳颜色是什么?
红色可能会增加您在运动中获胜的机会。 您的下一个热巧克力在橙色杯中的味道可能更好。 但这与网络上的转换有什么关系? 红色真的会给你的 CTA 按钮带来优势吗?
绿色与红色:号召性用语按钮战争
多年来,关于哪种颜色最适合您的 CTA 按钮一直存在争议。 Unbounce 宣布 CTA 按钮的未来是“BOB”(大橙色按钮)。
还有许多有趣的 A/B 测试案例研究,其中橙色或大部分为红色的按钮与其他颜色(通常是绿色)进行了测试。
仔细想想,绿色大多与积极情绪有关。 当交通灯变绿时,表示您可以开车。 反之,红色。 颜色大多与负面情绪有关。
那你怎么看? 哪种按钮颜色获胜? 以下是案例研究的内容。
案例研究 1
Dmix 写了关于绿色和红色按钮颜色的测试。 在对 600 名受试者的测试中,他们发现当他们使用红色按钮时,转化率增加了 34%。
案例研究 2
下一个测试由 HubSpot 提供。 他们在客户站点上使用绿色和红色按钮进行了类似的测试。 他们进行了几天的测试,总共进行了 2,000 多次访问。
他们的结果? 红色按钮的性能比绿色按钮高 21%。
案例研究 3
第三次测试由 VWO 提供。 他们的客户是一家销售手机和配件的电子商务网站。 他们在网站上测试了“立即购买”按钮的颜色。 比赛包括一个带有绿色文本的白色按钮、带有白色文本的绿色按钮和带有白色文本的红色(深橙色)按钮。
获胜者是——你猜对了——红色按钮,这次转化率提升了 5%。
案例研究 4
这项研究没有比较红色和绿色按钮,而是着眼于橙色和蓝色按钮。 在他们的测试中,蓝色按钮获胜,产生了 9% 的提升。
尽管蓝色按钮“令人不安”,但红色或微红色按钮仍占主导地位,其他研究也支持这一趋势。
然而,Peep 并没有在这篇文章中写下关于网页设计中的颜色的以下内容:
我喜欢 Naomi Niles 的这条推文:
我完全同意。 这种叙述让人们对测试的内容产生了错误的认识。 是的 - 有时颜色会影响结果 - 特别是当它影响视觉层次时,使号召性用语更加突出等等。 但“绿色 vs 橙色”并不是 A/B 测试的本质。 这是关于了解目标受众。 进行研究和分析可能很乏味,而且绝对是一项艰苦的工作,但这是您需要做的事情。
为了大幅提升您的转化率,您需要进行转化研究。 你需要做繁重的工作。
转化率的显着提高并非来自心理诡计,而是来自分析客户真正需要的东西、与他们产生共鸣的语言以及他们想要购买的方式。 这是关于总报价的相关性和感知价值。
为什么你应该对按钮颜色案例研究持怀疑态度
让我们看一下最后一个例子,这将有助于使这更有意义。 RIPT Apparel 测试了他们“立即购买”按钮的颜色,看看它是否会对他们的底线产生任何影响。
这是原始版本:
这是新按钮:
毫不奇怪,转换数字上升了。 看看之前的案例,可以说如果他们将按钮更改为红色,它可能会转换得更好。 嗯,不完全是。
再看一遍原文。 您是否看到了应该存在但不存在的东西? 原来少了一个按钮! “立即购买”CTA 在设计中消失了。 无论是绿色、红色、黄色还是几种颜色中的任何一种,您都可以清楚地看到新按钮。
不幸的是,这就是按钮颜色的巨大争议是如何开始的。 您会看到惊人的结果,表明一种颜色总是能转化为最佳颜色。 也就是说,直到你仔细观察。
通常情况下,这些测试表明,以前没有按钮,或者按钮更加突出。 它从页面的其余部分中脱颖而出并且转换得更好,因为它是一种高对比度的颜色,而不是任何单一颜色。
运行蓝色与橙色按钮测试的 Monetate 有这样的说法:
但是,如果您深入研究结果,您会发现橙色按钮几乎总是针对完全没有按钮的控件进行测试。 在这种情况下,橙色按钮有所作为也就不足为奇了。 他们当然会……与根本没有按钮相比! 实际上,无论颜色如何,任何按钮都会有所作为。
对于 RIPT Apparel,他们测试了一个最终版本,带有黄色按钮:
转化率进一步上升了 6.3%。 所以黄色胜过绿色? 不不不。
CTA 按钮颜色本身几乎没有区别
按钮的颜色本身几乎没有影响。 更重要的是它如何改变页面的视觉层次结构以及如何使号召性用语脱颖而出。
这也取决于我们习惯看到什么。 Bing 通过为他们的链接找到确切的蓝色颜色,增加了 8000 万美元的收入。 人们习惯于看到蓝色链接。 当万维网刚出现时,蓝色是链接的颜色。 (从事此工作的微软工程师也承认“......这是一种与谷歌使用的非常相似的蓝色阴影。”)
没有最适合转换的颜色。 在黄色按钮的情况下,他们还增加了紧迫性(“24 小时内只需 10 美元”),这已经一次又一次地被证明可以提高转化率。 在 Bing 和 blue 的情况下,这是约定俗成的力量。
返回 HubSpot
HubSpot 的例子也是如此。 再看一遍:
您是否注意到任何可能导致红色按钮成为更好选择的地方? 页面的整体设计中的某些内容?
绿色是网站的主色调之一! 当你在混音中添加一个绿色按钮时会发生什么? 它不会脱颖而出。 他们本可以针对几乎任何其他明亮颜色测试绿色,并且会看到相同的“惊人”结果。
值得称赞的是,HubSpot 在案例研究中表示,他们“无法将这些结果推广到所有情况”。 但是,页面上的绿色按钮是否具有占主导地位的绿色设计? 真的吗?
结论
颜色对您的号召性用语很重要。 但是说一种颜色比另一种颜色转换得更好是不成立的。 没有通用的最佳颜色。 在一个网站上有效的东西不一定在另一个网站上也有效。
视觉层次很重要。 让您的 CTA 按钮以高对比度的颜色脱颖而出也是如此。 “绿色与红色”的争论不是关于颜色本身,而是关于颜色是否有助于按钮脱颖而出。
特色图片来源