购物车最初是在商场中，顾客用于暂时存放商品的一种手推车。后来人们逐渐开发了其它的功用，比如：装孩子，溜轮滑，偷回家……

在网上购物诞生后，购物车就只能用来装东西了。伴随网购的流行，购物车的电商承载功能也变得多样化起来，但无论线上线下，它的属性一直没有发生改变：那就是装东西，付账。

线上购物车

在最初的网上购物车出现时，它的线上体验类似于线下体验。将商品放进购物车，然后把购物车推进收银台，逐一结算买单。

线上线下的不同之处在于是否需要“逐一”刷条形码买单。使用网上购物车进过后台计算，一次即可结清所有商品，并且能够灵活的修改商品的属性，并迎合促销活动来进行商品的购买组合。

从购物流程上来讲，比收藏夹更接近购买成单，它的定位更倾向于给用户来做最终购买决定的平台。很多用户已经把购物车当做是收藏夹使用，只要加入购物车就能够看到商品总价，若商品降价促销，用户能从更直观的角度上来看节省了多少钱。从这样的角度来说购物车是促成用户成单的“最后一公里”。

网页迷你购物车

在各大电商平台网页端页面中，有一种迷你购物车。用户浏览商品网页的时候，可以通过鼠标悬停展开迷你购物车，并且进行商品结算。

迷你购物车简化了购物流程，只要用户心一动，手一抖，商品就可以出库搭上物流送到家。在挑选商品的同时，我们可以看到自己选中的商品，并与同种类别商品进行对比，这类似于我们在超市购物中进行比价的场景。

但是，迷你购物车实际转化效果并不好，使用率和结算率没有达到预期。原因可能有几个：

迷你购物车的用户体验不好。迷你购物车出现的区域不大，一次只能看到一小部分商品，并且出现的也不稳定（鼠标移走之后就会收起），不能真实重现超市购物比价的场景，也不能对比已选未选的商品。

和商品挑选的品类有关。超市大多是食品，日常用品，一次大量购买多件，电商平台的商品非常多，有些像电子产品这类的并不需要迷你购物车，更适合直接下单购买。

这里根据这些原因，可以参考以下优化：迷你购物车固定在搜索列表页，分类页的右侧，默认展开，并且在用户浏览相关品类商品时，购物车内的类似商品稍作突出显示，方便用户对比查看。（如 Tesco 的网站，虽然视觉效果不那么好，但是能够更有商场购物的感觉）

曾经网页上的迷你购物车从右上角推出，鼠标悬停之后显示商品列表。近几年，在某国网站的设计影响下，国内各大平台的购物车变成了从右侧展开。

这样做并没有解决如上问题，鼠标移走之后购物车还是会自动收起。为什么电商网站都会那样做？因为购物车在页面右侧展开的时候，这片展开区域包含了用户账户的信息，收藏夹的功能，活动券的发放，甚至是一整个活动入口。右侧的展开边栏已经不仅仅是购物车的用途，实际上它已经是一个常用功能集中的操作区，并利用购物车使用频繁的特性带动一些业务上要推动的需求，最终以此促成更多的单量。

移动端购物车

近期流行的 O2O，特别是点餐类的 APP 在购物车上有一个创新， 区别于电商平台 APP 设置的单独页面的购物车，它们使用了迷你购物车来减少页面跳转的行为，简化了用户操作。

选择订单后后，迷你购物车从屏幕下方滑出，展示区域在整个页面中占比不大，同时不能长期存贮加车的商品。

这类购物车的出现更加的符合我们所处点餐的特定场景，同时在流程上减少了用户下单的页面路径，简化用户操作。

电商 APP 的购物车其实是店铺纬度的购物车。我们可以做一个针对活动专属的购物车，把所有商品是归类在一个活动下进行跨店营销，进而加上满减、满折、满赠这些促销提示。

线下购物车

通过对更细致的需求场景划分，线下的购物车形式也变得多样化。我们可以畅想一下如果购物车搭上互联网+是种什么样的情况，线下购物车有了科技优势的加成，也能提示购物车内商品的总价，显示促销的优惠，提示超市内商品的分类，自动录入购物清单。

购物车甚至能像平衡车一样供人们出行，或者能自动识别车主和寻路，或者购物车也能像共享单车一样实现全城共享，而不局限于一家超市。

用线上的思维来改造线下的体验，让购物车不止是购物车，而是更适应人们生活需求的产品。根据不同场景来私人订制设计，构筑更佳的用户体验，让生活更美好。

本文作者：金质彬（点融黑帮），UX Team 小小交互设计师一枚。不爱购物，爱动物。