作为一家以产品设计见长的家居卖场，宜家的体验式购物场景设计也颇为令人称赞，单向购物路线设计，家居实景展示，Psrsona的应用等等，有很多设计理念可以令我们这些Web设计师好好琢磨与体会。最近光顾了几次宜家，留意了一下它的促销展示，给我印象深刻。如此众多的促销类型，宜家将其展示的恰到好处，丰富而不杂乱，功力可见一斑，我在线下卖场中，还没有见过第二家。

一 正常销售

白底黑字，凸显宜家简约风格，品牌+产品+参数+价格，价格大小适中。

二新品

所有新品都是有统一蓝色ui，非常醒目一致

三 特价产品

促销产品的价格采用底色加半描边方式展示，黄色使之醒目，红色暗示紧迫感。

四 清仓产品

整体采用黄色底色，“清仓商品”文字醒目，突出原价与清仓价的对比，通过告知剩余库存增加紧迫感，等不起啊等不起。

五 会员商品

会员特惠，突出会员价与非会员价的差异，并告诉你如何成为会员（忘带了会员卡也没关系，体贴不？）

六 降价商品

更低价格，并注明了某日之前的价格，以示对比，告诉你，我实实在在的降价了。

七 限时特惠产品

采用红色突出时限，同时与原价产生对比。

八 免费获赠

强调赠品价格，暗示客户获得的实惠，配以赠品图片及活动时间

九 折扣换购

这个促销的标题起的不好，并不是多买当前商品可以优惠，而是购买配件可以打折，我观察，时而有人站在这个促销牌前面发呆：）

十 组合购买

凸显组合购买的价格优惠，大大的加号和求和横线，叫人一看就明白

十一 多买优惠

呵呵，一般都是小件商品，一件多少钱？不好算？估计是5元吧。

先贴这么多吧，希望能给大家有所启发，宜家里面待挖掘的东西还有很多，希望以后有时间还能与大家分享。

表单的设计可以写出一本书，可见想说清什么是好的表单设计也不是三言两语的事。通过表单进行人机交互需要消耗大量脑细胞，所以我从以下三个成本角度来看表单设计这件事：

1、降低视觉成本

1）有清晰地浏览线，利于扫描；
2）通过背景色、水平线、间距将相关内容分组
3）偏执的减少视觉干扰

2、降低认知成本

1）仔细设计标签的对齐方式（左对齐、右对齐、顶对齐）
2）合理的将表单内容分组
3）通过输入框长度进行暗示
4）有效的表明必填项或可选项（optional）
5）适时提供帮助

3、降低交互成本及风险

1）要支持Tab键跳转
2）将主动做与次动作加以区分（如提交与取消）
3）进行中的动作要给予反馈（如提交中……）
4）在哪里出错就在哪里给出提示
5）明确的成功提示及后续操作
6）聪明的默认项
7）智能的建议
8）提供即时验证
9）高亮显示当前激活的表单组件
10）输入时，减少键盘与鼠标见的切换

其实，除了以上这些，最重要的基本功，是对各个表单控件的用途和使用场景有深刻的认识，只有这样，才能设计出令人可以轻松交互的表单。

首先明确一下，我这里指的转化率=订单提交成功数/访问次数，提交订单成功即算达成目标。而后续的因支付、库存、配送等因素导致交易最终未成交，暂不考虑。

在做所有优化之前，应该先对网站目前的转化率进行细分，细分之后，你就会明白哪里需要改进，哪里的优先级最高，还有可能发现意想不到的数据哦。就让我们马上开始吧：

1、按流量细分转化率
1）按流量来源细分，可以知道哪些流量是健康的，哪些流量需要优化，哪些流量是虚假的，从而动态调整我们的营销策略；
2）按关键词细分，可以知道哪些词的转化率高，从而加大投放，哪些词的转化率低，减少投放；
流量优化是转化率优化工作的排头兵，只有确保来到网站的流量的质量，后续的优化工作才会见效，才会有意义。

2、按购物流程细分转化率
这是最基础也是最常用的一种细分方式，对优化网站设计及易用性效果非常明显，一般包括以下几个比率：
到达率：到达单品页的访问次数/所有访问次数
提袋率：放入购物车的次数/到达单品页的访问次数
结算率：订单成功提交的次数/放入购物车的次数

so，到达率x提袋率x结算率=订单转化率。你可以针对每一step的转化率进行有针对性的优化，从而提高整体转化率。具体方案有太多了，以后有机会慢慢聊。通过GA中的目标设置功能，可以轻松实现按购物流程分解转化率，并可通过渠道形象的展示各步骤转化率。

3、按用户特征细分转化率
1）按新老用户细分
这在GA中可以很简单的分析出来，你会发现新用户的转化率的确很低，接下来就可以针对新用户想一些办法来提高他们的转化率，比如送券，尝试简化购物流程甚至是免注册购物。
2）按地区进行细分
不同地区用户的转化率有差异，可能有几个原因：当地库存现货率、送货时间、品牌在当地的知名度、以及当地的经济及网络发展水平，当然，别忽略了当地的网络状况，如果网速慢，转化率一定不会高的。

以上，都可以通过GA统计出来，如果你的分析团队够强大，其实还可以按年龄，收入，职业继续分解，但有时数据不在多，而在精，对我们的工作没有指导意义的数据，就没有存在的价值。

4、按商品特征细分转化率
1）按品类细分
如果你是一家综合性B2C网站，按品类分解很重要，可以让你知道你的网站具有竞争力的商品是哪些，最冷门的商品又是哪些，每个品类的商品有其各自的特点，因此优化的切入点就会不同，比如3C类产品，规格参数、对比功能、评价都很重要，而服装类产品，商品图片，颜色尺码等信息就非常重要。以上可以使用GA中的高级群体细分功能进行统计，但有个前提是，网站url要十分规范，且能通过url识别出具体品类，否则无法按品类分解转化率。
2）按关注度细分
其实商品的关注度是与转化率有一定关系的，但也并非关注度高的商品转化率一定就高，因此将关注度高的商品优先优化，也是一个不错的切入点，优化你网站中最热门的商品，绝对是个好想法。如何得到商品的转化率？这要与你的数据分析团队合作，找出商品的浏览量和对于的成交量，相除即可。

以上写这么多，主要是想强调数据分析的重要性，只有先进行详细的数据分析，才能发现问题所在，做到有的放矢。另外，得到数据了以后，最好与行业平均值或竞争对手进行一下对比，有针对性的进行优化。最好，欢迎各位同行一起探讨，希望能够得到更大的启发与思路。

第一步、邀请用户在线体验新版，并提交反馈，通过小规模用户的使用来发现问题并尽快修正，同时也算是进行改版告知，以对用户表示尊重，为新版造势，减轻用户心里压力；
第二步、一旦确定新版不存在重大bug和问题，可以逐步将流量从旧版引入新版，一般有两种方法： a、假设有e1、e2、e3、e4……等多个入口连接到a.html，那么可以先把e1入口的流量引入b.html，进行观察，稳定后在把e2的流量引入，并最终把所有入口的流量都引入b.html； b、假设有s1、s2、s3、s4……等多台服务器，那么可以先把s1服务器上的流量引入b.html，进行观察，稳定后在把s2的流量引入，并最终把所有服务器的流量都引入b.html；
第三步、一定要在b.html页面提供返回a.html页面的入口，不仅缓解用户的焦虑，一旦遇到严重问题，用户依然可返回旧版进行操作，降低了系统风险，因为即使最及时的反馈，发现问题并处理还是需要时间的，另外，b.html一定要给出bug反馈入口，让用户随时可以把发现的问题告诉pm；
最后、所有流量都导入b.html后，接下来要做的就是详细收集用户的问题，观察用户的反馈，并紧密关注新老页面的流量比例，直到a.html页面流量趋近于0，此次改版基本算无风险实施成功。

当然，此方案也存在问题，实施到第二步时，用户有可能每次刷新出来的页面都不同，有时新版有时又是旧版，虽然此点可能带来用户迷惑，但此问题也是可以解决的，如： 在a.html页面注明：邀请您体验新版…… 在b.html页面注明：您正在使用新版……，如果遇到问题或不习惯，可以随时返回旧版……

对于大型网站，系统稳定性是第一位的，缜密的新旧版替换策略，是一个称职产品经理所必须掌握的方法。

开关

然而网络就不一样，你可以很轻易的隐藏一个按钮，或将一个输入框置为不可编辑。这样做其实有很大风险，你的设计一定能够“不言而喻”或者“自我解释”吗？如果不能，那对用户来说，就是件很需要“make he think”的事情。

对于电子商务网站，当商品无货时，购买按钮如何处理是个很有意思的问题，隐藏？改成文字？置为不可点击？改成“到货通知”？

电子商务网站的购买按钮

当一个按钮不可用时，是隐藏它，还是保留它并给予解释？我倾向后者。因为：
隐藏按钮，等于是先制造了一个“疑问”，然后再给予解释；

保留按钮，在按钮上做些处理（灰色，不可点），给予解释，在用户看来也许更容易接受。

从另一个方面讲，“购买”按钮对于一个电子商务网站，存在的意义已经不仅仅是一个普通的按钮，而更像一个风向标，就好象搜索引擎不能没有“搜索”按钮一样，从用户习惯及情感上来讲，它不在那里，你会觉得缺少了什么，越是普通的用户，越会有这样的感觉。

PS：上图中，欧酷的做法比较规矩合理，新蛋和当当的比较取巧，卓越和京东的做法不推荐，

我们知道，当向HTTP服务器请求某个URL时，浏览器将该URL与客户主机中存储的所有Cookie比较，如果发现域名相匹配Cookie，则匹配 Cookie中包含名字/值的那一行将被包含在HTTP请求头中，以保证依赖于Cookie的功能得以实现。

但是，当请求一个静态图片时，传输Cookie就没有任何意义了。

另外，Cookie的存取是不允许跨域的，这个很好理解，因为有时Cookie文件里会存储一些比较敏感或重要的信息，如果允许跨域读取，那么随便一个网站都可以取得目标网站的Cookie，这是非常危险的。利用这一点，我们可以将静态文件放在新的独立域名下，由于新域名下只放静态文件（最主要是图片和CSS，对于JS文件，如果涉及读写Cookie,那么还是要谨慎处理），并不会产生Cookie，所以请求静态文件时，是不会携带Cookie的，这样就提高了传输效率，减少了一定带宽。

Yslow中倡导的减少连接数，也是部分处于减少Cookie传输的目的，当然，启用了新域名，会增加域名解析的时间，需要权衡。

那么，这么做的效果如何呢？我们做如下假设：

网站日均用户100万，访问首页：30万
首页Cookie大小：0.05k
CSS文件数：2
JS文件数：10
未缓存图片数：50

那么无效Cookie =300000*0.05*2*10*50=15000000k=1.5G
（以上粗略估算，如有不准确的地方欢迎指出）

网站流量越大，图片越多，这个数值也就越大，优化效果也会越明显，所以上了量级的网站，都会作此优化。

那么效果是怎样的呢？我们仅仅把页面顶部的一些js进行了合并，并在页面顶部仅保留了首屏必须加载的js，比如焦点图脚本、minicart等，之后，我们把其它js移至了页面底部，就这些，效果怎么样？让我们来看看商品页的Bounce Rate(跳出率)：

看到那个明显的下降了吧，就是这样简单，一个小小的改进，就可以让页面加载的更快，让更多的用户留下来。
好了，现在关闭这篇文章，马上去看看你页面的代码，顶部是否有多余的js需要合并或者下移，Do it，等着看效果吧！

记得，页面访问速度是用户第一体验，是我们与用户都不可能逾越的一关。