400-803-8660 Mon. - Fri. 10:00-22:00

着陆页设计 | 着陆页和支付页该如何挑选颜色?聚焦网站页面的那一抹色彩(4)

着陆页设计 | 着陆页和支付页该如何挑选颜色?聚焦网站页面的那一抹色彩(4)

这一章让我们继续学习和着陆页有关的知识。

 

有关红色或者橙色V.S.绿色的各种研究

现在既然已经谈论了不同颜色的基本情况,那让我们再研究下过去是如何搭配这些颜色,以产生某种程度的效果。我们将具体观察非常具有重要性的CTA按钮。

有一些研究是关于比较红色或者橙色CAT按钮跟绿色CTA按钮产生的效果有什么不同。结果表明,这些研究最后的结论都是相同的。

在Dmix主导的研究中,有600名受试者参加红色和绿色按钮的比较测试。当红色按钮出现时,研究发现转换率增加了34%。

红色按钮获胜一次。

第二次研究是HubSpot主导的。该研究对连续几天的网站访问量进行了比较,涉及2000多个访客。结果是:红色按钮再次获胜,转换率增加了21%。

红色按钮获胜两次。

在Visual Website Optimizer主导的测试中,对三种不同类型的按钮进行了比较:绿色背景的白色按钮,白色背景的绿色按钮,以及白色背景的红色或者橙色按钮。这个时候,红色或橙色按钮只有小幅提升:转换率增加了5%。

在这三次研究中,红色或者橙色按钮三次都获胜。

所以结论是:红色或者橙色按钮对于转换率最大化来说是最佳选择,对吗?

不一定。

 

橙色V.S.蓝色

当橙色跟象征正直的蓝色相比时,结果会是怎样呢?幸运的是,美国电子商务技术公司Monetate进行了这项实验。

在一个传统的A/B测试中,该公司发现蓝色按钮实际上比橙色按钮表现得更好。不过,转换率只增加了9%。

因此,在这次实验中,橙色按钮就不再是获胜者了。

所以这次PK的正确答案是什么?

没有正确答案。这可能并不是你想听到的,但这是事实。

为什么?因为最适合你网页的按钮颜色取决于网页的背景色。

比如,上文提到的Hubspot测试结果显示,红色比绿色更适合。但是,在那次实验里,当时网页的颜色搭配和绿色的按钮混为一体了。也就是说,按钮跟导航的都是一样的绿色系。因此,就很难看出颜色反差。而红色的按钮跟整体的绿色背景形成了一个鲜明的对比。你觉得这跟红色按钮能产生更高的转换率有关系吗?

可能有关系。这也就是为什么Hubspot急于指出,“不是在所有的情形下都会产生这样的结果。我们最多可以说只有在一定的条件下才会出现这样的结果:像这样的网页设计,在这个网站上,还要有访客。”

其他的测试也体现了相似的不足之处。在其中一个测试中,将绿色按钮跟一个很难注意到的按钮相对比。结果不出所料,绿色按钮产生的转换率要高得多。

这也就是为什么即使做了各种研究,但是还是没有一个标准的答案。不同的网站都有自己最适合的颜色。

然而,还是有相应的颜色挑选指导方案:按钮的颜色应该跟网站的背景色形成鲜明的反差。这样访客就能很容易看到按钮在什么位置,而不用在整个网页到处寻找“订阅”按钮。在结算页面,按钮一定得足够大、清晰和简单。网页背景必须单调朴素,不能分散访客的注意力。

然而,反差色仍然应该跟网站整体的颜色风格互补。如果你网站的颜色风格是淡蓝色和白色的,也许你会发现深蓝色的按钮效果会更好。而这种情况下,大红色的按钮会很显眼,访客可能会觉得非常碍眼,因为按钮的颜色跟你网站整体的颜色设计相冲突。

 

对比测试

跟数字营销的其他诸多领域一样,当选择结算页面中按钮的颜色时,对比测试能够给你提供最佳的解决方案。由于有两种以上的颜色供你使用,因此你也许需要进行几次反复的对比测试才能找到最适合的颜色。

着陆页设计 | 着陆页和支付页该如何挑选颜色?聚焦网站页面的那一抹色彩(4)

首先,将CTA按钮的可选颜色范围缩小,只留几个跟你的网站主题相契合或者呈现出一种鲜明反差的颜色选择。如果网站的访客具有不同的文化背景,这时一定得小心,挑选的颜色不能对目标市场的顾客产生负面影响。因此,最好进行不同的对比测试。从前两次测试中选出获胜的颜色,然后再跟接下来两组测试的获胜的颜色对决,以此类推。选出最终的获胜者,然后把它作为CTA按钮的颜色。

还可以运用其他的一些原则

仅仅依靠颜色是不可能赢得目标受众的。如果你没有一个吸引人的界面能够快速告诉访客使用你的产品或者服务能带来什么好处,那么无论你选择什么样的颜色也无济于事。你的转换率仍然不高。

颜色设计只是你营销任务其中的一个部分。确保营销的其他部分也做的足够好。

 

总结

你网站的结算页和着陆页的颜色将会影响你的转换率。然而,最适合你网站的颜色决定于网站的注意和目标市场中顾客的文化背景。在进行关于颜色意义的某种对比测试和一点研究后,你就能创造出一种设计,可以成功将好奇的观众转换成即将付费的顾客。我的主要观点总结如下:

·颜色风格要跟网站其他地方想呼应;

·网站背景不能分散访客注意力;

·不要使用在某种文化中具有贬义的颜色;

·确保CTA按钮足够大,并且位于网页靠上方比较明显的位置;

·轻松接触到使用移动客户端的目标受众;

·减少分散访客注意力的元素,网页设计尽可能的简洁。

最后,我们想想亚马逊的结算流程。按钮非常简洁,而且是橙色的,你很难遗漏。噢,亚马逊APP上最聪明的设计是什么呢?那就是:“一键购买。”

作者简介

约翰·林肯(John Lincoln)目前担任Ignite Visibility网站的CEO,并且是加州大学圣地亚哥分校的数字营销老师。林肯已经跟400多家网上企业合作过,并且为客户带了了数百万的收益。他是位著名作家,文章曾在Search Engine Land、Marketing Land、《Search Engine》期刊以及《企业家》杂志等平台上发布过,并且还登上过《福布斯》、《CIO》杂志、《早上好,圣地亚哥》、《联合论坛报》等杂志报刊。

注:本文内容由九枝兰团队翻译,转载请加上本文链接以及微信ID:jiuzhilan。对于不署名者,九枝兰将保留追究的权利。

原作者:John Lincoln

译者:王丽