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

2. 让老顾客第一时间看到上架的新品

老顾客入店有两个需求：

a. 关心最近的新品 b. 关心店铺活动或者促销

排除了老顾客直接购买愿望产品这个群体(当然如果要做细的话也可以考虑进去)

针对这两个需求，开发出陈列区域;

a 新品区域，这个区域一定是动态，对于产品更新频率比较大的类目相对来说比较好做，还有一个就是数量的多少，首页的空间是有限的，你不能一股脑儿把所有新品都往上堆，最重要的是把主推新品往前放，这里要注意的技巧是一要重视缩略图的大小要合理，淘宝上我基本选择220px * 220px，两排8款!标题banner高度不宜过高控制在30px以内!要明显的讲这个区域分开来，为了激发新品的点击量，在banner的地方可以设置一些助于提醒的因素如：“您还有【12款】新品未查看“ 这是从SNS网站上移植过来的办法，我在后来的数据统计中发现这种提醒对增加新款的点击率非常有效!

b 店铺活动或者促销。这个内容在陈列的时候也有很多方式!如：活动banner引导到新标签页面、直接首页全屏展现活动内容、首页精选几款作为引导。

先说活动banner引导到新标签页面；

这个很常见，banner的设计我一直主张“less is more”这个观点(中文解释就是大道至简)，用色要少，元素要少，把活动主题突出来!很多不太成熟的美工，一味炫耀设计，喜欢在banner上做很多特效，加很多与主题没太大关系的元素，这恰恰会分散用户注意力，达不到影响深刻的效果!

好的banner需要让人有点进去的冲动，掌握两个词“简洁”“夸张”！这就是被人记住的办法!这里有两个让人们记住的技巧，分享给大家：

一是重复性；二是夸张！

重复性在设计里讲的是统一，配色要统一，不宜经常变换颜色，你现在看到“绿色+橙色”就知道是当当，看到“淡绿色”就知道是豆瓣，看到“橙色”就是淘宝一样!

其次是夸张，夸张的东西总是被人记住和好奇!大夏天你走在路上，突然一个穿羽绒服的人出现你面前，你一定会被其吸引!这个相信很多人在淘宝上看过一些令人叫绝的设计图片，如Mr ing的那张透气图片，这既是一种夸张的表达，但是为人所记住!

掌握了夸张这个原则，你在做创意图片的时候就能把握好思维的方向了!

其次说首页直接展示活动陈列的方式！

每个类目的不同的产品消费者有不同的消费习惯!考量活动内容是直接在首页展示呢还是放到一个新的标签页?我认为要应该考虑活动的目的!在旺季的时候，很多卖家即便不做活动也已经倒饱和负荷的状态了，此时做一些活动如果在首页直接展示产品内容很可能削弱原来正常首页到产品页流量(流量过于集中到促销产品上了)，如果活动并不是以利润导向的，那么反而降低销售额了，而且又会增加大量的人力(策划啊，发货啊等)!

卖家促销无非就是拉流量，跑销量，甩库存，打推广!

拉流量好解释，外面一个硬广出去，进来滚滚的流量如果不做好规划，横冲直撞打乱了原来的销售节奏就得不偿失了，此时我建议直接进入产品页面比较妥当，一不会拖垮首页功能，而能直接带来转化率!

跑销量的那批，大部分是利润比较低，为了加速周转率，这种活动销售部门看着挺开心，销量也在疯狂增长，但是其实背后的成本的还是很大的，弄的不好，团队人数不够的话，大家都停下来去打包发货吧!结果弄的一大堆退货差评等很糟糕的用户体验!个人觉得，这种低利润跑销量的东西不宜大张旗鼓的弄，偶尔出来刺激一下，市场疲软的时候放一点出来，市场好的时候让一边给高毛利的产品上!所以在陈列上，比如首页非主要位置开辟这么一个区域，能容纳1~4款，偶尔出来秒杀一下，偶尔出来折扣一下，时不时勾引一下老顾客那个痒痒的心就可以了!

甩库存，甩库存要当做一项长期的活来干，从你一开始就要规划好甩货的周期，当然你必须要观察几个销售周期才能掌握这个甩货时间的规律，甩早了，还不缺电哪些是死货，甩晚了，压了一地库存!在陈列规划上可以单独开辟一个页面，陈列的时候要有统一的识别符号，比如标题还有【促】或者字样，缩略图要打上明显的标记，让人一眼看就知道是甩货!原价和现价都要标记清楚. 长此以往下来，顾客自然就知道应该在哪里看你们的甩货，逐渐形成习惯以后流量自然就会稳定下来!

最后要说到首页精选几款作为引导的的活动！

这种活动一般主体性比较强，而被选出来的代表产品也具有一定的性价比优势，为了吸引顾客展示的产品，手法有直接展示产品的缩略图(淘宝上直接展示首图)，另外一种就是自己制作广告图，一排两到三个这样，一定抓住连续性，互相之间协调，引入新页面的按钮也要设置的巧妙!通常都会用“更多XX点此进入”“猛点击这里”“等等!这种类型的陈列最要紧的是产品的选择，一定要具有性价比，比如原价卖290的现价卖120，这样你必须要有充分的空间来展示这种优惠差异，让顾客一眼就能看明白，价格这种数字要明显简介!说到这里，很多初级的设计会把各种字体都搬上广告图，严谨一点讲，像价格这种严肃而且信息精准的东西还是不要去美化他，用一般的helvetica或者微软雅黑字体即可!

---------------我们来欣赏一下韩都衣舍 在首页5周年的活动陈列-------------