为什么说没有数据支撑的设计都是耍流氓？

一、该如何考量设计师？

一般来说，和页面相关的都会考核设计师，考核设计师大家一般都会关注人均浏览量，但是人均浏览量对于运营来说只是一个表面的东西。

商品浏览量或商品浏览深度，是从单个客户来看，他其实直接去看这种首页、二级页，哪怕这个访问深度再高，也是没有用的，或者说他只是看你页面表面的东西。

那我们实际上是希望他能够更加了解我们的产品，所以在这个基础上面我们提出需要去增加的是商品的访问深度。商品访问深度其实大家就可以看出来了，在这个基础上面就是我们常说的商品的浏览量和访客数。访客数≈商品的访问量/商品的总访问量，当然这只是一个大概，可以算出一个指数性质。这样我们可以分析在这基础上面对我们页面的设计的标准，得出好的参考值。

二、如何做对页面设计？

我们在做页面设计的时候，大家可能会出现这样一个情况：我首页越往上的部分，或者是占的页面越大的部分，它的点击量越高，但是只是部分高，越往下浏览效率越低，导致客户跳失，或者往下的产品展示效果很差。对于小商家来说相对影响会比较小，但是对于做服装、日化产品的来说，sku很多，肯定是有梯度的陈列，但是又希望每个产品都能得到陈列。因为这种陈列对于产品的整体店铺动销率有一个大的影响。

在现在的大环境基础和数据的情况下，我们应该如何调整页面的状况呢？这个是这一次重新调整的页面，我拉一下这两天的数据，从整个首页包括我们上面的店招以及左侧的导航模块可以看出来点击分布相对比较平均，如果要真正细分这一块的点击还是比较高的。左侧导航模块的点击基本上是比店招高。店招在单品详情页、二级页里面都有显示的，所以它的曝光量其实是比左侧导航模块只在首页显示的这么一个位置来的更多。但是为什么点击率没有左侧那么高呢？其实就是一个用户习惯的问题。大家已经习惯性的去看上面的东西。那么我怎么在大环境的认知上面如何去调整，怎么去让客户有一种新的视觉聚焦点，要把它们区分出来。所以在这个情况下，我们就调整了左侧的这个模块。在制作左侧模块的时候也会考虑到这么一点，就是我在大的页面环境下面，基本上大家做的都是静态页，静态页的情况下面我怎么去通过小的细节调整让客户可以感知我鼠标滑过的时候有这么一个东西，去吸引他们的注意。因为我们知道如果只是单纯的静态页的话，你做出来的东西就只是出现一个小手。对于年纪比较大和年纪非常小的来说如何让他们去适应淘宝是增加我们销量的重要部分。

我们接下来往下面看，这个首页的模块大家可以看一下这个点击率，是单日的数据。通过这种模块的设置，它里面跳转的设置非常有利，可以跳转到单个产品链接，对于客户来说更加好操作。不用像以前一样，要咨询客服点击领取礼包礼券之类。因为我们现在要考虑产出同样要考虑单位产出和工作效率能达到多少，给客户提供更好的用户体验，抓住他们的认知视角非常重要。

那么到底是什么是用户体验？第一个，给客户最简单、最直接的能够让他找到他需要的东西的感觉；第二个，我们怎么去更好的呈现我们的商品，而不是很大的一个模块放上一个东西，这个只适合小商家。如果只是店招很大，东西陈列表现的也是很大，整体的一个效果下来就给人感觉大而不精致。

. O* n, r; C2 z

三、如何做好页面设计？

很多人说，我的店铺的访问深度只能达到2-3。客户第一访问深度可能是单品，就是详情页，然后到店铺首页，然后跳失。第二种是商品详情页到店铺首页，然后跳到某个产品去，就是单品，然后再跳失。基本上现在客户的浏览路径就是这样子的，为什么呢？因为就是说像我们刚才看的页面一样，我只会看一下，点一下，但是下面没有吸引我的点。但是我们做一个调整，比如我们可以和客户进行一个反馈，鼠标在屏幕上会有变化，吸引客户眼睛，增强冲击力。这样一能提高客户的点击率，二是能够通过各种小细节展示自己的产品，不浪费空间，使客户在一定的空间内获得更多的信息

四、即使东西放在最后一排，也能有一定的点击率。

第二方面，在不谈交互的模式下，为什么页面划分过会调整出不一样的我们需要达到的效果。第一点就是视觉突出。尽量还是要有大画面，大画面是指画面内有重点突出，而不是大画面中各种各样的东西，打了很多字，杂七杂八。对于手机端说，我们更想马上能够找到自己想要的东西，这便涉及到极简和聚焦。如果你做的每个东西都很有特色，那就是没有特色，尽量把量简化，简化到一定的程度时就是特色。第二点是陪衬，就是说当我们想要展示一样东西的好时，一定要拿其他的东西来做陪衬，比如在一堆99价格中放一个59价格的单品，我们需要去衬托这个产品，比如衬托这个价格低，这样就能提高产品的转化率。第三点是透气空间。说得简单点，就像是画画上面的留白。做现在的网页设计也是如此，我们不能把所有的东西都做的实底，不要把画面压的很挤。如果用白的来装饰的，则显得有空间，透气，不会让客户感到压抑。如果密密麻麻的一堆，让客户都不知道如何看下去，则会有很高的跳失。最后一点是分流变化，这个是在大页面上去做的。比如在页面最后做一些tips，比如返回最上面等。

. n; F, Z) z5 ?* G0 Z/ S: B

五、运营和设计相辅相成

为什么说没有数据支撑的设计都是耍流氓？因为设计师不会去考虑运营这些东西，那么运营经常和设计对接不到位呢？因为运营也不知道设计通过一个什么样的形式去做，因为从运营来看，把画面做的大，把字做的大就是吸引的点。其实不是这样的，如果多去和设计交流，其实从很多方式可以磨合出一种好的方法去展示。

以我们做页面前后为例，从去年双十二到今年改版之前（四月左右），包括主体的点击率跟跳失，以及停留时间。主体的点击率大概是在130，跳失大概是在60左右，停留时间基本上在100秒以内。而在调整之后，流量基本上趋向于完整化和平稳化。点击转化率大概是在200%左右，除非流量特别大可能会往下降的比较厉害。在跳失率方面大概是30-40%左右，停留时间大概在110-120秒，这与预测来看相对比较吻合。

而在页面调整上我们应该注意这几点：第一，模块的核心不要变的太快，这其实是抓住老用户的客户体验。这能让老客户知道，这家店铺里面我每次都是在哪里找到东西的。在这个基础上面去调整页面，不要过多的改变框架模式。第二，页面调整是有目的性的。这种目的性表现在1.流量。流量到底要去哪里；2.流量的使用率如何提高；3.停留时间。要让客户如何最快的找到产品，让客户如何最快的被现在的页面所吸引并去习惯。

六、调整详情页适可而止

对于详情页的包装，不需要花太多精力。因为包装给客户真正能够带来转化率的感觉其实不强。首先，设计师给你的详情页最多也就设计一个页面的画面感，如何去通过全局的布局去提高转化率才是最核心的。

我们可以解析一下，你的用户为什么会去买你的产品？第一，喜欢你产品的造型，这是最最核心的，如果不喜欢你的这个东西，客户连点都不会点；第二，客户习惯。客户会去看你的产品评价。去引导好评，这是运营方面去辅助的，不是设计师所能控制的。对于详情页，就我的想法来看，你到这个度了，那就不需要把设计师这个人力再耗在这边，我去让他更多的想办法调整钻展，把流量拉进来，比如说我的转化率本来是1%，我的详情页调整过后变成1.3%，然后这个时候怎么办？去调整钻展。在现有的资源的情况下，我们怎么通过不一样的方式去改变思路和经营模式，是需要大家好好考虑的，如何解决这些问题才是最关键的，不要被一个方法束缚。