双十一之购物车体验

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

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

双十一之购物车体验

一. 满减优惠

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

淘宝

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

相关推荐

  • 这7个趋势,也许是2017年电商用户体验设计的关键

    沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。

    2017-05-13
  • Icon 改版:对于细节的把控才是关键

    在这次新的视觉改版迭代中,我们更新了过去较为单一的图标形式,重新定义了图标系统。

    2017-05-04
  • 弹出式抽屉特效

                    利用动态面板轻松实现。 分分钟搞定那些写函数的都是纸老虎! 请下载源文件弹出抽屉特效-艾欧交互 视屏文件

    2014-09-08
  • 四个帮你提高UI设计效率的工作技巧

    业界 NG 率:接近 100%许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文。

    2017-05-20
  • 工具类产品设计的8个准则

    之前阅读了原研哉大神《设计中的设计》一书,书中提到了一个很有意思的概念:再设计。再设计的理论,是想让我们通过忘掉设计对象已有的现状,追根溯源,对设计对象进行再次设计,从而加深大家对设计对象的理解。

    2017-05-24
  • 【干货】超全面!阿里设计师教你写好一份设计文档

    鸿影:一份设计文档 的 结构大概可以分成Background项目背景、Schedule排期、History版本历史记录、Information Architecture信息架构分析(包括Site Map、Experience Map、Flow等)、Framework框架设计、Wireframe线框图和Mockup视觉稿等。取决于实际项目的情况,部分内容可以省略,也可以 加入更多,比如Storyboard故事板,Prototype可交互原型等。

    2017-06-05
  • 交互设计|回复评论功能设计

    力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

    2018-03-02
  • 帐号与登录那点事

    帐号对于每一个互联网网民都是不陌生,只要我们还在上因特网,就几乎离不开帐号。有关帐号系统与登录方式的设计,成功与否,直接关系到用户利益的保护以及对服务的体验。如果是一个注册流程各种不顺畅,登录状态不稳定的服务,用户迟早是要用脚投票的。 也不知道什么缘由,自打入行以来,就参与好些项目的帐号系统建设,从最基础的用户名密码到标准OAuth再到关联登录,中间自然也是踩着各种坑走过来的,所以也算有感而发,整理之,记之。

    2017-05-30
  • 常逛这3个交互设计类网站,轻松get设计技巧和灵感

    DribbbleDribbble是一个著名的UI设计、交互设计社区,许多设计师寻找灵感,与设计师同行进行交流切磋等都会到这里来。 它面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查…

    2017-08-02
  • 6个实用消费者心理学

    消费者究竟是不是傻子?这事儿真要分两面来看。有时傻的天理不容,有时精的六亲不认。傻子是这个世界最幸福的人群,哪里会有那么多傻子,只不过都是分时段的智商休眠而已,至于什么时间休眠,这完全取决于消费者出于…

    交互设计 2014-12-03