购物车设计的总结

　

文/先小龙

按照调查， 2016 年全球购物车放弃率在75%摆布，这个数字恐怕比我们想象中的高了很多。而导致这个的原因其中包孕：

过高的额外成本，例如运费、税费等

注册流程的中断

支付流程的中断，例如支付流程繁琐、余额不足等

过高的商品价格，没有优惠

用户仅仅是用于保藏

商品因为缺货或下架等无法购买

…

接下来，慢慢剖析一下一个合格的购物车的基本设计。

目录：

1、购物车的作用

2、购物车的入口设计

3、立即结算和加入购物车的区别

4、加入购物车的前置流程

5、购物车系统与其他系统的关联

6、购物车的产品结构

7、点击购物车之后是弹出弹窗还是跳转页

8、如何减库存

9、唤醒

一、购物车的作用

购物车不是简单的一个添加商品然后下单的功能，背后设计的内容比较复杂，他能够与会员系统、商品系统、库存系统、订单系统等紧密结合，设计购物车的时候要考虑到与其他系统产生的关联关系。

购物车的作用是什么？

二、购物车的入口设计

所谓入口设计就是能和购物车产生交互的入口。而我们在设计入口的时候，应该将本身融入场景，应需而现，通常在搜索列表页面、商品详情页面、秒杀、专题等活动页面出现，通常在这些场景中，用户是需要做出购买决策的，当然，也可能是用于商品保藏。

别的，入口也可能来自于用户的保藏夹、历史订单中。

入口设计的目的在于能够让用户基于差别场景将商品添加到购物车或者到购物车结算。

而在入口设计中，会衍生出别的一个谈的比较多的话题，就是立即购买和加入购物车的区别。

三、立即购买和加入购物车的区别

以下是淘宝和京东商品详情页立即购买和加入购物车的截图。

从素质上来说，淘宝是C2C的，是由各个卖家独立办理或发货的；而京东是B2C的，是大部分是自营的，有统一的物流体系。

就像去逛菜市场，不成能把每个摊位的菜都放到菜篮子了再去一一结账，而在沃尔玛购物，则可以将选购商品放到购物车了再到收银台付账。当然，像京东的秒杀商品也是提供立即购买的，因为大家都希望用最短的流程和时间购买这件秒杀商品。

设计立即购买还是加入购物车绝对不是一个 0 和 1 的问题，应该根据场景来定。

四、加入购物车的前置流程

按照实测显示，淘宝、京东、美团等平台的流程是点击“加入购物车后”，是成功将商品加入购物车，提交订单的时候才提示登录/注册。

而唯品会点击“加入购物车”时就需要登录/注册。

而我更倾向于建议先让用户加入购物车，在结算的时候再弹出登录框，过早提醒会中断用户的浏览过程。

而若不登录加入购物车会出现一个问题，特别是在PC端，如果用户清理了浏览器cookie的话，购物车里面的商品就会灰飞烟灭，这一点用户体验不是很友好，但用户主动清理cookie的情况比较少。

，