网站页面陈列设计中的用户体验(3)

3. 陈列的目的是让顾客做出决策

这个原则可能字面上很难理解，下面我用两种陈列的方式来阐述一下!

如图：

左边这种能叫“同一空间毗邻陈列”，右边这种叫“同一空间沿时间陈列”为什么要介绍这两种陈列方式呢?

正是这两种陈列方式决定了顾客的浏览习惯!我们拿iphone来做例子，他们的图标是按左边这种“毗邻陈列”方式展开的，我们发现使用的时候基本是在决定进入哪一个程序!因为这种陈列把应有信息都陈列出来了，你需要自己做决定我要使用哪一个!

同样在我们的网站上，在淘宝的店铺上如果你希望顾客迅速对产品做一个判断并进入浏览阶段，毗邻陈列无疑是最好的方式!曾经一度淘宝上很多店铺喜欢在首页一开屏就展开一幅巨大的广告图，尽管广告图的效果很多人做的很好，设计很棒!但是我并不赞同这种做法，当然我排除了纯宣传不生意的那种店铺!我们应清晰的给自己的定位，我们是在卖东西，而不是show设计!所以与其通栏的广告不如好好的设计好一个陈列模块，选上几款，并将必要信息展示出来(价格，或原价，收藏数，购买数，图片等)，让顾客迅速做出决策进入哪一个产品页面!

有一点我没弄清楚，在传统线下商场和专卖店，进入店铺是需要一个缓冲带的，目的是为了让顾客更快的进入店铺的结构，不至于给琳琅满目的产品弄晕了!我不知道线上这种特征是否明显，但是我前面讲过，在首页头部一定要有合适的产品图形化目录导航，这个也起到一定的缓冲作用!千万千万不要出现一进来看到的是秒杀，聚划算，各种乱七八糟的打折信息，让顾客彻底对这个店铺没有整体感了!

所以总结一下，不要迷信广告图和大篇幅设计(那个宣传还好，卖货不行)!很简单的逻辑，你拿一朵花告诉你女朋友这花很漂亮很香，和你拿两朵不同的花问她选那一朵，后者更容易让她接受!

那么右边这种同一空间沿时间陈列 又有什么好处呢?

显然我们在产品详情页里面就是这种陈列方式，因为这种陈列方式是不需要你立即做出决策的，更多的时候你是在吸收信息，所以此时你的图片和信息可以独立开来，每一次空间展示的产品也好，图片也好，信息量要丰富而且专一!我曾经做过一些小试验，如果产品详情页里边，你每一张图的高度正好占据一个1440*900的屏幕部分，如果图片越精准表达产品的特征，就越容易打动顾客!

所以这两种陈列方式在不同的场合一定要合理的选择!

4. 在合适的位置推出主打产品

都是比较常识性的原则，这条原则可能最难做的就是合适的位置!主打产品您最清楚，但是选择最合适的位置却需要一番调整和试验!有些店铺因为顾客养成的浏览习惯，他们习惯在首页开头的地方看到店铺的主打产品!而有些店铺却会在每个产品详情页的首部放主打产品!

陈列主打产品要注意的几点：

1. 要集中展示 2. 尽量放在新顾客进来的渠道口（这个不局限于首页的，有些做硬广的产品页面也是进入通道）3. 主打产品的包装要显著 4. 主打产品的数据要展示（收藏量啊，购买量啊等等）

【来看一个例子】

5. 不要轻易的更换动线和布局

动线一说我是在微博看见一位网友说的，这是线下商场的方式，也不是什么新鲜词!同样在线上的页面布局中也是这个问题的!玩法一样，一旦确立动线就不要轻易改动!

比如有店铺首页动线是这样的(导航—副导航—活动广告图—新款区域—主打款区域—产品主分类—分类陈列——同上)一旦这条动线确定下来就不要轻易去改动，因为很可能影响到老顾客的浏览习惯!当然如果有更好的布局方式的时候一定需要好好规划，然后慢慢改动，让顾客慢慢适应!理解起来就是一句话：充分尊重用户体验!

6. 每个功能模块展示的数量要合理

什么事功能模块?如你在首页横排8款产品的一个新款展示区域，这就是一个功能模块，或者你在侧边展示的“浏览量最高的10款产品”或者“浏览过该款的人还浏览过”等这些都是功能模块!这个模块的数量是需要合理控制的，不是越多越好，顾客有一个浏览时间，纯浏览性质的基本就是扫一遍，如果仔细看的可能也会有看腻的时候!

所以要合理的放一定数量的产品，像首页这种结构性很强的页面尽量款数要精简!而分类页这种展示页面就要多放!

7. 陈列的图片规格既要节省空间又要清晰表达产品特征！

最最重要的是表达产品特征!想缩略图(主图)这种图片因为会被缩小，所以尽量让产品占据图片80%的空间!摆放的角度和表现的特征一定要清晰准确!这个根据不同产品要不同的调整，每个产品都有其卖点，尝试将这个卖点在这种小方格图片中准确的表达出来!这才是王道!很少有顾客愿意看那些花里胡哨的东西，他们最终想了解产品怎么回事，你围绕的主题也是!

8. 陈列中巧用文字和数据的影响

相信大家对VANCL的页面中那个红圈价格印象很深，我们进入VANCL的页面感受最深的是他无处不在的价格数字，除了正常的价格标签外，醒目的价格数字会对顾客构成一定的购物氛围!在文字的链接上如“您还有x款没有查看”收藏人数XXX人 等!这些细节上的文字和数字都在潜移默化的影响着消费者的决策，所以在陈列中要巧用这些文字和数字!

9. 每个陈列模块之间要有清晰的界限

每个模块都有其特殊的功能，就好比每个货架上展示着不同的产品一样，顾客不知道您应该是最清楚的，所以要有效的区别这些货架，让顾客从这个模块浏览到下一个模块的时候有一个概念!不至于一圈看下来都不知道看了些什么!

如何来做个界限了，通常用带标题的横条!或者用不同颜色块来区别，或者用图形化的展示区域来区别!区别的方式可以是文字，图形，结构等!

10. 不要滥用广告图！

这个在陈列结构中讲过一点，广告图很多时候他起到一种宣传作用，永远不要以为广告图能给你带来多少流量，这个关键在于广告图在哪?如果广告图是挂在淘宝首页做硬广，

那么迷信一下还是有回报的!如果人都到你家店铺了，你还打着大幅广告，大可不必了!稍微放几个小幅的宣传图片就可以了，完全没有必要占据大面积的空间来展示一两款产品，这是本末倒置的行为!

11. 把握陈列中引起购物欲望的元素

这个元素有很多种，如(特点鲜明的价格标签，收藏数量，浏览数量，购买数量，等)这些元素看似很小，却也起到了不俗的作用，因为从众心理的存在，如果顾客看到一个某款产品下边展示着大量浏览量 和收藏量 一定会好奇是什么产品这么热门!

通常引导按钮的文字可以做的活泼一点，到哪都是“点击进入”可能会有点乏味!

12. 陈列中不可忽视的即兴消费

即兴消费就是在顾客正常的购买过程购买了不在计划内的产品!关联营销是一个手法，到了执行层面就是陈列上的设计，关联模块放在哪，放哪些关联都是要考虑的问题!现在很多卖家习惯将关联模块放在产品详情页的前面，我觉得这是极大不尊重顾客的做法，本来我好好的要看A产品，结果你给我整一大堆推荐产品放在前面，结果拉了半天才看到我想看的产品!这也是本末倒置的，合理的关联模块要放在顾客剩余时间的地方，比如浏览完以后，比如切换到另外一个页面以后，等等!而不是阻碍顾客正常的浏览过程，强行插播广告!