网易考拉购物车优化
网易考拉购物车第一次改版来啦~
狗叔今天来说说网易考拉购物车的优化吧~
购物车到底有多重要呢？我们去超市买东西的时候应该深有体会，当你挑选好了喜欢的商品想要继续逛超市，如果这时候没有购物车，你还有逛下去的心情吗？由此可见购物车的重要性了。
当然线上购物车的作用还有很多，比如：
提高单次客单价
合单支付（只需要统一付一次钱）
参加一些满减等优惠活动
简单的收藏夹
方便用户仔细对比多件商品
……
数据表明，每天约60%的订单都是从购物车下单的，这么重要的购物车，当然要好好设计了。考拉近几年发展迅猛，购物车也需要随着业务不断更新改版。
既然打算优化购物车，就要分清楚优先级，在开发资源有限的情况下，优先解决最重要的问题。
分析用户路径可以发现，用户结算之前的必经之路就是寻找购物车中的商品，这是购物车的基础功能，但目前并不尽人意，所以，此次优化的核心就是：
提高用户在购物车寻找商品的效率和体验，进而提高购物车的转化。
那么用户在购物车是怎样浏览、决策、购买呢？通过观察和调研发现，用户主要是通过浏览商品图片来定位商品，通过对比商品图片、价格、活动等因素来确定最终是否购买。
然后再来看改版前的考拉购物车，很容易发现目前存在的主要问题是：
页面主次不清晰，层级太乱，商品区过于拥挤。
图片、价格等对于用户比较重要的信息并没有突出，主要信息和次要信息杂糅在一起，对于用户的浏览效率和购物体验都会有一定的影响。
通过前面分析可知，用户是通过浏览图片来定位商品，但考拉购物车商品图片太小，导致用户寻找商品体验并不是很好，并且图片的大小在一定程度上决定了购物车整体的排版布局的走向。通过分析竞品，我们做了3种图片大小的视觉稿初稿：
140像素—考拉改版前的图片大小
160像素—严选等竞品采用的图片大小
180像素—淘宝、京东等大多数竞品采用的图片大小
图片的大小直接关系到用户浏览的效率，到底选择哪一种呢？我们打算尝试大图的模式，原因如下：
大图可以使用户在购物车更容易定位到目标商品，提高效率；
考拉购物车存在税费，会导致考拉相对竞品来说更为拥挤，图片变大后让购物车的布局显得更为宽松，为后续的整体布局变化做铺垫；
其次，目前考拉非标品越来越多，对于非标品而言，图片更为重要。
排除可能得风险：
图片变大后可能会降低屏效。（小图一屏可以显示5个商品，大图一屏只可以显示4个商品）
为此，我们查看了购物车各个层次的用户（根据客单价分为：高、中、低用户）购物车平均商品数量，发现购物车中商品数量约为10个左右，图片变大后对整体浏览效率的影响并不大。和图片的变大的收益相比，风险在可接受范围内。
综合考虑，我们考打算将图片变为180像素大小。
2、布局
其次我们考虑购物车中商品区域的整体布局优化。
购物车信息较多，在布局上能做的比较有限，综合比较，我们做了两种排版布局的视觉初稿，如下：
左图：价格靠左，考拉改版前、天猫、唯品会等竞品采用的布局
右图：价格靠中下，淘宝、京东等竞品采用的布局
那么怎样确定到底哪种方案好呢？
我们通过对比两种方案操作，视觉焦点和浏览路径得出下面结论：
用户关心的的主要信息为图片和价格。左图，可能导致了用户的视觉焦点跳动比较大，用户较难寻找到需要的信息。反观右图，用户自上而下浏览时，重要的信息大多集中在页面偏左的区域，浏览体验较为顺畅；
主要操作区统一集中在页面右侧，便于用户操作，整个页面功能分布比较明确；
据心理学家研究，浏览商品时至上而下的顺序，有种点头的感觉，更容易促进成交。
综合以上，我们决定采用价格靠中下的布局。
A.B test
你以为就这样上线就结束了吗？做完方案后，还要做重要的A.B test。
简单来说就是抽取两批类似的用户，观察每一批的用户使用购物车时的各项数据，如果数据没问题的话，再扩大用户群，直至全部应用新版购物车。
数据分析
最后，不管数据是好是坏，都要做好数据分析。数据好，皆大欢喜以后继续努力，数据差，分析原因，以后避免类似的事情发生。此次改版，购物车总体结算导出率提升了约1%，还好结果皆大欢喜，不然绩效堪忧啊~
