加入购物车(家用买菜购物车)

加入购物车现在是电商产品的标配。只要是电商产品，都在自己的app中加入了购物车功能。

1.介绍

让我们还原一下生活中在超市购物的场景:

在超市门口，你应该先找一个购物车或者购物篮，然后按照自己的路线开始购物。(这条购物路线是超市为用户精心设计的，保证你能购物到尽可能多的用户需要买、想买、利润相对可靠、购买频繁的商品)

一路走去买一些必备的蔬菜水果等消耗品。看到冻区打折就想买的三文鱼，看看有没有特价。如果有，就放在购物篮里。继续，看到彩车特价，翻倍，好像可以在buy buy买一些蛋糕和饼干。继续逛，左顾右盼，有什么适合你眼睛的质量好的产品就放进去。

结账的时候发现购物车里有一些我不是特别需要的商品，或者有些超出预算，或者突然想起来家里还有一些，就拿出来没有结算。我自己结账的时候，在结账区看到一盒口香糖。对了，我还带了一个箱子。

日常购物车使用流程基本同上。从消费者进门到结账的那一刻，购物车始终伴随着消费者，深度参与整个购物过程。

在电商产品中，购物车的作用和现实生活中的非常相似。

2.购物车的作用

2.1购物车的收藏功能

购物车收藏是有购买预期的收藏，本身收藏功能就是收藏喜欢的商品，所以暂时没有购买的打算。

我不知道购物车和收藏功能用户的使用次数，所以无法做出判断。就个人经验而言，我使用各种电商产品的购物车比收集功能的次数多。

2.2购物车比较功能

(1)价格比较

不同的商家对同一种商品提供不同的价格。同时，用户添加到购物车中，比较相同的商品，选择最低的价格购买。

(2)比较商家

同样的商品，价格差不多，对比商家的好评维度，哪个商家好评多目标商品卖的多，就买哪个。

2.3促进用户消费

购物车的存在隐含着用户一次性付款购买商品，这种暗示已经潜移默化地内化为消费者的共同认知。我们购物车中呈现的目录中的任何优惠信息都可以及时推送给用户。

(1)单品推广

单品价格降低，可以直接呈现在购物车里，刺激了用户的消费。

(2)组合推广

比如满200减20可以跨店。都属于这种推广，也会刺激用户的消费。提高消费者的消费单价。

(3)店铺促销

比如淘宝的店铺是收优惠券的。一般都是60多包，但是用户目前放入购物车的商品价格只有49，这就鼓励了用户收藏优惠券，选择我们店里的商品一起购买，从而提高了用户的消费单价。

(4)帮助用户做出购买决策。

“库存紧张”这个词出现在购物车列表中的单个商品中，这也可以帮助用户做出购买决定。

(5)当购物车商品失效(库存不足/商家已调整)时，推荐相似商品链接，帮助用户快速找到相似商品，刺激其购买决定。

2.4收集消费者偏好数据，为千人消费推送收集数据。

每个人的消费偏好都不一样。从人群的基本属性来看，女性喜欢买衣服鞋子，男性喜欢买电子商品，等等。性别不同，产品就给用户推送不同的产品。购物车里的商品基本都是消费者喜欢并有购买意向的商品。经过时间沉淀，基本可以算出每个人的购物偏好。基于此，更精准的推送商品，促进消费者付费。比如现在的专栏“猜猜你喜欢什么”，完全是基于你最近浏览并放入购物车的商品。

3.购物车的入口和出口

4.购物车离线和在线

在PC端，有四种情况:

用户未登录，打开浏览器，添加商品到购物车，然后关掉浏览器，再次打开同一个浏览器，购物车的商品还在；用户未登录，打开浏览器，添加购物车，直接登录购买，合并到已登录账户购物车；用户登录，添加商品到购物车，关闭浏览器，再次打开浏览器，不登录，购物车的商品不在；用户登录，添加商品到购物车，换个设备，打开浏览器登录，购物车的商品还在。

在用户未登录的情况下，很难实现数据的一致性，因为目前还没有安全可靠的方法来获取设备的唯一标识。如果未来有技术解决这个问题，用户可以在同一个设备中安装多个浏览器，保证数据一致。

这里带出来的一个问题就是login是否需要预装。

个人认为PC端JD.COM的体验更好！

(图为在未登录的情况下向购物车添加商品)

可以将喜欢的商品添加到购物车中，在未登录时删除购物车中的商品。除非你想删除后续动作，比如转移我的注意力，需要用户登录或者注册。

5.加入购物车和现在购买的区别

(图为网易YEATION产品详情)

(图为JD.COM商品详情)

(图为淘宝商品详情)

笔者对比了亚马逊、JD.COM、淘宝、网易YEATION和小米有品，发现除了JD.COM，其他所有电商平台都是同时出现立即购买和加入购物车的。

恢复用户使用流程:

当用户点击加入购物车时，他们仍然可以购买其他产品。当他们购物完毕，点击购物车，看购物车里有什么商品，然后对比，看哪些符合预期，哪种购买方式更划算，发生购买结算行为。

场景模拟恢复:

(1)在什么场景下用户会尝试直接购买？

大明用户（用户画像概念来自于梁宁老师），明确知道自己要买什么因当天商品有活动（团购，限时促销等与时间强关联得商品活动）

(2)用户会在什么场景下添加购物车？

就有点心动的商品，但是还没有到非买不可得地步商品预售，活动预热等，看到消息，但是还未开售，商家只是对商品以及用户接受程度做一个试探

有一种说法，不同的商业模式决定了不同的购物方式，所以JD.COM的B2C支持用户加入购物车，一次性支付多种商品，帮助用户节省运费，获得更多折扣。我认为这只是JD.COM早期产品设计框架的延续。现在更多的商家入驻JD.COM，提供各种商品，所以以后肯定会增加立即购买的按钮，让用户快速抢到自己喜欢的商品。毕竟即时购买的路径更短。

什么情况下只使用“立即购买”比较合适？

笔者认为，类似于机票，酒店这样的一次性产品更适合立即购买，不需要加入购物车。还有家居类的商品，比如中央空调整年终大价格，有限时特价。你可以放一个“立即购买”来帮助用户做出购买决定。

而且在表达“现在购买”的文案中也可以更有情境性。

(图为去哪儿订机票截图)

(图为Qunar.com酒店预订页面)

还有类似的保险、企业服务、旅游产品等。都适合只放一个类似“抢购”的按钮，帮助用户做购买决策。

以此类推，还可以推出其他消费场景:众筹/献爱心/抢购特价等。

总结:根据场景设计功能按钮，而不是简单的一刀切。

两种方式的主要区别:鼓励顾客尽快结账或者鼓励顾客继续购买。

6.购物车中的商品逻辑

回顾为什么电子商务产品应该用作购物车的目的:

对用户来说，一是省钱，二是省事；对平台来说，一是提高客单价，二是促进交易。

购物车承载了如此重要的愿景，在购物车产品的呈现上，有必要挖掘用户内在的99%...

分类

购物车商品的订购是一件复杂的事情。以下因素会影响货物的订购:

平台主推商品库存优惠幅度商品添加时间以JD.COM的购物车为例，用户点击购物车，默认选择全部，计算应付总金额。

那么这里的设计需要注意多个元素:

首先，商品本身的属性信息匹配并呈现库存状态，如数量、颜色、尺寸、选料、码数等。，以及匹配的库存状态。

第二，商品促销信息的设计；

如图，笔者收集了一些市面上的销售游戏。有细节请指正。

具体排序要看公司目前的需求。

比如:JD.COM，当你打开购物车的同时，你可以将JD.COM拥有的商品添加到购物车中，默认是排在第一位的；默认排序是按时间添加的；如果商品库存状态异常(无库存)，默认排在最后。同时添加，会提出折扣更大的产品。

实际上，用户并不关心排序。他只关心闲暇时看一眼自己放在购物车里的东西。他喜欢的产品降价了。buy buy买他们，他喜欢的商品供不应求。他很快命令买买买。有跨店活动。他在buy buy买，商品有团购价。打电话给朋友朋友在buy buy买。

只要电子商务产品有购物车功能，涉及的其他功能模块有:

订单模块结算模块搜索模块会员系统优惠活动商品管理注册登录

在这里，作者只是列举了产品设计中还会涉及到哪些模块，具体的设计就不一一呈现了。

7.小米有购物车推回去

我想反转的是小米搜索商品——浏览——添加购物车的过程:

测试环境:Android 6.0.1

手机:OPPO R9S Plus

米优品版本号:2.2.3.126

先整理一下购物车的思维导图:

然后梳理添加购物车的流程:

如果是直接浏览，过程会比较短。

但是我们设置的流程是搜索商品-添加购物车，所以这里不展示浏览商品-添加购物车的流程图。

恢复页面流程图:

(页面流程图)

这样，我们开始恢复产品的原型:

(产品原型全图)

看一下细节:

（后续图片见大图）(后续图片见大图)

通过购物车完成购买过程。

以上是还原小米的商品搜索——添加购物车——以及还原购买的页面。

笔者从购物车中梳理购买流程补充如下:

小米的产品一个很舒服的地方就是APP产品登录。反用户使用场景:

在电梯里看到小米产品的广告，正好是我想买的秋季产品。扫码下载一个，找到目标商品，添加购物车。这时系统提示用户登录。并不是有明确目标的商品购买，所以这个时候，弱化登录是一个相对较好的选择。生成只有在添加购物车时才能登录的指南。相比让用户一下载APP就注册/登录的做法，没有那么强，体验更自然。

8.总结8.1小米产品加入购物车时，添加立即购买按钮需要数据支持。

在添加购物车的动作中，小米在用户需要选择产品参数时，给了用户更多的选择。我觉得添加购物车这个动作会让用户觉得冗长。炒作的出发点是为了促进用户购买。如果能在这一步得到内部购买转化的数据，就能更准确的得到这个界面是否需要添加“购买”按钮的信息。

8.2登录后流程

小米有品的手机APP登录是后装的，可以很好的保存未注册状态下放入购物车的商品。但是小米的PC端有产品可以添加产品到购物车，在这里登录。这里可以参考JD.COM PC的做法，支持不登录就把商品加入购物车，支持删除，体验更流畅。

8.3小米产品的优惠活动需要更多的花样。

可能和小米有品是新产品有很大关系，所以他的推广方式有限。更多的是单品推广。

以上，欢迎批评指正。

本文最初由@的诞生发表丞丨丨丨丨丨丨丨丨丨丨丨丨丨丨丨丨丨𰵈丨丨丨未经许可，禁止复制𰵈20。

题目来自PEPEPELS，基于CC0协议。