2018海南环岛赛

如何用科学的方法,让 Banner 点击率增长 96% ?

2019-06-29

文章分享了最近跟进的一个项目,主要研究怎么通过设计提升 Banner 点击率,希望项目中的方法能给大家带来一些参考与启发。

 

项目背景

这个项目是我在 18 年下半年开始负责的,当时老大希望能通过一个小小的「点」来证明设计在商业中的价值,那应该怎么样去证明?比如我们通过设计,优化某一项功能来提升某个数据指标,实现帮助业务提高转化,而对于运营设计来说这个「点」可能会是什么?

 

我们?#19994;?#30340;切入点是研究怎么样通过设计来提升 Banner 的点击。那是不是提高了 Banner 点击就一定能提高业务转化呢?并不是,提高点击可?#36816;?#26159;变相提高了活动卖场的曝光,意味着有更多的销售机会,但下单转化是受很多方面的因素影响的,单纯提高点击其实不一定能提高销售转化。但正如上所述,我们能通过设计上的一些小小的「技巧」来帮助业务创造更多的机会,甚至 Banner 本身就可能会促成用户的下单行为(Banner 的信息直?#29992;?#20013;目标用户),而这就是此项目,或者说是我们运营设计师的价值所在。

1.jpg

如何提升Banner 点击?

日本著名平面设计师青?#31350;?#23466;说过:「广告设计只有一个目标,就是吸引眼球」,个人认为这句话不管是线下线?#24076;?#20256;统平面、广告设计抑或互联网等新兴行业皆可适用。尤其当今电商行业的交易,在移动端的占比已经达到 95% 以?#24076;?#32780;移动端使用环境的多样化与不确定性,意味着用户可能会受大量不同类型信息的轰炸。如果想要提升广告点击,那我们的广告必须在 2 秒内脱颖而出吸引住用户才行,而我们凭什么来吸引用户?

2.jpg

我认为好的广告需要具备以下维度:

 

符合人的?#29616;?#24815;性,不能过于天马行空,造成用户?#29616;?#22256;扰;

识别成本低,尽可能让用户在 2 秒内完成阅读并理解内容;

满足人性需求,懒(识别成本)、贪(低价优惠)、虚荣、爱美等;

视觉美感,设计的基础。

好的广告至少具备 1~2 条,当然如果完全具备则更好,这样的广告才能够引起用户的兴趣,促使他们点击。

 

验证方法

根据设想的目标,以及对平台实?#26159;?#20917;的评估,我们决定利用平台的首页广告来做 AB test,以验证我们的设想是否正确。

3.jpg4.jpg

在实际执行中我拟定相关的执行计划,分为 5 个步骤:

 

以用户的需求出发,大胆假设可能影响点击的因素;

根据平台资源情况,结合合适的类目进行测试;

定期汇总测试结果,检验测试方向是否正确,如有问题及时修正;

对已有的结果沉淀出相关的设计方法论,并用方法论设计新的广告图,继续投放测试验证结果,确保这些方法论是真实可行的;

这是一个不断更新迭代的过程。

下面我们一起来?#32431;?#26696;例。

 

风格氛围

1. 手机、3C类酷炫风格更好

 

手机、3C类采用数码产品常用的暗色渐变、强光感环境(所谓?#30446;?#28843;风格)点击更好,包括电脑类同样?#24378;?#28843;风格更好。

5.jpg6.jpg

原因是长久以来大部?#36136;?#30721;产品的品?#21697;健?#24179;台方或小商家,都倾向于采用类似的风格为产品烘托科技感的氛围,而用户在经过这么长时间的?#29616;?#25945;育后,自然也更认同酷炫风格是更适合数码类产品的。于是大部?#36136;?#20505;用户第一眼看到类?#21697;?#26684;的图,会下意识地认为这是一个卖数码产品的广告,这在一定程度上?#27493;?#20302;了 Banner 的识别成本,让用户在更短的时间内获取到广告内容,并决定是否需要点击了解,从而挽留了部分因为设计风格而流失的用户,因此点击率也相对更高。

 

2. 暖色系的实?#26576;【案?#36866;合快餐类

7.jpg

主要原因也是?#29616;?#24815;性,快餐类长期使用精美的食物实拍做广告设计,而精美的食物照片显得更加诱人,让人更有食欲,同时也满足了人性的需求(食欲),因此插画风格虽然看起来更新颖,但点击率却没有传统做法来的高。

 

商品与代言人

1. 手机类用代言人会引起反效果

8.jpg最初我采用了荣耀play 及它的代言人做测试,发现代言人的点击率远不如单纯展示产品,于是?#19968;?#30097;是否跟代言人的人气有关?而后又继续做了三组测试,分别采用了当?#28843;?#20687;,得出的结果仍然是展示产品点击更好,这就很有意思了。

9.jpg

我们横向对比一下其他平台以及手机品?#21697;?#30340; Banner 其实可以发现,这类 Banner 基本上主打产品的性能、功能、外观造型等卖点,少有直接使用代言人做 Banner 的,归根到?#36164;?#25163;机类的用户更关注的是手机本身的功能,而不是代言人是谁,代言人更多情况是配合品?#21697;?#30340;宣传策略,在提升产品品牌形象上做贡?#20303;?#21478;一方面,在手机类的电商 Banner 中使用代言人?#27493;?#20302;了产品的识别性,使 Banner 的识别成本提高。

 

2. 服饰类用代言人能有效提升点击

10.jpg

在服饰类的测试结果却正好相反,代言人是能更有效提升点击的,因为代言人能更好地衬托服饰的形象气质,更容易让用户代入自身,想象出一个更美好的自我。同时明星总是处于潮流的尖端且饱受关注,他们的穿着打扮更会引起大批人的?#25918;酰?#22240;此明星同款在一定程度上降低了用户追求美的?#20598;鰨?#22914;照搬明星的穿搭?#38382;劍?#28385;足了人性中「爱美」的需求,所以更加吸引用户。

 

合成与街拍

关于服饰类 Banner ,用街拍图和把人物抠出来做合成哪?#25351;?#22909;?

11.jpg通过问卷调查我们得到的结果是绝大部分用户都更倾向于街拍图,而实际点击结果会怎样呢?

12.jpg

很意外吧?点击结果与调查报告是截然相反的,合成 Banner 的点击率反而比使用街拍图的更高。

 

我们来分析一下原因,首先,造成问卷调查与实际点击结果相反的主要因素是阅读环境的不同,真实的 Banner 阅读环境是在 app 端,app 端碍于手机屏幕的尺寸,所展示的内容是非常受限,这就要求我们的 Banner 信息必须非常简练且便于识别。而街拍图具有非常丰富的场景细节,在移动端广告中这些细节反而会干扰用户识别主要信息,因此点击率自然会比干净简洁的合成图更低。而调查问卷则是一个相对更稳定封闭的环境,用户有更多时间和注意力来判断 Banner 在视觉上带给自己的直观感受,因此问卷调查得到的是相反的答案。

 

版式结构

针对 Banner 图中,左边放文案/商品哪种点击更好而进行测试。

13.jpg测试结果显示手机类新品广告是左边放商品,右边放文案的效果更好,具体原因是什么?我?#24378;?#20197;先?#32431;?#20854;他类目的测试情况。

14.jpg15.jpg16.jpg其他类目包括服饰、美妆、珠宝、腕表、箱包以及虚拟类等等,均是左边放文案,右边放商品点击更高,这时我们再?#32431;?#20855;体原因究竟是什么。

17.jpg

首先有一个前提,人类的阅读惯性是从左至右、从?#29616;?#19979;的一个过程。对应我们的 Banner 来说,自然是左边区域的信息更容易被用户接收得到。基于这个前提,我们再看回案例。

18.jpg

首先左边是推新品手机的广告,手机类有什么品牌,有什么新品上市,关注这块的用户都比较了解(品?#21697;皆?#24050;有铺天盖地的宣传),这时先看图就知道是不是他们所需要的,也就是说左边放商品的识别成本更低,于是点击会更好。

 

而其他类目或卖场活动由于品牌十分繁杂,缺少知名爆款,用户其实是很难会被商品图吸引的,用户更多是先看有什么优惠,然后再进去?#32431;?#26377;没有自?#21512;不?#30340;,这时候左边放文案的识别成本更低,点击也就更高。

 

因此我们得到的结论是,不同类目的用户诉求不同,应根据用户的需求来决定版式?#38382;健?/p>

 

商品展示?#38382;?/p>

19.jpg

1. 手机类展示局部的效果更好

 

主要原因有两点:一是展示局部有利于体现产品的渲染细节、突出品质?#23567;?/p>

 

另外从设计构图上来看,局?#31354;?#31034;的广告画面更?#39062;?#28385;、稳重,视觉中心更突出,冲击力相对更强,自然更加抓眼球。

20.jpg

2. 轻奢类?#30452;?#29992;场景摆拍效果更好

 

精美的摄影图能让该类产品显得更有档次,同时在结合十分优惠的利益点的情况下,可以让用户觉得「这个表看起来非常高档大牌,?#23588;?#36824;不贵」,一定程度的满足了人性中「贪」(便宜)的需求。

文案及利益点

21.jpg

1. 指定的爆款直降/秒杀效果更好,低价商品推满减等信息更好,反之免息更好

 

如果 Banner 有明确的爆款商品,那么直接打爆款的优惠信息,比大牌香氛/明星同款这类说法比较模糊的利益点更好(识别成本)。

 

另外,客单价低,用户没有分期需求的商品,使用满减、折扣等优惠更好,反之如果有分期需求,自然是免息效果最佳(人性需求)。

22.jpg

2. 文案越精?#23545;?#22909;

 

字少点击率远比字多的高,毕竟?#36136;?#36234;多识别成本越高,另外标题?#36136;?#22312; 6-8 个?#31181;?#38388;点击率是最稳定的。

 

另外还有一些综合类型的测试,跟上面的单点测试不一样,综合测试的主要目的是?#39029;?#33021;有效推高 Banner 点击的方法,而不是测某个点是否可行或影响多寡,下面我们一起来看一下案例。

23.jpg

3. 把文案放大处理?#24378;?#34892;的

 

这种特殊的大文案版式,在视觉上的冲击力就非常强,且大文案也更容易被用户识别,哪怕 Banner 上的商品已经沦为点缀元素也丝毫不受影响。

24.jpg

4. 运动潮鞋类冲击力强的风格

 

关注这一品类的用户有个共同的特点,他们非常热衷于潮牌潮鞋,喜好个性?#25237;?#29305;的风格,拒绝?#25509;梗?#24180;轻?#39029;?#28385;活力并具有自己的坚定态度。面对这类用户,在 Banner 设计上投其所好是很好的做法,采用充满爆发力或独特艺术表现力的风格能有效地提升点击。

 

总结

以上就是项目至今得到的部分成果,其实大家可以看出,文章大部分结论都离不开识别成本及?#29616;?#24815;性这两维度,毕?#26500;?#21578;设计的本质是为了传达信息,满足这两维度的 Banner 已经可?#36816;?#26159;成功的Banner 。希望这篇分享能为大家在设计 Banner 时提供一些小小的参考方向。

扫描二维码分享到微信

2018海南环岛赛
跟计划买彩票倍投 问道五行竞猜公式 老北京pk赛车计划 北京pk精准在线计划全天 澳门豹子赔多少倍 猫咪软件求大神 计算器赌龙虎技巧稳赢 澳洲五分彩是官方的吗 pk10赛车3码技巧 时时彩5星缩水软件