主流B2C、C2C电商平台京东、淘宝、唯品会、网易考拉、小红书、苏宁易购的加入购物车&支付环节的设计体验与差异有哪些? 购物流程有没有正好符合你的心理~ 加入购物车 拟物动效和Toast提示框是加入购物车成功的两种主要方式,虽然形式不同,但是都能达到相同的提示效果。 一般点击【加入购物车】按钮的跟随结果会依据所选产品的属性不同分为两种: 所选择的产品只有唯一属性,如某一品牌的背包,只有唯一属性"颜色",且只有一种颜色,那么则直接加入购物成功; 如果所选产品存在多个可选属性,则在点击加入购物车时首先弹出选择属性面板,然后才能加入到购物车。这里我们暂忽略对产品属性的选择,而是直接聊一下加入购车这一操作的效果差异。 京东、唯品会和苏宁易购都是模拟在超市购物将商品放如购物车的场景,所以这三家都在触发按钮后会有"+1"&"实物缩略图"的拟物动效抛物线状落入购物车,让客户很清晰感受到"哦,加入购物车成功啦",增强顾客了逛街选选选的满足感。 京东 唯品会 苏宁易购 淘宝、网易考拉和天猫则是在点击加入购物车后,以Toast提示框的形式提醒加入购物车成功,只是在提示语表达上有差异,经过长期的用户使用习惯培养,客户可能并不关心提示语内容是什么,只是习惯性的知晓"添加成功了"。 还是要解读下提示信息的文案: 淘宝的提示语:"添加成功,在购车等亲~"更具亲和力的同时提示客户在购车进行购买操作; 网易考拉提示语:"加入购车成功"简洁明了; 天猫提示语:"商品已成功添加到购物车",总感觉读起来有些拗口呢,似乎有改进的空间。 淘宝 网易考拉 天猫 订单确认 VS支付 订单确认和支付环节的关系是"合二为一"&"独立门派",取决于平台的整体架构。个人当然倾向于订单与支付低耦合,这样任由订单页面千变万化,也与支付不相干。 订单与支付"分家"而"合作" 也就是说订单与支付是两套独立的体系,我们合作则天一无缝,我们分开也可以好好的活着,这说的是谁呢? 示例当然是阿里系和京东。 先来说说淘宝&天猫的支付,首先在支付环境必须开通支付宝。在支付方式上可以选择使用支付宝的余额、余额宝、花呗、绑定支付宝的银行卡、快捷支付、网银,支付宝会智能选择最优支付方式。 在"确认订单"页面没有支付方式的选择,只有地址、数量、配送方式等订单基本信息,只有点击"提交订单"后才会进入到支付宝平台,这样的好处就是不管阿里系各平台的订单千变万化,只要进入到支付环节,那就按照支付宝设定的支付规则及展现形式来支付。 在手机端并不会感觉到支付平台的切换: 淘宝订单支付 但是在PC端进行支付的时候页面切换至支付了,地址栏中的地址也已经不是淘宝的而是支付宝(alipay): 京东也有自己的支付体系"京付",当然京东支付相较于支付宝和微信,名气小了那么一丢丢。但本着与T是一家人,必须支持微信支付,又本着开放的思想支持了Apple Pay,这样就有了京东收银台这个虚拟收银台。 收银台的的页面是独立的,也就不关心京东旗下各种产品订单的长相。 京东订单支付 当然这只是举两个例子,其他如苏宁易购、网易考拉也都有自己的支付渠道,但是由于市场占有率不高,为提升成单率也都入第三方支付方式,当然还是要把自有的支付方式排在第一位,而且都以不同形式的优惠吸引顾客开通支付。 苏宁易购 网易考拉 订单与支付一体化,也就是订单与支付在都在订单确认页面,这类平台当然是少数。 猜测的原因是:品台并不是期望通过其他方面占有市场,如小红书的内容分享。 写在文后 加入购物车操作要达到的目的:让用户明确知晓加入购车成功了,这在功能上就满足了用户需求,至于使用toast & 拟物动效来实现就是体验上的提升。支付环节,如果平台有支付产品,当然是主推自有产品,为抢占支付渠道用户也是给出了各种诱惑条件。对于全部引用第三方支付的平台,相对来说比较简单。 本文针对"老用户"使用的页面进行了对比,而对于一个新用户来说当然还有一系列的分支流程,如填写收货地址、绑定银行卡等操作。