不同平台的购物车设计实例分析分享

不同平台的购物车设计（实例分析分享）

最近做了一款电商的产品，其中包含购物车的功能设计，从前我觉得购物车是一个电商的基础模块，每家电商都有且都长得差不多。这次过程中，我发现它功能非常强大，涵盖了许多烧脑的子功能，且不同的平台交互上差异蛮大的，值得品一品。我结合淘宝、京东、严选、考拉、有品、苏宁主流平台的购物车功能，来做一下分析。

进去前的判断

大部分电商，购物车一般在游客模式就可以看到，也有一些电商需要登录后才能看到（淘宝）。从体验来讲肯定前者更好，从转化角度将后者更好，这个要看平台的定位了，就不分析了，直接进入正题。

1. 单个编辑、批量编辑商品

加入购物车的商品，编辑功能主要包含三个子功能，分别是批量删除、移入收藏及更换商品规格，这些基础功能都大同小异。不同平台在功能上的交互有好有坏，例如：规格编辑这个功能，我发现大部分电商在编辑状态下，才可以更换。

淘宝现在支持在非编辑状态也可更换规格，个人觉得这样设计很棒。最近大火的有品和考拉比较有意思，他们编辑状态不支持更换规格，不懂为何这样设计（我猜是想把平台做的尽量简洁，舍掉了一些功能），总有买东西纠结颜色的时候的，不支持购物车进行更换的话，很不方便，毕竟用户也习惯了购物车是可以更改商品规格的。

京东有个很惊喜的设计，在编辑状态下，支持商品更换优惠活动。随着活动的增多，商品同时参加多个活动的情况很可能发生的，凑单的时候，由用户来决定想参加哪个活动，凑单体验更好，这样设计功能方便后期活动功能的延展，灵活度更大。

2. 批量结算

最基础的功能之一，就不多谈了，这里要注意结算时不同店铺订单的拆单问题。

3. 优惠券领取

优惠券领取功能，主要是判断购物车商品是否有可使用的优惠券，若有则在购物车中展示，让用户再购物车界面领取。

一般有两种方式：

• 一种类似严选，“领券”按钮放在了购物车顶部，点击后显示所有商品的可领券，每张券可向下展开包含的商品，大部分自营的店铺采用这种方式；
• 另一种类似淘宝，以店铺的维度来，显示每家店铺的可领优惠券，大部分支持第三方入驻的电商采用这种方式，优惠券的权限是下放到每个店铺的。

4. 活动凑单

购物车商品若有参加满减满折等活动，会直接提示用户活动信息及目前的状态（满减还差***元），并跳转到活动商品列表进行优惠凑单。值得一说的是，跳转的凑单列表，有些商城是不能筛选的，像小米有品；有些商城像严选，支持在凑单页进行商品筛选或搜索。

有筛选功能体验更加好，例如：在满199-100，还差20元去凑单的时候，就想找个价格在20左右的商品，如果不能筛选，就要不停地往下刷，体验很差，也许操作就这样中断了。

苏宁易购我感觉凑单用起来是最爽的。除了活动的凑单，在购物车页面，还有优惠券凑单的功能。实时告知用户优惠券凑单是否达到，还差多少元，及时反馈，凑起单体验太棒了。

相比较，其他很多电商，都需要跳转到下一步订单结算页，才会告知能否使用优惠券，用户用优惠券的凑单就需要心算了，若发现想用的券没凑够，就要退到上一步，甚至到个人中心的优惠券列表，去看可用商品列表凑优惠。

5. 商品排序

用户跳转到购物车，购物车会自动进行排序，把最近添加到购物车的商品选中，并排列到购物车最上方。其余商品属于同一个店铺的会归类打包到一起，变成一个整体，并按照最新最前的逻辑排列。

当不同店铺的商品，同时参加同一个满减活动，那购物车排序应该怎么排？

同一个活动的商品，为了方便用户凑单，肯定要把他们放到一起，但他们可能属于不同的店铺，购物车还有该店铺的其他商品，那么上面的排序逻辑就要优化，凑单的优先级高于普通排序。京东和苏宁都是这样处理的。

此外，还要注意编辑对排序的影响，商品的增删及优惠活动的变化，购物车排序也会相应变化。

6. 降价提醒

人性化的功能，我们购物车往往会放很多想买的商品，价格是影响购买关键因素，当发现心仪的产品有优惠折扣，那就是下手了时候了，这个功能帮我们记录降了多少钱。

7. 库存紧张提醒

库存较少时，会有失效提醒，给用户一种“再不买就没有啦”“这个商品非常热销，不下手就快没机会”的感觉，催促用户下单。结合降价提醒、失效提醒，把购物车的心理暗示做到了极致了。

8. 失效提醒

商品缺货或下架后，会变成失效状态，用户可以选择一键清除或全部加到购物车。另外天猫和京东会有个很人性化的设计，它找相似按钮从隐蔽的长按才会显示，变成很明显的位置显示，抓住了用户在想买的商品失效后，想在其他店铺再找到同款商品的心理。

9. 找相似

顾名思义的功能，通过该功能，找到整个平台相似的产品，来进一步选择性价比及需求满足度最高的产品。我经常在使用淘宝的该功能，发现还不是很智能，出来的商品差异有点大，所以我蛮少用的，而且用的时候一