双十一之购物车体验

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

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

双十一之购物车体验

一. 满减优惠

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

淘宝

淘宝购物车商品上方的“双十一”购物券显示“满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

相关推荐

  • AB测试告诉你,你以为的设计不是你以为的设计。

    用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。

    2016-08-29
  • 酱课程丨交互设计第③期 · 原来交互设计师是这样工作的,和你想的一样吗?

    交互课程第三期来啦!查看前两期点击这里——交互设计第①期 · 这个老师只用一张图,就解决了所有设计专业都会遇到的问题!交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!通过前两期课程,同学们了解了双钻图——一套完整的设计流程指导框架、定义了什么是交互设计、它所涉及到的领域以及与交互设计相关的六大Job titles。现在大家对交互设计已经有了一个大致的理解,设计流程框架也是现成的,下面就要进...

    2018-05-04
  • 用写文章的思路设计banner

    工作中接触了一些banner设计的工作,借着本次整理思路的机会顺便和大家分享下,不周之处欢迎沟通指正。

    2017-05-24
  • 百度地图:智能化设计探索,让出行更简单

    出行一直是地图用户的核心诉求。随着移动互联科技的飞速发展,越来越多的出行服务参与到地图用户的生活中,同时也使得用户的出行场景变得复杂多变。但传统地图的出行功能无论从产品还是从用户体验上,大多只满足了用户规划路线、导航驾车等基础需求。所以,探索用户的潜在出行需求,设计贴心的出行服务,让用户的出行更有效率并提升出行体验,是地图设计团队的核心目标。

    2017-05-12
  • 申请授权的正确打开方式

    你知道吗,一款APP在安装后的三天内,平均会失去80%的活跃用户。大部分用户使用一次就会卸载。用户想要尝试不同的APP,在使用几天后决定继续使用还是删除它。

    2017-05-21
  • 交互设计申请关注度最高的5个问题,第一个就头疼.. | 大咖说

    说到交互设计很多同学的第一反应就交互思维、交互体验...准备申请交互专业的同学也是非常心焦!说起来容易做起来难,我们还是多和专业老师取取经。伦艺学姐回答的5个交互专业问题,收好哦~Q1:转专业学生申请应该注意什么?我觉得需要看这个问题怎么定义转专业,因为在一个设计类的学科,很多设计的思维方式和实践能力是共同的,我们可以通过设计的方式去解决问题。如果想要转到交互或者用户体验的专业,其实提供的是一种用交互的方式和研究结果解决现有用户的问题。...

    2018-04-26
  • “空状态的设计“值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。 不要被空状态的…

    2015-08-17
  • 摧残人类的交互

    特仑苏:积分系统 购买每箱牛奶都会有一张积分卡片,上面有一行验证码。如果你认为在官网输入验证码就能获取积分,那就想的太简单了。你要拿起手机,编辑短信“CZ+长长的16位数字的验证码”,发送到长长的16位数字的…

    2014-12-24
  • 我花了五个小时,完成了iOS 11新版App Store的交互探索

    WWDC 2017 上发布了全新的 iOS 11 ,系统本身在设计上就有了诸多变化和更新:信息更扁平的控制中心、WP 风格的大标题、截图编辑功能、相机直扫二维码等等。不过,作为一名电商设计师和 App 爱好者,此次更新最让我感兴趣的莫过于 App Store 的“改头换面”了。

    2017-06-12
  • 现在交互设计是时候走出迷茫

    交互设计的定义:交互这个词,英文是interaction,其中inter是互相的意思,action就是行动,所以inter-action直面上看就是“互相的行动”,也就是你行动一下,对方再行动一下,你来我往。交互设计,就是在设计这一些列的“互相行动”,使用户能更好得使用物品,物品能更好得服务用户。献给深夜中孤注一掷的设计师们来自无可设计00:0002:30下面小编想向大家介绍一位交互设计大师————————Lucian Bernhard...

    2018-03-27