赞助商
立即赞助

为什么淘宝、京东和拼多多的购物车设计完全不一样?

交互设计3年前 (2021)发布 流光
1.9K 0 0

今天的选题依旧是电商领域,目标是标签栏雄霸一方的购物车。它在整个消费路径中起到关键作用,距离收银台仅一步之遥,也是推动GMV的强力助手。随着各大平台的运营玩法越来越丰富,场景越来越细分,为了满足需求的升级,平台也开始对购物车结构进行拓展和迭代,但这些调整真的能够促进GMV且提升体验吗,这也是这次我们探寻的目标。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

属性定义

为了更多地理解它的外在,我们先来了解它的内核。购物车的基本定义就是暂时性的将满意的商品进行整合存储,方便统一结算,属于效率管理类的工具。因为与生活消费场景中的购物车/购物篮存在映射关系,所以用户能够快速理解并上手。

从用户角度看,购物车可以说是一个用户自我运营型的商品池,可以依据不同的场景对商品进行高效管理。

从平台角度看,购物车达成了很多商业目标的实现。购物车其实就是一个潜在的用户消费池,而且在行为路径中与收银台环环相扣,所以说优化用户的决策体验,就是提升平台的GMV。

从商业角度看,平台可以通过购物车对用户已添加的sku状态进行提醒展示,可以配合各种运营方案去组合刺激下单率,还能方便管理订单与配送成本,甚至可以记录用户BI数据等。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

发展迭代

随着时间的推移,电商行业已是相当成熟,成为了当代生活的组成部分。用户体量日趋庞大,平台类型百花齐放,在此同时,因发展周期、垂直特性等因素造成平台间的差异化也慢慢显现。加上领域细分、高频运营等现象交叉叠加,相似需求点也依托不同的特性场景而发生了变化。

主流平台

整体上看,大部分电商平台的购物车趋于相似,有部分针对平台自身的差异化对购物车进行了调整。接下来我们就从主流平台中选几个较为火爆且又个性的代表作为深扒对象,常规代表的C2C淘宝,场景细分的B2C京东,快消高频的O2O美团,和非常规化的S2B2C拼多多。

其中购物车的差异化其实都是来源平台自身,所以我将从平台的商业/用户/场景/特征几个方面展开探索,探究其中的差异性和普适性,看看遇到类似问题时我们该如何思考。

细节观察

首先是综合类平台的选手淘宝,淘宝购物车基本上算是购物车常规样式的代表。

淘架构呈倒叙轴feed结构,页属切换,聚焦添。从操径,径,操围绕编辑形径。从息展示,除息,视焦,降醒,或者减,hahaha愿称姆朗螺旋喷终极至尊敌收藏减搭结PlusMaxPro版(/猛男)。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

浏览架构遵循流浏览习惯,顶增套TAB组件,状,4TAB「/降//类」。TAB组件,操径相,径将筛拓展晰观。息,焦依围绕及优息,毕竟户诱。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

拼,。收藏某程存功叠,拼依据,融卡,把收藏融,功义偏将它「收藏」,,相跳转径。功/结构/息流模基相,相显征,「拼」义。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

轻类似O2O表,/饿,素,功呈相纯粹。操径简晰,添跳转收,径稍,属径。模征,「减」息突,减吸引户「」消。余结构/流模均基相。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

剖析解疑

平台之间的差异化表现我们了解了,接下来继续从商业/场景/用户/特性等角度去挖掘这些差异化是怎么形成的。

需确,终极目标升GMV,围绕户率,效帮户缩短决策,断刺激户欲望。

淘宝的购物车是常规样式的代表,需求点侧重于商品的收藏类比、组合搭配,其实是在倾向于将购物车做成一个用户自我运营形态的商品池。淘宝用户画像中「笨笨型」用户居多,特质是拥有一定时间成本、主观需求相对模糊,而平台的特性是品类多而全,生活日常或者稀奇古怪啥都有。一个有时间,一个品类全,因此在场景上自然而然就容易形成「逛」这个特征,而购物车也是为了服务「逛」这个场景而设计。同时淘宝的运营活动非常高频,且为C2C模式,平台无仓储运输等压力,活动类型以凑单满减居多,这个时候购物车就会使一个特别合适的「计算器」,用户可以对多个商品进行任意组合以达到满减目标,同时能很直观的感受到活动价格的美丽,从而提升参与活动的意愿。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

京东在购物车顶部细分了TAB类目,侧重于使用效率与传达效率的提升,也恰恰反映了平台之间用户存在的差异化。用户画像中「大明型」用户居多,特质是主观明确/需求精准,更加讲究直观与效率;而平台的品类特征是品质/3C等,让利空间相对大,而且京东超市等日常消费品的复购性也高,这个时候购物车的TAB就对浏览效率起到了很大的提升,可以让用户很清晰直观的掌控自己的商品池。同时因为B2C的商业模式的原因,TAB中分类栏也能很好的进行分类统一结算,对平台的仓储/物流成本可以进行压缩,这都是实打实的成本。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

拼多多的收藏式购物车,则是为了鼓励拼团裂变与降低普通用户的学习成本。从用户角度看,整体「小闲」用户居多,时间成本充足,多于下沉市场,因为对价格的敏感性,拼团式营销可以很好的在群体中进行分裂传播,所以才弱化组合结算而鼓励分享拼团。同时商详直接下单对比购物车结算会更加的直观,操作路径会更加的简化,可以很好的降低新用户的学习成本,提升上手效率。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

O2O类购物车的则更多的在平衡平台与商家的利益天平。购物车除了商品的展示,还有一个显眼的满减提示,因为用户的主观需求很明确,消费场景常规情况下都是一店一单、一单一取,一取一送,人力/时间成本如何合理去分配,所以让用户达到一个消费利益点才能更好的保证平台与商品的盈利,才能更好的平衡配送及管理成本。

为什么淘宝、京东和拼多多的购物车设计完全不一样?

购物车这个功能点,从商业角度看是GMV转化机,从用户角度看,是高效率的种草拔草机,而我们要做的,就是在确保基础体验的基础上,在商业与体验中找到一个趋于健康且平衡的点,而平台特性、用户特征、消费习惯等等因素都会是我们用来考究的佐证。很多东西,我们只看到它的表面,其背后的逻辑和表达的东西才是最有意思的。

总结

  • 购物车是一个用户自我运营的商品池,提升用户的自我运营效率,才能提升GMV
  • 结模/展阶/户征,结构
  • 购物车的结构/路径需要围绕用户/消费场景去搭建,去满足自身平台特性
  • 映射关系的高效性,符合用户心智模型可以很快的将用户进行引导
  • 利用视觉层级的传达,可以引导用户达到某些预期以保证商业目的
  • 多买方便面,总比吃土强

欢迎关注作者微信公众号:「阿类杂碎面」

为什么淘宝、京东和拼多多的购物车设计完全不一样?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

网易 UEDC  – 崇书庆 :经常被人问起「如何入门交互设计」,也做过很多次解答,今天便系统地和大家聊聊。 提示:这篇文章会...
交互设计
一、 拍摄准备页 拍摄准备页,是用户点击拍摄功能按钮后进入的页面,也是进入拍摄流程之前的页面,故名「准备页」。更详细的...
交互流程
这是一个总会被问到的问题,所以我就专门写一篇文章来解答这个疑惑了。 先阐述观点,交互设计完全没有到达一个饱和的程度。...
交互设计
现在阅读微软1998年的用户界面,就像发掘古墓一样。设计人员和开发者为整个 Windows 系统和应用程序准备了长达381页的引导内...
ui设计
王M争:前几天在 b 站上看郭德纲的相声,在下面看到一个推荐视频就点了进去,看完之后点「返回」想继续看之前的相声,结果发...
交互控件
本文主要介绍了在设计电商商品详情页面时需要注意的交互设计准则,并给出相关示例说明商品页面在哪些方面做改进,能有效帮助...
交互设计
一. 智能后视镜时代背景 随着社会的发展和科技水平的提高,人们对驾驶汽车的安全性、娱乐性提出了更高的要求。汽车的中央后视...
交互设计
卡片式设计采用图像与文字说明相结合的方式将信息传达给受众,在有限的矩形空间中建立了无限的可能性。 时至今日,卡片式设...
UI 设计