按钮颜色是转换和优化领域中存在时间最长的争论之一。每个人似乎都有自己最喜欢的颜色。在过去两年的不同时期,我听说过绿色、粉色、红色、橙色,甚至是淡蓝色是最好的颜色。显然,这是不可能的。

幸运的是,按钮颜色非常容易测试。回到那天,我们在的主页上运行了一个按钮颜色测试可完成的网站,结果令我们惊讶。按钮颜色对颜色有很大影响整体转换这是本页的最后一页。

我们选择测试的颜色是绿色和红色。首先,我用我最初设计的绿色按钮创建了一个普通的主页。然后,我复制了该页面(创建了一个完全相同的副本),并将按钮颜色更改为红色。我没有改变页面上的其他内容。每个页面的内容、信息和图形都是完全相同的。唯一的区别是决定按钮颜色的十六进制值。如果有一些转换差异受到按钮颜色的影响,我们的想法是,我们将在这个测试的结果中看到它。

你可以看到我们测试的两个页面如下:

红绿按钮

我们选择的每种颜色——绿色和红色——都有有趣的内涵。

绿色

绿色意味着“自然”和“环境”等概念,鉴于其在交通信号灯中的广泛应用,它暗示了“前进”或向前运动的概念。绿色也在Performable的配色方案中(以及黑色和灰色),因此绿色按钮更适合页面设计。绿色目前也被大量使用,是许多Web2.0网站的首选色调。(虽然我不确定这是怎么发生的。)

红色的

另一方面,红色通常被认为传达兴奋、激情、鲜血和警告。它也被用作交通灯前停车的颜色。红色也被认为是引人注目的。一般来说,红色不像绿色那样经常被用作按钮颜色。

假设

那么,哪种颜色会让更多的人点击呢?它会是绿色,意思是“走”还是红色,意思是“停”?这些内涵真的会影响人们是否会点击吗?

我的直觉是,即使一种颜色的表现比另一种好,差别也很小。我可以想象,一种颜色可能比另一种颜色更吸引人,或者更能吸引用户的注意力,但是页面的整体信息会淹没整个转换数字。我假设这个测试的结果会显示我们以前在测试中看到的结果——转换良好和转换不良的页面之间的主要区别是页面所传递的消息。

按钮测试结果

我们在几天的交通中进行了测试。我们总共有超过2000次的页面访问,对于每次访问,Performable记录是否有人点击了按钮。(使用可执行的的工具,所有分析和转换数据都会自动收集,所以我们可以看到结果。)

结果呢?红色按钮的表现比绿色按钮高出21%

点击红色按钮的人比点击绿色按钮的人多21%。页面上的其他内容都是一样的,所以只是按钮的颜色造成了差异。这个差异比我预期的要大得多。

考虑一下:这个页面的转换增加了21%,那么所有下游指标就可能增加了21%。通过让更多的21%的人点击这个过程的顶部,我们也增加了21%的人在底部。这就是为什么优化页面是如此有价值。我们不需要增加页面的流量就可以看到改进的结果.相反,我们改进了效率这是本页的最后一页。通过改善现有交通的转换,我们因此增加了可观的价值。

此外,值得注意的是,这是在用户测试中很难找到的结果。因为要找到一个具有统计意义的结果(通常需要数千次试验)需要大量的试验,所以与这么多人面对面进行试验需要花费大量的时间和金钱。一般来说A/B测试对于快速且轻松地运行测试非常有用这样的页面上的单个变量。这就是为什么在测试时使用平衡的方法是一个好主意,使用适当的测试类型来获得您想要的结果。

营销外卖

与往常一样,我们不能将这些结果推广到所有情况。我们能说的最多的是,它们保持了它们发生的条件:在这个页面设计中,在这个网站上,在观看它的观众中。这可能是因为Performable的用户碰巧喜欢红色(或不喜欢绿色),或者红色碰巧与Performable的配色方案中的绿色形成了很好的对比。有很多可能的原因可以解释为什么这个测试会产生这样的结果。

因此,不要在没有测试的情况下,就盲目地把绿色按钮换成红色按钮。你应该试一下颜色你的翻页你的观众来看看发生了什么。你可能会在你的数据中发现一些我们没有的有趣的东西。

什么有点像/B测试你在自己的网站上跑步吗?结果如何?

转换为中心的着陆页面设计

最初发布于2011年8月2日下午1:04:00,更新于2017年2月1日

主题:

呼吁采取行动