大家好，我是拎壶冲！感谢大家的掌声和惨叫！渴望得到大家惨无人道的支持，一个小小的玩笑过后我们步入今天的主题。

和以往的分享会有2点不同，1，我要做的不是什么教程，而是给大家一种引导！2，我决定以两张视觉营销领域十分出名的图片和一个问题做为开场！

先看第一张图片：

这是一张婴儿纸尿裤的平面广告初稿，并不是很有创意，因为它产品的卖点是用文字说明的（大标题）。

初稿完成后老外们找了很多的人来看，记录下他们浏览不同位置的先后顺序和重点查看的位置，来进行视线轨迹研究，发现人们往往把他们的卖点（大标题）放在最后浏览。

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

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

那么我的问题来了！如果让你做一个简单的修改，让人们的目光转移到文字标题上，你会怎么做？大家畅所欲言！（大家可以发言了，但我说停之后大家一定要停啊）

我来公布一下正确答案：给婴儿转转身，让婴儿看着标题！我们来看看修改之后的效果。

通过简单的调整达到了想卖点引导的目的！这是一个非常著名的案例。

在这个过程中运用到的视线律动和视线热点是老外十分擅长的，但是国内在这方面却比较弱势。甚至有些国外交互设计师暗喻中国人不懂视觉营销。I say NO！我们淘宝人懂视觉营销！

这就是我们今天所要讲的—-【视觉营销】让转化率如此彪悍！ 友情提示：本期内容共分为7个部分，前面两段对于没接触过设计的淘友来说可能略显枯燥、晦涩，但这些内容又无比重要不得不讲，所以没法割舍。我会尽量放慢速度给大家理解的时间！

先说概念

“视觉营销（VMD）”由来已久，最初我们谈到视觉营销想到的都是陈列、装饰、卖场，是一些具象的东西。 随着时代的发展，电子商务势头越发的威猛，视觉营销这一传统行业的惯用手段也逐渐融入到了网络世界，变得抽象化、多元化，并越来越被重视。 传统行业中的视觉营销，重点在于陈列师对环境氛围的布置、主题的强调。 而网络中、尤其是淘宝中的视觉营销“成分复杂”，集交互设计、用户体验、信息构架为一体！重点在于视线把控和买家心里把控！ （可能有的朋友对这几个“红词“比较陌生，不过不要紧，我们在后面会用最通俗易懂的方式把相关的内容传达给大家！）

再说说意义

所有买家在购物的时候都有一个同样的流程：产品进入视线–信息传递到大脑–产生购买欲望–形成购买。

大家可以在心里想一下，你在购物的时候是不是这样的环节。

通过这个流程我们不难看出，【视觉】是一切购买的前提！

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

大家应该都注意到了红色的文字，我来举例说明一下什么是“有选择性的”：

同一页列表中有多个商品，买家会因为种种原因过滤忽略一些商品只观察个别商品、宝贝描述中的商品信息买家也会同样会筛选出重点查看的和滤掉的内容！

聪明的朋友应该已经想到，其实做好业绩就是在眼花缭乱的市场中霸占买家视线、让买家重点接收你想传达的信息、刺激买家的购物欲！

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

答案：优秀的视觉营销！

做好视觉营销就能完成以上的一系列问号，这就是视觉营销的意义！

从淘宝交易说视觉营销

我这人思维比较跳跃，突然决定这两部分内容我合并着讲解。

首先我们来回顾一下淘宝的常规交易流程，请大家仔细的看下图片，一会有问几个问题需要大家解答！

我简单的说明一下这张图交易流程图，

商品是所有交易的基础，所以排在第一位！这个不用多说。

紧随其后的就是曝光，首先你需要吧商品展现在买家面前，才可以谈到其他的，人家都看不到你的商品那么何谈购买？

再然后是点击，曝光时吸引了买家注意然后形成了点击，从曝光到点击的过程我们一般称之为流量！

最后买家经过仔细的权衡确定购买，形成了订单！

这就是一般情况下的淘宝交易流程，

那么我的问题来了–转化率在哪？？或者说从哪个环节到哪个环节产生了转化率？（老规矩~~喊停之后不说话）

我简单的说明一下这张图交易流程图，

商品是所有交易的基础，所以排在第一位！这个不用多说。

紧随其后的就是曝光，首先你需要吧商品展现在买家面前，才可以谈到其他的，人家都看不到你的商品那么何谈购买？

再然后是点击，曝光时吸引了买家注意然后形成了点击，从曝光到点击的过程我们一般称之为流量！

最后买家经过仔细的权衡确定购买，形成了订单！

这就是一般情况下的淘宝交易流程，

那么我的问题来了–转化率在哪？？或者说从哪个环节到哪个环节产生了转化率？（老规矩~~喊停之后不说话）

我统计了一下，大部分淘友的回答都是“点击到订单！”

我正式给下答案：

绝大多数的卖家在说到转化率的时候往往想的都是订单转化率，其实这么说是不完整的。

正确答案是从曝光到点击是点击转化率；从点击到形成购买叫订单转化率！也就是说，转化率，其实有两个部分！

跟进今天的主题！视觉营销的主要功能是提高转化率，那么都出现在哪些环节中呢？

我们看图来分析视觉营销都出现在哪

通常情况下商品分为三个部分：页头、宝贝详情、种种形式的关联销售。

视觉营销影响页头在搜索是曝光的点击转化率。

要点：体现视觉传达的重点（即，产品卖点）与同类型产品有强烈的差异性！

视觉营销影响宝贝详情展示给买家时的接受信息，从而影响订单转化率。

要点：在描述中凸显产品的价值点！（与卖点不同的是，卖点可以是“包邮“”折扣“等，价值点指的是”用此产品安全、省电、快速安全减肥“等等吸引买家的产品特点）展现可靠性（可靠性无非就是有力证据来证明产品的正品、效果，这个无需多说。）

视觉营销影响关联销售的点击转化率、和订单转化率。

要点：可发现性（重点展示部分，在容易发现的位置）、可访问性（指买家访问的可能，除了一定要有跳转链接外还要注意搭配，本身是鞋类商品去关联内衣就属于没有可访问性）

视觉营销影响广告推送的全部！

（关于广告推送的相关内容和要点的举例我们放在后面*）

我在写稿之前有个朋友非常的困惑，问我–视觉营销不就是让美工做两张好看的图片吗？

因为这个问题我不得不讲讲普遍存在的的误区！

误区：好的视觉营销就是漂亮的图片！

这种说法×！

大×特×！

我们来看一组图片！

大家在心里感觉一下这两张图片哪个美观，哪个效果好、会得到更多的点击率

两张图片都是选自昨天的淘宝首页轮播，从图片美观程度上来说图a 无论是在构图上海是色彩上都比图b好，图b看起来颇有点山寨的味道。但实际上呢？淘首页的小二透漏图B的点击转化率和订单转化率都比图A高很多！

何解？就像大家回答的这样。因为图B准确的展现了他的卖点，而图A的卖点并不明确！

给大家分享两句交互设计大师的名言结束这个误区！

漂亮的页面只能用来加分，不能用来打分！

舒服、准确是比漂亮更高层次的艺术！

OK，枯燥乏味的理论内容终于讲完了，我们进入实例内容。

视线轨迹

视线跟踪技术早期主要应用于心理学研究、助残等领域，后来才被应用于图像压缩及人机交互和可用性工程。从用户注视信息中：

（1） 推断人们感兴趣或引起注意的内容

（2） 通过所注视的对象可得到其指代对象

（3） 暗示对象之间的关系

能否自发、自觉地使用视觉导向的设计方法，并根据视觉路径走向排列关键信息，这也是区别专业与业余设计师的一个重要依据。

给大家发张图片，这个大家可以保存一下，以后在设计页面和广告图片的时候用的上！

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

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

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

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

D. 向底部移动的可能性小（醒目的边框有着重大的作用！用在哪大家自己去想！邪恶的笑）

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

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

G. 右上配置了eye-catcher时视线不稳定

大家一定都在想，这也不能放那也不能放，那我们放哪？

在这里

H. 点对称时视线流向稳定

我们来举例说明

这张是一个日本网站的商品宣传页面~~

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

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

3. 做成点对称

我说的是改良建议~

看一下改良结果

改良前，看到这个界面的朋友完全不知道他的重点在哪里，毫无继续看下去的欲望！如果是我的话绝对会毫不留情的Alt+F4！改良后的图片明显顺眼多了！给了我一个继续浏览下去的理由！

记住，不要让用户自己去想先看哪！买家永远是最没有耐心的群体！

常规流程

我们来举例说明流程，同时证明一下视觉营销不仅仅是美工的事，还有更多是市场和运营的事！美工只是实现者（18岁以上的朋友请在父母陪同下观看）：

保健食品的店家，打算开发安全套新品，在开发前就锁定了先从老用户下手，所以首先他统计了自己老用户都会买说明相关商品、数量多少！

有56%的老顾客都购买过安全套，这个东西属于周期性商品，买过之后还会再买，所以市场前景应该是不错的。——调研环节！

有56%的老顾客都购买过安全套

安全套这种产品的受众十分简单–情侣或夫妻。

经统计分析这些老用户更喜欢杜蕾斯、冈本和第六感，喜欢一次30-50枚的购买–需求分析。

因为受众多是情侣和夫妻，卖的又是安全设备，设计概念就好说了——爱她，就保护她不受伤害！（描述中体现）

因为大家喜欢30-50枚的购买，卖点就定位为30枚包邮！——视线要点。

因为选定的推送目标是老用户，推送方式选择为旺旺群发——渠道选择！

这是一个简单且完成的视觉营销案例。我们来看看效果：

图片其实非常简单，美工1分钟能做两张，30天销量42660件！转化率9%！非常成功！

视觉营销不仅仅是美工的事，还有更多是市场和运营的事！美工只是实现者！当你视觉营销做不好的时候，不要想着炒美工鱿鱼，想想你的市场和运营做到位了没有！

【提升】方法&实例

上午的时候我在淘宝上搜索“裙子”出现了下面这样的情况：

刷新出来后哪个第一眼就给你点击欲望？或者说大家被那些（个）图片所吸引？

信大家第一眼就有了答案，时间有限就不让大家回答了。我直接给出答案！

排名位置、差异效应和边框效应（违规与否大家思量着来哈，前文说的明白，我今天的任务不是做教程而是思维上的引导）是自然搜索时常用的视觉营销手段。

之前我发出来的那两张图上所展示都是小日本基于视线律动和视觉焦点所研究得出的。每个小图都是很有意义的，刚才这张图包含了三种小图的运用，剩下5种留个大家去思考！

再简单的看看其他的常用方法：

我在找插画书的时候找到的，精准的关联推荐，惊艳且操作方便的页面布局（精准指的是和我搜索的东西匹配性高，例如我搜索手机，他在描述里关联了手机套，这就是匹配性高。要是他关联了个鞋带我才不理他！）

一目了然的产品亮点！

卖家把这张图放在最顶端，本来我就对这款机器感兴趣，再看到这张图上详述的功能亮点，激起了我的购买欲望！其实下面还有很多图片很诱人，我就不多截图了。值得一提的是，我目前正在用这款机器，就是从这家店买的。

还有好多可靠性、可访问性、可发现性、期望值等方面的内容，因为时间关系我就不一 一举例了！

最后普及点基础知识

在网络，提到视觉营销众人的脑袋中是这个样子的

在网络，提到视觉营销众人的脑袋中是这个样子的！千头万绪、混乱不堪！

而这其中有几个词是大家必须要知道的，公司发展招人的时候用的到。

UX–用户体验

UED–用户体验设计

UCD–以用户为中心的设计

IXD–交互设计（想做好视觉营销，必须懂这个）

后记：

分销的视觉营销如何做 如何体现图片差异这个问题相信很多朋友都想问

众多分销商经营的都是同一种商品，产品亮点和功能都是相同的，你唯一能做的就是更换页头图片，通过加图标、背景色、凸显卖点信息（包邮、折扣等其他人没有的）方式来区别。而描述中就比较复杂

目前分销平台中，很多分销是没有实物图的，就算有也是很华丽的平铺

你可以在这方面多下功夫！给买家其他店铺给不了的信任感！

通过刚才说的页头更改吸引顾客进店

给买家其他店铺给不了的信任感！

加上产品本身的亮点和活动、套餐来吸引顾客购买欲望，分销并不难做~

祝你成功~

源地址：http://bbs.taobao.com/cat……253435018.htm