双十一之购物车体验

今年的双十一,你剁手了吗?不管你剁不剁,反正我是剁了。剁手的同时,不妨来看看,电商购物车的哪些设计让你剁了还想剁。本文主要讲四个电商网站的购物车,分别是淘宝、京东、唯品会和聚美优品。

今年的双十一,你剁手了吗?不管你剁不剁,反正我是剁了。剁手的同时,不妨来看看,电商购物车的哪些设计让你剁了还想剁。本文主要讲四个电商网站的购物车,分别是淘宝、京东、唯品会和聚美优品。

双十一之购物车体验

一. 满减优惠

满减优惠充分刺激起用户“占小便宜”心理,让用户以为卖家亏了,而自己占了便宜,增强他们购物的成就感,从而刺激他们买买买。

淘宝

淘宝购物车商品上方的“双十一”购物券显示“满199最多可抵10元”,用优惠来吸引用户继续购物(如下图):

双十一之购物车体验

与满减类似的,淘宝还有优惠券。满减活动是适用所有用户的,而优惠券则是需要领取后方可使用,如下图。从另一个角度讲,优惠券的作用其实和满减活动是一样的,都是满一定金额方可使用。

双十一之购物车体验

京东

京东购物车有“优惠券”和“加价换购”两种方式。“优惠券”与淘宝的类似。“加价换购”则鼓励用户继续花9.9元购买一件新商品;

双十一之购物车体验

唯品会

唯品会也以满减活动吸引客户,如下图:

双十一之购物车体验

聚美优品

聚美在购物车商品上方显示“满赠”和“满减”两个优(cu)惠(xiao)活动,分别以“满199送199”和”满139减50“来吸引用户买买买。

双十一之购物车体验

满减活动效果如何呢。听我一个朋友说,她室友本来想买500元的东西,结果为了使用满减,恁是凑到了1000!!OMG!!

也许这样的活动对于像我这样冷静的女屌丝来说吸引力很小,但是对一些冲动型的购物者来说,吸引力就是巨大的,对提高客单价的作用也是巨大的。

二、限时下单付款

唯品会和聚美优品都要求用户在将商品加入购物车后一定时间内完成下单和付款。从设计上来说,限时利用的是用户的“冲动购物”心理,抓住用户购物瞬间的一时冲动,促使其在冲动期间付款。

唯品会的购物车:

双十一之购物车体验

聚美优品的购物车:

双十一之购物车体验

然而依然有用户不喜欢这样的设计,在购物车被清空以后干脆不买了,反而降低了购买率。

技术人员说,限时购买不是因为设计,而是因为技术。

减库存有三种方式,分别是:拍下减库存、付款减库存、放进购物车减库存。聚美和唯品会采用的是放进购物车减库存,所以如果用户放进了购物车,而没有进行购买,则可能出现库存为0,而实际商品并没有卖出去的情况。所以采用放进购物车减库存的要催促用户在短时间内购买,否则清空其购物车,将商品释放出来给其他用户。

清空购物车的设计显然有点不合理,那么聚美和唯品会是怎么办的呢?

实际上,在购物超时的时候,短期内还能在购物车里找到你的商品,如果尚未被其他人抢走,你仍可以结算购买。如果商品被人抢光了,那就不能再购买了。因为超时之后商品被释放,其他人是可以买你购物车里这件商品的。

唯品会在购物车底部有“购物袋历史”,可以发现超过购买限时的商品,如果还未被抢走,用户仍可方便地将其添加进购物车:

双十一之购物车体验

三、商品无货时

双十一之购物车体验

在商品无货时,京东web端购物车的设计使我一度困惑。

进入购物车时,无货的商品和其他商品没有太大区别,只在数量下方显示“无货”两个字,如下图。无货商品和其他商品一样都是默认勾选,并且算入总费用的。只有在点击付款的时候,才会提示某个商品无货。

双十一之购物车体验

还好在移动端上设计更清晰些,无货商品颜色变浅,同时在图片上标注“无货”。但是依然默认勾选,并且算入总费用。

双十一之购物车体验

双十一之购物车体验

双十一之购物车体验

既然商品无货,就不应该在结账的时候计入总费用不是么。我们来看看聚美无货是什么状态。无货商品自动失效,沉于底部, 并且不计入总价格。

双十一之购物车体验

淘宝的无货商品也是同样的设计,但是淘宝的设计比聚美多了一步引流,即中下方的

“查看该商品相似的宝贝 点击查看”按钮,为用户解决了商品失效无法购买的问题,同时为淘宝的更多商品引流。这样,即使你加入购物车的商品不小心失效了,你还可以查看类似商品买买买有木有。

双十一之购物车体验

电商的购物车是购物的最后一环,其设计的好坏关系到用户能否下单,能否付款,以及能否买了又买。总结以上几点设计,满减优惠促使用户买了又买,提高客单价;限时购物促使用户冲动消费,避免犹豫;无货时的引流帮助用户购买类似商品,避免因无货导致购买量的流失。

你购物时还发现了哪些让你不停剁手的设计,来评论下吧。

#专栏作家#

Snow,微信公众号:用户体验报告。人人都是产品经理专栏作家,东南大学工业设计研究生,每周更新一篇原创产品体验报告,分析产品设计体验的好坏,以此进步。愿与大家共同进步。

本文系作者授权发布,未经许可,不得转载。

 

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31461/

(0)
CatherineCatherine
上一篇 2017-06-01 15:58
下一篇 2017-06-01

相关推荐

  • 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的:

    手机地图  移动交互 数据可视化 移动大潮席卷了你我。 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的。 本文的原 po 给几乎每个案例、工具都…

    2016-04-08
  • 【交互设计】信息图(infographic)的圆形表达

    信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。信息图形主要应用于必须要有一个清楚准确的解释或表达甚为复杂且大量的信息。公元1958年,Stephen Toulmin提出了一种图形化的理论…

    2017-08-01
  • 【设计竞赛】2018UIA-霍普杯竞赛开题!扎哈事务所新任掌门人帕特里克 · 舒马赫担任主席

    编者按 :期待已久的2018UIA-霍普杯国际大学生建筑设计竞赛题目新鲜出炉啦!扎哈 · 哈迪德建筑师事务所(ZHA)负责人帕特里克 · 舒马赫担任本次竞赛主席并拟定题目。帕特里克 · 舒马赫Patrik Schumacher扎哈·哈迪德建筑师事务所负责人竞赛主题演变中的建筑Architecture in Transformation竞赛题目城市共生:定制化社区模块Urban Co-living: Customizing Modules...

    2018-02-02
  • 团队项目现已在Axure RP 9中提供

    团队项目现在可以在最新版本的Axure RP 9 beta中获得!请查看以下步骤以开始使用。 在RP 9中创建一个新的团队项目 转到文件>新团队项目或团队>从当前文件创建团队项目。 为团队项目命名。 为团队项目创建新工…

    2019-04-04
  • VR/AR开发程序中直接搜索Sketchfab的3D素材 / Vive Pro 如何买更省钱?/ Vulkan拥有直接内存分配器

    从今天起试试这个新形式,把重点的资讯提炼后合并成一条,欲知详情就摁紧二维码跳转阅读啦。我们依然尽量让这些从外媒翻译过来的信息以最合适的中文翻译方法论润饰和(或)修改后放在这里。有什么好想法新想法告诉我们!【Sketchfab推出新API,3D内容“搜索引擎”可植入VR/AR应用中】Sketchfab今天推出了最新的 Download API(下载API),允许应用开发者直接把Sketchfab内容导入他们的3D、VR和AR软件,这样就无...

    2018-03-21
  • [MUX翻译] Apple TV 人机界面指南

    作者:hexin 新Apple TV重新定义了起居室的体验,你能将非同凡响而身临其境的内容投放到大屏幕上,这是前所未有的体验。 1 概述 1.1 设计原则 无论你是在开发游戏、媒体流应用,还是家庭实用应用,在构想产品的时候…

    交互设计 2015-10-08
  • Sketchbox:会画图就能使用的AR建模应用

    在目前的情况下设计虚拟现实和增强现实产品并不容易,仍存在挑战。Unity和Epic Games可以说是现在比较常用的编辑应用,帮助用户以非常精确的方式去编辑虚拟现实内容。但需要指出,这两者都是为已掌握相关技术的人群所提供的技术项目,虽然没必要会写代码,但是了解一些简单的原理和技术能达到的界限也还是需要的,从这方面看,设计VR或AR产品的门槛相对还是比较高的。最近,Y Combinator的最新一期项目中的Sketchbox可以帮助设计师...

    2018-03-23
  • 机器学习相关——协同过滤,探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探

    机器学习相关——协同过滤,探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探 随着 Web 技术的发展,使得内容的创建和分享变得越来越容易。每天都有大量的图片、博客、视频发布到网上。信息的极度爆炸使得人们找到他…

    2015-12-22
  • Sketch 3 布尔运算教程

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    交互设计 2015-08-19
  • 零基础学习交互设计先从这些知识开始!

    @黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统…

    2017-08-02