电商产品设计：购物车的产品逻辑与妙用

1.购物车的妙用

购物车在实际使用中对用户来说，兼具着凑单、促销、收藏的功能。

1.1 凑单

在用户浏览详情页的时候，有两种选项：一种是立即购买，另一种是加入购物车。当用户本身需求较多，想一次购买多种商品，或者参与到优惠活动中(满减、满赠等)，这时候会加入购物车进行凑单。

1.2 促销

购物车还有促销方面的功能，用于提高客单价。当有促销活动(满减、满赠)时，用户加入购物车之后，可以查看是否满足优惠条件，优惠之后的金额(不包含优惠券)。

1.3 收藏

对于大部分用户来说，购物车发挥更多的是收藏的作用：看着不错，等以后再下单。另外还有筛选的作用。譬如我购时，会先加入购物车收藏，后面有时间在购物车中筛选之后购买。

淘宝、京东、Amazon、考拉的购物车

2.购物车的设计

2.1 通用显示

购物车在展示时，基本的展示信息主要有：商品标题、商品图片、价格、数量、规格(颜色、尺码等)、商家(自营或店铺)、库存状态(库存紧张/缺货)等。如果是跨境商品，还需要显示税费。购物车中的商品信息在初次打开 (APP或web首次进入)或刷新时，商品信息、促销信息都同步更新。

购物车的选中策略有三种：打开是默认全选、默认全不选、云端同步选中状态(不同设备打开时继承上次选中记录)。

用户的购物车数据需要记录在数据库中，保证APP端和web端同步，下次登录后不会丢失。

2.2 离线购物车

离线购物车指的是用户在未登录状态下加入购物车，一般通过创建虚拟用户实现 。为了更好的用户体验，需要让用户在下单之前，允许未登录先将商品加入购物车。

用户登录之后，涉及到离线购物车和在线购物车合并，首先判断当前是否有离线购物车，然后将离线购物车的数据和在线购物车数据进行合并。

2.3 库存监控

由于商品库存会发生变动，为了提醒用户，也是为了促单，在库存紧张或无货的时候，会在前端给予提示。购物车更新时，去查询对应的商品库存，判断当前商品的数量，当大于 0 小于提醒值时，提醒用户库存不足，请尽快下单，当等于 0 时，提醒无货，当商品下架后，提示商品无效。

无效商品进入无效商品列表中，可批量清除。

2.4 排序分类

商品在购物车中显示有几个纬度：

1. 商家店铺，将店铺不同的商品分开;
2. 优惠不同，在购物车中将优惠活动相同的商品聚合在一起;
3. 加入时间，按照加入购物车的时间倒序排列，最近添加的商品排列在前。

2.4 促销信息

购物车中显示促销相关信息，类似满减、满赠、赠品信息。例如在购物车中显示满 500 减100，全场满减，商品的赠品有哪些。还可以引导客户去店铺领取优惠券。在购物车中展示促销信息对提高客单价有良好效果，目前最好用的购物车非京东莫属。

2.5 商品推荐

在购物车底部，是最好的商品宣传位，可以添加为商品推荐区域。至于商品推荐的内容，会根据用户数据做定向推荐，这里不做扩展。

2.6 价格监控

购物车的商品价格变动时给用户提示，譬如降价 20 元，会对用户的消费决策产生影响。

2.7 编辑

编辑购物车时主要可以进行的操作：删除商品、加减商品数量、更改商品规格等。

购物车编辑

3.购物车的结算

在购物车选中商品时，会实时算出订单金额。在购物车中计算时，需要将优惠金额算进去，但是这部分优惠只包括满减的部分。例如商品订单 1000 元，但是满 800 减200，那购物车中显示的订单金额为800，优惠200。若是跨境商品，则需要考虑税费。

在购物车中未将优惠券的优惠金额算入，主要是因为实际场景中有多优惠券满足订单的情况，用户可根据需要自由选择相应的优惠券。

这里有个优化点，可以提示使用优惠券最多可优惠多少元。

总结

总结了一下购物车，在移动端和PC端的购物车设计上虽略有不同，但是核心要点都是一样的。良好的产品逻辑 、用户友好的购物车设计能够促成交易达成，提高客单量。

作者：Bouny_Yuan，电商产品经理，主导多业务产品更新迭代，负责过从 0 到 1 的产品设计、研发、上线。专注于电商产品设计、商业分析以及后台挖坑。每周持续更新产品相关的文章，感兴趣可关注我，欢迎勾搭交流!

注：相关网站建设技巧阅读请移步到频道。

编辑：未知