您应该使用什么颜色来增加销售额?
已发表: 2021-05-13A/B 测试再次向我们表明,我们的品味和颜色偏好并不总是与访客的一致。 或者更确切地说,您在网站上展示的颜色虽然可能很有吸引力,但不一定会为您带来最多的销售额。 事实上,你会发现很多关于色彩心理学的文章,这些文章研究了每种颜色如何引发不同的情绪反应,以及这些如何以不同的方式说服你的观众。

本月,当我们最近更改了 Nelio Content 产品计划和定价页面设计时,我们认为这是一个绝佳的机会来分析我们的每个计划中应该显示哪些颜色以获得更多销售。
在原始页面的设计中,作为蓝色的粉丝,我们提出了以下 Nelio 内容计划页面的设计:

很酷,对吧? 但是,如果您一直在阅读我们每个月进行测试的经验,您就会知道,在制定业务决策时,您不应只关注自己的品味,而应获取真实数据,因为这才是真正能告诉您的什么对你的底线影响最大。
因此,本月的 Nelio A/B 测试测试分析了我们定价页面上的哪种配色方案将产生更多收入。

创建定价页面的测试
在为网站的任何元素创建 A/B 测试之前,我们始终建议您对网站上的工作进行分析,您在哪些方面存在更多摩擦和问题,并就您可以改进的地方提出假设。 从您生成的假设列表中,优先考虑那些将对您的目标产生最大影响的假设。 也就是说,登陆页面和定价页面可能比博客文章对增加销售额的影响更大。
在这种情况下,我们创建此测试的主要动机是:由于我们正在更改 Nelio Content 计划并重新设计了整个定价页面,因此我们借此机会确保新设计尽可能使用最佳配色方案。
除了原始版本之外,我们决定使用这些颜色组合创建另外两个变体:

在第一个变体中,我们决定以今年非常流行的柔和色彩来展示计划。

我们创建了第二个变体,如上图所示,我们只想用紫红色突出标准计划,而其他两个计划用最深的蓝色背景和绿色按钮显示它们。
一般来说,我们可以选择其他颜色,甚至创建其他配色方案,但创建许多替代方案的问题在于,要获得具有统计意义的结果,您需要进行更多访问。
创建 A/B 测试
为了创建 A/B 测试,我们一如既往地使用我们自己的插件 Nelio A/B 测试。 只需从官方 WordPress 插件目录下载它并将其安装在您的网站上即可创建这样的测试。 如果您仍然对使用哪个 A/B 测试插件在您的网站上创建测试有疑问,我建议您阅读我们对 WordPress 的 A/B 测试插件的比较。
Nelio A/B 测试非常通用,因为它允许您创建任何 WordPress 元素的 A/B 测试。 在这种情况下,我们创建页面的 A/B 测试。 这种类型的测试允许您通过将原始页面复制到新的替代页面中来创建新的变体。 在我们的测试中,我们只是简单地改变了每个计划的背景颜色,如上所述。 如果您想更改您使用的页面模板的一部分,您可以通过创建替代模板并运行页面模板的 A/B 测试来实现。
在以下屏幕截图中,您可以看到测试的定义:

接下来,在创建任何 A/B 测试时,您必须设置要在测试中衡量的目标,以确定最有效的方法。 在这种情况下,我们定义了要在测试中测量的 4 个目标:

- 点击任何计划的按钮
- 单击基本计划按钮
- 单击标准计划按钮
- 点击 Plus 计划的按钮
创建所有这些后,我们所要做的就是开始测试并等待结果。 Nelio A/B 测试负责将流量分成三个随机组,以便每个组只能看到一个定义的变体,并跟踪每个变体和目标获得的转化。
A/B 测试结果分析
经过一个月零九天的测试,我们以几乎 100% 的置信度获得了具有统计意义的结果。 让我们详细分析每个目标以及我们能够从测试中得出的结论。
第一个目标是衡量对任何定价表计划按钮的点击次数(该表在页面上显示两次)。

在这种情况下,结果显示第二个变体,即替代 C,是比原始版本获得近 130%(准确地说是 129.6%)点击次数的变体。 相比之下,以柔和颜色显示计划的变体要差 25.5%。 如果我们只有这个测试目标,备选方案 C 将取得压倒性的结果。
我们的第二个目标集中在基本计划按钮收到的点击次数上。 让我们看看结果如何变化:

请注意,如果我们只关注基本计划的点击次数,第三个变体与原始版本的差异虽然仍然相当大,即提高了 73.7%,但不如我们分析所有点击次数那么大。 而在柔和色变体的情况下,与前一种情况一样,它也比原来的差,但差异为 12.3%。 如果您考虑一下,这可能是有道理的,因为变体并不专注于特别突出基本计划。
现在让我们看看我们在想要衡量标准计划点击次数的结果中获得的结果。

在这种情况下,第三个变体的改进,也就是计划中以更醒目的颜色脱颖而出的变体,甚至比原始版本多实现了 228.1% 的点击量。 因此,如果您对突出显示任何计划是否有任何影响有任何疑问,那么从这个测试中可以清楚地看出,人们会被最引人注目的元素所吸引。
最后,让我们看看最新的计划会发生什么:

在这种情况下,与原始 C 相比,替代 C 的改进几乎是 3%,置信度为 95.7%。 无论如何,在所有替代方案中,Plus 计划的转换很少。 事实上,我们的大多数客户一开始更愿意选择较低的计划,然后再切换到不同的计划。
结论
考虑到我们从 A/B 测试中获得的结果,我们得出的结论是,标准计划以紫红色脱颖而出的版本比任何其他变体都好得多。 因此,最好将其作为我们网站上的最终版本应用。

如您所见,只需单击一下,Nelio Content 定价页面的最终版本就会成为通过测试的版本。 当然,起初我们可能认为蓝色配色方案是一个不错的选择,但我们的喜好和品味对于增加销量并没有多大用处。 A/B 测试是那些用真实数据向我们证明什么是真正有效的测试。 您还在等什么来创建您的 A/B 测试以提高您网站的转化率?
Baher Khairy 在 Unsplash 上的精选图片。