经验 | banner点击率提升90%!他是如何设计的?

图文来源公众号:UI充能站  作者:王瞾

经验 | banner点击率提升90%!他是如何设计的?

作者地址:https://zeoland.zcool.com.cn

为什么数码产品都是炫酷风格?

为什么产品图放了代言人点击率反而下降?

文案放左边点击率就高了?事实并非如此

文字放大真的会提升点击率吗?

带着这些问题,咱们来看下王瞾大佬的最新研究。

经验 | banner点击率提升90%!他是如何设计的?

日本著名平面设计师青木克宪说过:“广告设计只有一个目标,就是吸引眼球。”

个人认为这句话不管是线下线上皆可适用。而且当今手机端使用环境的多样化,意味着用户可能会受大量不同类型信息的轰炸。

如果想要提升广告点击,那我们的广告必须在2秒内脱颖而出

经验 | banner点击率提升90%!他是如何设计的?

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

符合人的认知惯性——不能过于天马行空,造成用户认知困扰;

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

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

视觉美感——设计的基础

好的广告至少具备1到 2条,这样才能够引起用户的兴趣,促使他们点击。

我们AB测试来验证

根据设想的目标,我们决定利用平台的首页广告来做AB测试,以验证我们的设想是否正确。

经验 | banner点击率提升90%!他是如何设计的?
经验 | banner点击率提升90%!他是如何设计的?

什么风格点击最好?

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

经验 | banner点击率提升90%!他是如何设计的?
经验 | banner点击率提升90%!他是如何设计的?

为什么数码类炫酷风格点击高?

因为长久以来大多数码产品的品牌方、平台或商家,都倾向于采用类似的风格为产品烘托科技感的氛围。

而用户在经过这么长时间的认知教育后,自然也更认同酷炫风格是更适合数码类产品的。

于是大部分时候用户第一眼看到类似风格的图,会下意识的认为这是一个卖数码产品的广告。

这在一定程度下也降低了banner的识别成本,让用户在更短的时间内get到广告内容,并决定是否需要点击了解,从而挽留了部分因为设计风格而流失的用户,因此点击率也相对更高。

暖色系的实拍场景,更适合快餐类

经验 | banner点击率提升90%!他是如何设计的?

主要原因也是认知惯性,快餐类长期使用精美的食物实拍做广告设计,而精美的食物照片显得更加诱人,让人更有食欲,这同时也满足了人性的需求(食欲)。

因此插画风格虽然看起来更新颖,但点击率却没有传统做法来的高。

商品与代言人

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

经验 | banner点击率提升90%!他是如何设计的?

最初我采用了荣耀play及它的代言人做测试,发现代言人的点击率远不如单纯展示产品。

于是我怀疑是否跟代言人的人气有关?

而后又继续做了三组测试,分别采用了当红偶像,得出的结果却仍然是展示产品点击更好,这就很有意思了。

经验 | banner点击率提升90%!他是如何设计的?

我们横向对比一下其他平台以及手机品牌方的banner其实可以发现,这类banner基本上主打产品的性能、功能、外观造型等卖点,少有直接使用代言人做banner的。

归根到底其实是手机类的用户更关注的是手机本身的功能,而不是代言人是谁。

代言人更多情况是配合品牌方的宣传策略,在提升产品品牌形象上做贡献

另一方面,在手机类的电商banner中使用代言人也降低了产品的识别性,使banner的识别成本提高。

 为什么服饰类用代言人能提升点击?

经验 | banner点击率提升90%!他是如何设计的?

在服饰类的测试结果却正好相反,代言人是能更有效提升点击的。

因为代言人能更好地衬托服饰的形象气质,更容易让用户代入自身,想象出一个更美好的自我。

同时明星总是处于潮流的尖端且饱受关注,他们的穿着打扮更会引起大批人的追捧,因此明星同款在一定程度上降低了用户追求美的门槛(如照搬明星的穿搭形式),满足了人性中“爱美”的需求,所以更加吸引用户。

合成与街拍

关于服饰类banner,用街拍图和把人物抠出来做合成哪种更好?

经验 | banner点击率提升90%!他是如何设计的?

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

经验 | banner点击率提升90%!他是如何设计的?

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

我们来分析一下原因,首先,造成问卷调查与实际点击结果相反的主要因素是阅读环境的不同。

真实的banner阅读环境是在app端,app端碍于手机屏幕的尺寸,所展示的内容是非常受限,这就要求我们的图片信息必须非常简练且便于识别。

而街拍图有丰富的场景细节,在移动端广告中这些细节反而会干扰用户识别主要信息,因此点击率自然会比干净简洁的合成图更低;

而调查问卷则是一个相对更稳定封闭的环境,用户有更多时间和注意力来判断图片在视觉上带给自己的直观感受,因此问卷调查得到的是相反的答案。

版式结构

左边放文案/还是放商品哪种点击会更好?

经验 | banner点击率提升90%!他是如何设计的?

测试结果显示手机类新品广告是左边放商品,右边放文案的效果更好,具体原因是什么?

我们可以先看看其他类目的测试情况。

经验 | banner点击率提升90%!他是如何设计的?
经验 | banner点击率提升90%!他是如何设计的?
经验 | banner点击率提升90%!他是如何设计的?

其他类目包括服饰、美妆、珠宝、腕表、箱包以及虚拟类等等,均是左边放文案,右边放商品点击更高。

这时我们再看看具体原因究竟是什么?

经验 | banner点击率提升90%!他是如何设计的?

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

经验 | banner点击率提升90%!他是如何设计的?

首先左边是推新品手机的广告,手机类有什么品牌,有什么新品上市,关注这块的用户都比了解(品牌方早已有铺天盖地的宣传)。

这时先看图就知道是不是他们所需要的,也就是说左边放商品的识别成本更低,于是点击会更好。

而其他类目或卖场活动由于品牌十分繁杂,缺少知名爆款,用户其实是很难会被商品图吸引的,用户更多是先看有什么优惠,然后再进去看看有没自己喜欢的。

这时候左边放文案的识别成本更低,点击也就更高。

因此我们得到的结论是,不同类目的用户诉求不同,应根据用户的需求来决定版式形式。

商品展示形式

经验 | banner点击率提升90%!他是如何设计的?

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

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

另外从设计构图上来看,局部展示的广告画面更加饱满、稳重,视觉中心更突出,冲击力相对更强,自然更加抓眼球。

经验 | banner点击率提升90%!他是如何设计的?

轻奢类手表用场景摆拍效果更好

精美的摄影图能让该类产品显得更有档次。

同时在结合十分优惠的利益点(在分期乐中12期免息是非常优惠的利益点,能大幅减轻用户分期消费的压力)的情况下,可以让用户觉得“诶,这个表看起来非常高档大牌,居然还不贵”,一定程度的满足了人性中“贪”(便宜)的需求。

文案及利益点

经验 | banner点击率提升90%!他是如何设计的?

指定的爆款直降/秒杀效果更好;

低价商品推满减等信息更好,反之免息更好

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

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

经验 | banner点击率提升90%!他是如何设计的?

文案越精炼越好

字少点击率远比字多的高,字数越多识别成本越高。标题字数在6-8个字之间点击率是最稳定的。

另外还有一些综合类型的测试,跟上面的单点测试不一样,综合测试的主要目的是找出能有效推高banner点击的方法,而不是测某个点是否可行或影响多寡。

下面我们一起来看一下案例。

经验 | banner点击率提升90%!他是如何设计的?

把文案放大处理是可行的

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

经验 | banner点击率提升90%!他是如何设计的?

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

关注这一品类的用户有个共同的特点,他们非常热衷于潮牌潮鞋,喜好个性和独特的风格,拒绝平庸,年轻且充满活力并具有自己的坚定态度。

面对这类用户,在banner设计上投其所好是很好的做法,采用充满爆发力或独特艺术表现力的风格能有效地提升点击。

经验 | banner点击率提升90%!他是如何设计的?

其实大家可以看出,本文大部分结论都离不开识别成本及认知惯性这两件事。

毕竟商业设计的本质是为了传达信息,满足这两维度的banner已经可以说是成功的banner。

以上就是项目至今得到的部分成果,最后感谢LIM、小白、龙哥、fiona和JJ在项目中提供的设计支持。

关于不错研究室:不错研究室是由一群热爱设计分享的设计师发起的神秘组织、以问题为导向的分享组织,定期推荐不错的全球设计师进行直播分享,原创干货+精选转载+微课报名,不错真的不错!

本文来自UI充能站,本文观点不代表 PmTemple 立场,转载请联系原作者。原文链接:

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
研究院精选的头像研究院精选认证编辑
上一篇 2019年6月7日 上午12:00
下一篇 2019年7月3日 上午12:00

相关推荐

发表回复

登录后才能评论
微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部