老司机带你开“电商购物车”

2017-01-20 11:44:00

恩，今天的分享冲动源于某日和基友聚餐：

结论：不要轻易用购物车考验友情。

这深深激起了老司机的兴趣，要挖掘下这辆让友谊小船一沉不起的购物车的设计逻辑。

电商购物车有啥作用？

去超市购物，我们往往会推个“购物车”，将想买的东西统统都“放进去”，选得差不多了，就推到收银台“结算”。

而电商平台的购物车，主要指的是用户点击商品页面的“加入购物车”按钮，到进入下“去结算”之间的过程。

图片版权归个人所有

聪明的你已经发现，线上购物车的设计很大程度上是借鉴参考线下商超的理念，都是为了“让用户买买买更多的东西“。（SO, 每个月的剁手账单真的不怪我们，都怪购物车造得太大!）

电商购物车有啥作用？

1、提高客单价。（请自行脑补每年光棍节那辆价值连城的购物车）

2、解决跨店铺单品，多品，运费问题。

没有购物车，立即购买只能是单品的，同店多种商品也只能单独下单购买，无法合并成一个订单，但每个订单都有一个运费，只能联系卖家手动改成一个。

3、满足使用多样化营销工具。

同店、跨店（平台型营销）的商品订单结算，可触发多种促销方式，如：优惠券、满减，满送，包邮，积分赠送等。

那么设计电商购物车需要考虑哪些逻辑？

第一个：购物车入口逻辑

哪些页面有“加入购物车”按钮，让用户可以将想败的商品任性地添加到购物车。

常见的入口：商品列表页、商品详情页，上新专题页，营销推广活动页，不同的网站会稍有差异，例如某VIP直接在列表页将“个人中心“、”我的收藏“”购物车“冻结在左下方。（恩，都是套路）

第二个：购物车添加商品逻辑

从页面展现来看目前主流的处理方式主要有以下3种：

1、点击添加商品到购物车（动画展示添加过程和数量），停留在当前商品页面（京东、唯品会）

2、在当前页面提示“商品已经加入购物车”然后停留在原页面让用户可继续购物（淘宝、亚马逊）

3、在当前页面弹框提示用户是去购物车列表页还是继续购物，目前这种方式用得较少。（不要让用户思考和做选择）

第三：购物车页面展示逻辑

进入购物车页面时，该页面的主要要素为：商品名称、商品数量、商品价格，当然，不少平台也有“领劵“、”再逛逛入“口。

当用户勾选需购买的商品时，会触发价格处理器的运算（给程序猿哥哥1024个赞），购物车只要告诉价格处理器有什么商品，商品数量，符合什么优惠规则，价格处理器则自动运算，计算出相应的价格，最终展示给用户看。

购物车页面需做好两个引导指向：

1、让用户尽快成功支付；

2、鼓励用户buy more。

让用户尽快“支付成功“，需重点露出显示 “去结算”按钮。建议可以把“去结算”按钮放到右上角或冻结栏在右下角，使用醒目而带有鼓励氛围的颜色，引导用户去点击支付；（机智的你会发现大型电商网站都用橙色、红色、粉色）

另外，支付方式多样化也是让用户更快成功支付的保障。支付宝、微信、银行卡、信用卡几乎成为电商网站的必备支付方式。

而让用户尽可能buy more，对于“继续购物”或“再逛逛“）按钮的设计也十分考究。在这一个环节，需要PM去衡量，是“继续购物”重要还是“立即结算”重要。分析大多数电商平台，相对更突出引导用户 “去结算”，毕竟在用户买买买欲望最燃的时候，支付转化率会更高。而“继续购物“可能引导用户加入购物车的商品多了，但支付冲动却下降了，导致最后成交量并不如想象中的高。

第四：离开购物车的逻辑

一般来说，用户因为点击“继续购物”（或者点击“猜你喜欢商品”）和“立即结算”离开才是正向的离开，否则在运营角度上来说都算是用户流失离开。

点击“继续购物”是回到当前商品详情页还是去到商品列表页或首页，这个逻辑的界定则需要PM和运营同学去沟通，具体可根据平台属性、业务倾向、运营数据来决定了。

补充说明：不要轻易打开一个妙龄单身女青年的购物车。