电商产品设计：购物车管理

编辑导读：购物车在电商产品中是一个基础功能，用户可以在这里进行商品确认和结算操作，是整个购物车系统中最核心的功能。购物车管理功能应该如何设计呢？本文作者对此展开了分析，与你分享。

当添加商品的操作完成之后，下一步就要进入购物车进行具体的商品确认与结算操作了，是整个购物车系统中最核心的功能。

由于每一次用户进入都可能伴随着不同的场景情况，所以购物车管理的产品逻辑相对就要复杂得多，想要成功说服用户并完成最终预订转化，购物车管理的设计质量是其中的关键。

在购物车管理中，用户主要会经历如下几个环节：查阅并确认商品信息；选定准确的规格、数量等订购信息；确认最终的价格，最后提交订单。

LikeShop购物车流程图

这一系列过程影响着用户的最终购物决策，因而设计应重点符合用户体验和网络营销两方面的需求。在结账之前，大多数用户在购物车中添加的商品不一定会在最终的订购清单中，这时候用户的购物决策相对要更理智一些，消费者会反复比较、抉择，如果购物车能适时地提供更多更有效的决策参考，相信会更容易让消费者尽快做出决定。

首先是将商品的关键信息用最佳的方式呈现给用户。告诉用户都添加了哪些商品(包括商品图片)选择了什么规格、具体的数量、价格为多少、有没有优惠等，不同类型的商品可能其商品信息会有所差异，但最基本的这几项是必须要有的。商品图片应该与用户所选的规格一致，而不是使用统一的商品广告图，这将降低用户错选的概率。

一、购物车商品信息要素

商品标题：完整显示商品标题，带有商品详情页的链接
商品图片：通常以正方形小图为主( 80x 80)，显示所选规格的准确图片
所选规格：显示选定的规格参数，允许用户直接在购物车中修改
商品单价：显示商品原始单价，如果有折扣价则可以在旁边显示
订购数量：显示为数量选择框，最大值为商品库存上限，最小值建议为，“0”
价格小计：基于单价 x 数量计算出的单行小计价格
促销信息：显示促销活动相关的信息，比如还差多少金额可以免运费，或者当前商品支持哪些促销活动等
商品总价：显示累计所有选定商品的价格小计，以及结合促销选择之后的折扣信息所计算出来的总金额(注意：运费通常不会算在总金额中)

针对有促销活动类的商品，需要明确让用户知道：商品当前的促销活动是什么，如何满足促销条件，一目了然地让用户知道促销的支持状况。消费者最喜欢的两种促销活动就是“满减”与“免运费”了。

商家都希望消费者能购买更多的数量，这两种活动都会促使消费者进行“凑单”，凑足活动的条件要求，同样地，为了提高消费者凑单的成功率，提供更好的购物体验，可以在购物车页面直接呈现可以进行凑单的商品推荐，比如“当前热销”“最佳搭配”“支持同类促销”等，帮助消费者顺畅地进行商品选购，降低重新寻找凑单商品的难度。

详细的商品推荐设计逻辑可以参考前面第8章中关联推荐系统的设计。

其次是显示商品数量与商品排序。前面提到过购物车添加的商品都件数-般都会有上限，除了大部分用户场景都达不到上限件数的情况之外，还有一一个方面是考虑购物车展现商品时的版面设计，作为批量结算的操作，显然不适合在购物车页面使用翻页设计，应该将所有的商品都显示在一个页面中，供用户在当前页面完成所有结算之前的确认操作。

基本的设计原则：

同商家合并商品项:如果是同一商家的不同商品，那么合并显示会更便于消费者选择促销支持信息。
先新后旧:优先排列近期加入购物车的商品，早期加入的商品置后排列。口不同商家以商家优先级排序:比如自营类或品牌商类优先排序。

简单地说，就是在排序时，让消费者重点看见当前想买的商品信息，并且通过合并商家商品项使用户以最佳优惠的方式选购商品(因为不同的商家所提供的运费、售后与促销可能会不同)，清晰的商品排列能帮助消费者做出准确的选择。消费者的购物车决策是一个反复比较、多次决定的过程，所以必然会对购物车中存在的商品做进一步的确认并执行相应操作的情况。

二、购物车基础操作功能设计

删除：支持单商品删除和批量删除两种操作，执行删除则将选定的商品移除出购物车商品清单中
添加收藏：支持单商品收藏和批量收藏两种操作，执行收藏操作时实际上执行的是两个操作“删除并收藏”
修改规格：对于选定的商品进行规格的重新选定，一般会设计成支持在购物车中直接进行修改(使用弹层的方式解决)
修改数量：可以使用“+”“一 ”进行增删数量的操作，也可以直接在文本框中输人具体的数字，注意要允许用户输人“0”值
促销选择：支持在购物车页面直接选择促销活动
选定商品：支持单商品选定与批量选定操作，默认勾选新加人的商品，避免用户重复操作

很多购物车在设计时会忽视当前页面修改规格的功能，这点需要特别注意。如果是让用户重新到商品详情页进行选择操作，则有可能会因为一些不可知的因素而中断购物车操作过程，这显然不是明智的设计，最佳的解决方案就是在购物车中也可以完成对商品规格、数量的修改操作，这样的设计就达到了我们追求的“场景融合”设计原则的要求。

LikeShop PC端购物车中商品编辑示例

LikeShop小程序端购物车编辑示例

武在移动端，由于设备屏幕显示空间的限制，呈现的信息会做简化处理，同时对一-些非主要的操作功能，也会弱化设计，比如对于删除商品的操作，必须通过右上方的“编辑”统一进行操作。

当待订购的商品信息都确认清楚之后，接下来就要进行价格信息确认了。单个商品上都会显示小计信息(选了多少数量、价格多少等)，而在购物车底部，结算之前显然需要告诉用户本次预订的商品总价，包括额外的运费、优惠抵扣等信息。这个价格计算必须要根据消费者的操作实时变化，以确保消费者每进行一一个操作，都能给予准确的价格信息反馈。

崇火当一切都确认清楚之后，消费者就可以点击“立即结算”进入订单确认环节。

购物车的订单操作环节与常规的订购环节比较类似，但会简化一些信息，核心突出配送选择、收货地址、支付渠道、发票及一些优惠券等的抵扣信息。这些信息都是在订单支付之前就应该提前确认好的，我们应该将购物车订单确认与支付操作分成两个步骤，虽然步骤增多了，却能使得消费者更专注于每一个步骤本身的重心，比如订单确认主要是确保收货相关的信息，而支付环节则是确保消费者能顺利地支付成功。

文章所涉及的思路都有在LikeShop开源电商上体现。欢迎交流讨论电商产品前后台设计知识，公众号：LikeShop技术社区

小宣传

文章内容的所有思路都有在我们研发的开源电商系统LikeShop体现，欢迎前往码云Gitee，GitHub 下载、安装并体验。LikeShop是100%开源，可以免费商用的电商系统。LikeShop一直致力于打造极高性价比，极易二次开发的企业级电商系统。开源不易，欢迎给我们的项目点个Star~直接访问我们的官网（www.likemarket.net）。

申明：本网站部分文章和图片来源网络编辑，如有侵权及时沟通删除，LikeShop原创文章，转载时请注明来源。

电商产品设计：购物车管理相关推荐

电商产品设计：促销活动设计解析
电商产品设计:促销活动设计解析 Bouny_Yuan 订阅专栏取消订阅公众号:碎碎恋产品:<电商产品经理宝典> 2017-03-03 1.9万 193 21 零基础学产品,BAT产品总监 ...
浅谈社交电商产品设计的10个深刻的知识
1.定义要清晰比如一张优惠券,有条规则是优惠券使用后不能退换.一次,我们的产品上线后很多用户反馈自己下了订单,但未付款,优惠券就没了(已使用),很疑惑,为什么优惠券没了.因为设计时没有定义清楚优惠券 ...
电商产品设计：谈谈促销功能的实现逻辑
电商产品设计:谈谈促销功能的实现逻辑七月订阅专栏取消订阅汪汪社区里的一只喵. 2017-07-12 1.5万 170 23 产品经理就业班,12周特训,测.练.实战,22位导师全程带班,200+名 ...
【电商】电商后台设计—购物车
在电商的核心交易流程中,购物车是其中非常重要的一环,它承担商品加购.价格计算.促销活动展示等功能,与会员系统.商品系统.库存系统.订单系统等紧密结合. 一.你真的需要购物车吗? 1. 购物车作用电商 ...
电商产品设计实战（二）：电商整体产品架构
http://www.aoyii.com/ecm-pd-02.html 电商产品架构是整个电商数字系统的基本框架,它代表了这个虚拟数字世界的游戏规则,也反映出了电商企业的商业核心战略,一个好的电商产品 ...
电商产品设计：后台营销功能模块设计-拼团活动（二）
营销手段是电商中灵魂所在,今天要讲解的是"拼团"这一模式.我们熟知的拼多多就是在流量红利已经触底的情况下,以拼团这种模式杀出一条血路.现在我们一起来看一下拼团所涉及的逻辑关系及其作 ...
电商产品设计：商品的基本属性与销售属性
商品的基本概念广泛意义上商品的概念大家都知道,但在设计电商系统时,对商品需要从精确的逻辑上进行定义,这对正确设计及构建电商的商品系统尤为关键. 商品本身是一个比较宽泛的商业定义,我们先来看看摘自百度 ...
电商产品设计：互联网众筹模式-团购
无论是对于商家还是消费者,各方面都从团购这种营销模式中获得了各自所需要的的利益,这是一种多赢的模式,因而对当前的电商平台而言,团购是电子商务促销工具的标准配备. 团购的概念并非舶来品,实际上在传统领域 ...
《产品设计思维：电商产品设计全攻略》一一2.3　电子商务的存在形态
2.3 电子商务的存在形态理解了角色与场景和活动的概念,就需要把这些方法应用到实际的电商系统构建过程,首先大家需要了解电商的各种存在形态.大家习惯于将电商的模式称为B2B.B2B.C2C,最近两年还 ...
电商产品设计：后台订单管理设计
打开百度APP看高清图片订单管理在整个网上商城的地位举足轻重,它涉及到企业整个销售链路的核心环节,同时又关系到用户商品的最终交易结果,所以一份订单在生成到交易结束的整个生命周期里,产品经理和业务经理 ...

电商产品设计：购物车管理

电商产品设计：购物车管理相关推荐

最新文章

热门文章