交互设计

双十一之购物车体验

0
登录或者登记去做吧。

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

双十一之购物车体验

一. 满减优惠

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

淘宝

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

双十一之购物车体验

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

双十一之购物车体验

京东

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

双十一之购物车体验

唯品会

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

双十一之购物车体验

聚美优品

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

双十一之购物车体验

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

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

二、限时下单付款

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

唯品会的购物车:

双十一之购物车体验

聚美优品的购物车:

双十一之购物车体验

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

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

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

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

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

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

双十一之购物车体验

三、商品无货时

双十一之购物车体验

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

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

双十一之购物车体验

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

双十一之购物车体验

双十一之购物车体验

双十一之购物车体验

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

双十一之购物车体验

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

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

双十一之购物车体验

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

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

#专栏作家#

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

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

 

不是首发!互联网女皇报告中文完整版发布
当产品进入碎片迭代,设计师可以做些什么?