在2007年以前，淘宝这类平台模式的电商还没有“购物车”这个模块，一个商品就是一次交易，若在同一家店铺购买多件商品，则需要下多次订单，并且每个订单都有各自的运费，这导致买家在相当长的一段时间内需要在拍下宝贝之后和卖家沟通“改一下运费/价格”，因此，为了解决这一问题，淘宝的“购物车”应运而生。
一、购物车出现的原因
除了上述解决合并购买这一原因之外，购物车还有其反映现实生活的成因。在传统卖场中，购物车的作用是方便顾客在选购商品到结算前解放双手并为其存储商品，而在线上，用户同样有选购商品、比较商品、暂存商品的行为需求，因此在用户完成下单结算前，购物车仍有其存在的必要，传统购物车也就映射到了电商的概念中，而线上购物车的图标也是四轮手推车的形象。
有了购物车之后，才出现了“订单”这一概念，运费的设置也变得更为合理，但最重要的是，购物车的出现使得平台及卖家可以进行各式各样的促销活动。以前没有购物车的时候，一个商品形成一个交易，很难进行促销，而有了购物车，可以将多个商品合并购买时，“优惠券”、“满减”、“满赠”、“满返”、“搭配套餐”、“多件包邮”等促销方式层出不穷，如今“双11”和“618”这类电商大促节，也是依靠着促销而使销售量剧增的。
二、购物车的主要功能
1、商品信息的陈列展示
由于不少用户喜欢将购物车作为收藏夹使用，因此商品按加入购物车的时间由近到远排列，最近加入购物车的商品自然排在最顶端，方便用户看到并及时下单。在按时间排列的基础之上，商品还会按商家（如淘宝、洋码头等C2C）或按促销活动（如京东、当当等B2C）归类展示，以求让用户多购买商品，提高客单价。
购物车是下单结算的前一步，因此需要让用户在下单前最后确认所加入购物车的商品的基本信息，包括商品名称、图片、数量、价格、SKU属性，并提供回到商品详情页面的入口，方便用户决策。
2、对商品的增删改操作
用户有对购物车中的商品进行数量、各属性上的修改的需求，因此删除商品及对商品进行编辑是购物车的一项基本功能。由于iOS操作系统的设计规范，多数APP均可通过左滑操作来删除商品，并通过点击编辑按钮对商品的数量、SKU属性进行修改。
3、总价的显示
用户勾选需要结算的商品后，可以在屏幕底部看到所选商品的总价，该总价是计算了使用优惠券立减后的价格，同时提示用户总价是否含运费、进口税等。
4、下单结算
确认商品信息及价格后，用户才会进入结算页面并生成订单，购物车所承担的使命才算完成。
三、购物车设计细节
1、登录状态
用户在将商品加入购物车前是否需要登录，不同的电商产品给出不同的答案。京东和当当可以允许用户在离线的状态下使用购物车，并提示用户“登录后可同步购物车中的商品”，而淘宝和洋码头的购物车设计则不支持离线状态。但这种强制登录才能使用购物车的设计其用户体验并不好，用户选购商品并将其加入购物车，是一个连贯的购物行为，并且对大多数用户而言，加入购物车并不代表一定会下单购买，用户还会持续比较商品，因此在生成订单这种必须和用户账号绑定关联的操作之前，给予用户一个自由充分使用产品并不被打扰的空间才是优选。离线购物车则是通过设备号来记录哪个商品被加入了哪个设备的购物车，并在用户真正去下单时才要求登录。而在离线状态下始终提示用户“登录后可同步购物车中的商品信息”这一设计，不仅能提高用户注册转化率（很多离线用户为第一次使用该产品），而且保证了购物车内的数据不被丢失，提升用户体验。
2、失效商品沉底显示
很多用户会把购物车当成收藏夹来使用，购物车中就会有时间久远的商品，或下架或库存不足，对于这些商品，常见的做法是将其灰度并沉底显示，而不是将其清除，并且区分该商品是下架了还是该型号无库存，对于库存不足的商品，用户可以重新回到商品详情页将其他规格型号的再次加入购物车。
3、降价提醒
一般被加入购物车的商品都是用户比较有购买欲望的，当商品降价时，购物车通过提醒用户则能提高购买转化率。目前大部分电商产品都有降价提醒的功能，这要求后台数据库记录刚加入购物车时的初始价格，每当用户打开购物车时，系统将当前价格与原价进行对比，若出现降价则在商品价格旁予以提示。
4、库存紧张提醒
我们常遇到某个商品只剩下几件库存的情况，当将它加入购物车时，若不予提醒尽快下单，很容易因库存不足而失效。因此需要在购物车中提示用户该商品库存紧张或仅剩几件，刺激用户尽快决断，从而提高转化率。
5、促销提醒
上文提到购物车的一个很重要的作用就是促销，那如何在购物车中实现促销，则需要依靠购物车商品列表中的促销提醒。一般主流电商的促销手段大多是“满减”、“满赠”、“满多少包邮”等，通过这些促销活动，进行关联销售，提高客单价。在商品列表前，通过醒目的标签提示用户该类商品满多少就能立减多少，您还差多少元就能享受多少的优惠，并提供一个凑单的入口。
当然，购物车的设计远比我在文中所描述的复杂，包括所涉及的各种数据的交互、购物车页面处理逻辑等，而文中所提的主要是围绕购物车在框架层的设计。
（转载请注明作者和出处。）
网友评论