记录每一份有价值的网络资源

善用视觉营销法,让转化率飙升!

善用视觉营销法,让转化率飙升!

现在,视觉化营销越来越火,研究表明,大脑处理视觉内容的速度比文字内容快60000倍,视觉内容能在短时间内产生更大的影响力。视觉营销:英文Visual merchandising,它存在的目的是最大限度地促进产品(或服务)与用户之间的联系,最终实现销售(购买),同时提升视觉冲击影响品牌的文化。说白了,视觉营销的核心是就传达信息。这里,木木给大家推荐一篇老文章,我觉得不错,是之前收藏的,相信能给你有所帮助。

以两张视觉营销领域十分出名的图片和一个问题做为开场。

第一张图片:

善用视觉营销法,让转化率飙升!

这是一张婴儿纸尿裤的平面广告初稿,并不是很有创意,因为它产品的卖点是用文字说明的(大标题)。初稿完成后老外们找了很多的人来看,记录下他们浏览不同位置的先后顺序和重点查看的位置,来进行视线轨迹研究,发现人们往往把他们的卖点(大标题)放在最后浏览。

那么这些人是否对大标题产生深刻的印象了呢?于是他们又做了另外一个实验:

善用视觉营销法,让转化率飙升!

通过记录统计发现,很遗憾,人们的目光都聚焦在了婴儿的脸上(红色位置为重点浏览位置)。对他们的产品卖点的关注可以忽略不计!可以说是个失败的广告。

那么问题来了,如果让你做一个简单的修改,让人们的目光转移到文字标题上,你会怎么做?我来公布一下正确答案:给婴儿转转身,让婴儿看着标题!我们来看看修改之后的效果。

善用视觉营销法,让转化率飙升!

通过简单的调整达到了想卖点引导的目的!!这是一个非常著名的案例。在这个过程中运用到的视线律动和视线热点是老外十分擅长的。这就是我们今天所要讲的——视觉营销,让转化率如此彪悍。

 

1
视觉营销的概念和意义

 

 

视觉营销、交互设计一直以来都是外国人在研究,国内在这方面属于弱项。

 

先说概念,视觉营销(VMD)”由来已久,最初我们谈到视觉营销想到的都是陈列、装饰、卖场,是一些具象的东西。随着时代的发展,电子商务势头越发的威猛,视觉营销这一传统行业的惯用手段也逐渐融入到了网络世界,变得抽象化、多元化,并越来越被重视。传统行业中的视觉营销,重点在于陈列师对环境氛围的布置、主题的强调。而网络中、尤其是淘宝中的视觉营销“成分复杂”,集交互设计、用户体验、信息构架为一体!重点在于视线把控和买家心里把控!

再说说意义,所有买家在购物的时候都有一个同样的流程:产品进入视线——信息传递到大脑——产生购买欲望——形成购买。大家可以在心里想一下,你在购物的时候是不是这样的环节。通过这个流程我们不难看出,【视觉】是一切购买的前提!

 

善用视觉营销法,让转化率飙升!

实际上这个流程并不完整,应该再多加上几个字:产品有选择性的进入用户视线——用户有选择性的接收信息到大脑——传达的信息刺激买家,从而产生购买欲望——最终形成购买。

什么是“有选择性的”?比如同一页列表中有多个商品,用户会因为种种原因过滤忽略一些商品,只观察个别商品,商品详情页的信息用户也会同样会筛选出重点查看的和滤掉的内容。聪明的朋友应该已经想到,其实做好业绩就是在眼花缭乱的市场中霸占用户视线、让用户重点接收你想传达的信息、刺激用户的购物欲!

那么如何在万千商品中脱颖而出?如何让买家接收你的优点、屏蔽你的弊端?如何刺激用户的购买欲望?

答案就是优秀的视觉营销!

2
无处不在的视觉营销

 

首先我们来看看淘宝的常规交易流程:

善用视觉营销法,让转化率飙升!

商品是所有交易的基础,所以排在第一位!这个不用多说。紧随其后的就是曝光,首先你需要吧商品展现在用户面前,才可以谈到其他的,人家都看不到你的商品那么何谈购买?再然后是点击,曝光时吸引了买家注意然后形成了点击,从曝光到点击的过程我们一般称之为流量!最后用户经过仔细的权衡确定购买,形成了订单。

这就是一般情况下的淘宝交易流程。那么问题来了,转化率在哪?或者说从哪个环节到哪个环节产生了转化率?答案是:

善用视觉营销法,让转化率飙升!

绝大多数的卖家在说到转化率的时候往往想的都是订单转化率,其实这么说是不完整的。正确的应该是从曝光到点击是点击转化率;从点击到形成购买叫订单转化率!而视觉营销的主要功能是提高转化率。

之前有个朋友非常的困惑,问视觉营销不就是让美工做两张好看的图片吗?那么这就不得不讲讲普遍存在的的误区!误区:好的视觉营销就是漂亮的图片我们来看一组图片:

 

善用视觉营销法,让转化率飙升!

大家在心里感觉一下这两张图片哪个美观,哪个效果好、会得到更多的点击率?这两张图片都是选自淘宝首页轮播,从图片美观程度上来说图A无论是在构图上海是色彩上都比图B好,图B看起来颇有点山寨的味道。但实际上呢?

 

淘首小二透漏图B的点击转化率和订单转化率都比图A高很多。何解?因为图B准确的展现了他的卖点,而图A的卖点并不明确。给大家分享两句交互设计大师的名言结束这个误区。漂亮的页面只能用来加分,不能用来打分!舒服、准确是比漂亮更高层次的艺术!

枯燥乏味的理论内容终于讲完了,我们进入实例内容。视线跟踪技术早期主要应用于心理学研究、助残等领域,后来才被应用于图像压缩及人机交互和可用性工程。从用户注视信息中:

(1) 推断人们感兴趣或引起注意的内容;

(2) 通过所注视的对象可得到其指代对象;

(3) 暗示对象之间的关系。

 

给大家发张图片,这个大家可以保存一下,以后在做页面和广告图片的时候用的上。

 

善用视觉营销法,让转化率飙升!

我们来对照图案的标号看一下,为大家说明这张图的含义。

A.左右移动优先于上下移动(文字左右书写的情况),这是正常人的浏览习惯,同样可适用于同规格图片平行排列的情况。

B.在同一背景区域移动(在页面某一部分明显区别于其他部分的时候,人们会不断的把视线集中在这,来回浏览。)

C.移向醒目的地方(试想,你登了淘宝首页或其他广告位置,大家都是黑色系的,你所在的小区域是橘黄的……)

D.向底部移动的可能性小(醒目的边框有着重大的作用)

再有,打开一个新的网页,我们的视线首先会聚焦在网页中最引人注意的那一点上,即视线焦点(eye-catcher)

善用视觉营销法,让转化率飙升!

E. 最上面配置一个eye-catcher(视觉焦点)会导致难于解读。很多朋友的首页都在最上面放了一个非常耀眼的图片,这种情况就属于E,不利于用户浏览更多、更深入。

F. 中央配置了视觉焦点eye-catcher时视线不稳定。

G. 右上配置了视觉焦点时视线不稳定。

大家一定都在想,这也不能放那也不能放,那我们放哪?在这里:H. 点对称时视线流向稳定。

我们来举例说明:

善用视觉营销法,让转化率飙升!

 

这张是一个日本网站的商品宣传页面,我的改良建议是:

1. 左上配好视觉焦点并加以强调;

2. 横向整列排列图片,统一背景;

3. 做成点对称。

 

看一下改良结果:

善用视觉营销法,让转化率飙升!

改良前,看到这个界面的朋友完全不知道他的重点在哪里,毫无继续看下去的欲望。改良后的图片明显顺眼多了,给了我一个继续浏览下去的理由。记住,不要让用户自己去想先看哪,用户永远是最没有耐心的群体!!

 

3
【提升】方法&实例

在淘宝上搜索“裙子”出现了下面这样的情况:

 

善用视觉营销法,让转化率飙升!

 

刷新出来后哪个第一眼就给你点击欲望?或者说大家被那些(个)图片所吸引?相信大家第一眼就有了答案。

 

善用视觉营销法,让转化率飙升!

排名位置、差异效应和边框效应是自然搜索时常用的视觉营销手段。之前上面发出来的那两张图上所展示的A-H的8条原理都是小日本基于视线律动和视觉焦点所研究得出的。每个小图都是很有意义的,刚才这张图包含了三种小图的运用,剩下5种留个大家去思考。

 

原文始发于微信公众号(木木老贼)

赞(0)
本站标记原创的文章,转载务必请标明出处:苏71_记录每一份有价值的网络资源 » 善用视觉营销法,让转化率飙升!