主流B2C、C2C电商平台京东、淘宝、唯品会、网易考拉、小红书、苏宁易购的加入购物车&支付环节的设计体验与差异有哪些？

购物流程有没有正好符合你的心理~

加入购物车

拟物动效和Toast提示框是加入购物车成功的两种主要方式，虽然形式不同，但是都能达到相同的提示效果。

一般点击【加入购物车】按钮的跟随结果会依据所选产品的属性不同分为两种：

1. 所选择的产品只有唯一属性，如某一品牌的背包，只有唯一属性“颜色”，且只有一种颜色，那么则直接加入购物成功；
2. 如果所选产品存在多个可选属性，则在点击加入购物车时首先弹出选择属性面板，然后才能加入到购物车。这里我们暂忽略对产品属性的选择，而是直接聊一下加入购车这一操作的效果差异。

京东、唯品会和苏宁易购都是模拟在超市购物将商品放如购物车的场景，所以这三家都在触发按钮后会有“+1”&“实物缩略图”的拟物动效抛物线状落入购物车，让客户很清晰感受到“哦，加入购物车成功啦”，增强顾客了逛街选选选的满足感。

京东                                          唯品会                                         苏宁易购

淘宝、网易考拉和天猫则是在点击加入购物车后，以Toast提示框的形式提醒加入购物车成功，只是在提示语表达上有差异，经过长期的用户使用习惯培养，客户可能并不关心提示语内容是什么，只是习惯性的知晓“添加成功了”。

还是要解读下提示信息的文案：

• 淘宝的提示语：“添加成功，在购车等亲~”更具亲和力的同时提示客户在购车进行购买操作；
• 网易考拉提示语：“加入购车成功”简洁明了；
• 天猫提示语：“商品已成功添加到购物车”，总感觉读起来有些拗口呢，似乎有改进的空间。

淘宝                                         网易考拉                                        天猫

订单确认 VS 支付

订单确认和支付环节的关系是“合二为一”&“独立门派”，取决于平台的整体架构。个人当然倾向于订单与支付低耦合，这样任由订单页面千变万化，也与支付不相干。

订单与支付“分家”而“合作”

也就是说订单与支付是两套独立的体系，我们合作则天一无缝，我们分开也可以好好的活着，这说的是谁呢？

示例当然是阿里系和京东。

先来说说淘宝&天猫的支付，首先在支付环境必须开通支付宝。在支付方式上可以选择使用支付宝的余额、余额宝、花呗、绑定支付宝的银行卡、快捷支付、网银，支付宝会智能选择最优支付方式。

在“确认订单”页面没有支付方式的选择，只有地址、数量、配送方式等订单基本信息，只有点击”提交订单”后才会进入到支付宝平台，这样的好处就是不管阿里系各平台的订单千变万化，只要进入到支付环节，那就按照支付宝设定的支付规则及展现形式来支付。

在手机端并不会感觉到支付平台的切换：

淘宝订单支付

但是在PC端进行支付的时候页面切换至支付了，地址栏中的地址也已经不是淘宝的而是支付宝（alipay）：

京东也有自己的支付体系“京付”，当然京东支付相较于支付宝和微信，名气小了那么一丢丢。但本着与T是一家人，必须支持微信支付，又本着开放的思想支持了Apple Pay，这样就有了京东收银台这个虚拟收银台。

收银台的的页面是独立的，也就不关心京东旗下各种产品订单的长相。

京东订单支付

当然这只是举两个例子，其他如苏宁易购、网易考拉也都有自己的支付渠道，但是由于市场占有率不高，为提升成单率也都入第三方支付方式，当然还是要把自有的支付方式排在第一位，而且都以不同形式的优惠吸引顾客开通支付。

苏宁易购                                                                    网易考拉

订单与支付一体化，也就是订单与支付在都在订单确认页面，这类平台当然是少数。

猜测的原因是：品台并不是期望通过其他方面占有市场，如小红书的内容分享。

写在文后

加入购物车操作要达到的目的：让用户明确知晓加入购车成功了，这在功能上就满足了用户需求，至于使用toast & 拟物动效来实现就是体验上的提升。支付环节，如果平台有支付产品，当然是主推自有产品，为抢占支付渠道用户也是给出了各种诱惑条件。对于全部引用第三方支付的平台，相对来说比较简单。

本文针对“老用户”使用的页面进行了对比，而对于一个新用户来说当然还有一系列的分支流程，如填写收货地址、绑定银行卡等操作。

本文由 @柠檬茶  原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Pexels，基于 CC0 协议