龙空技术网

实例分析:不同平台的购物车设计

人人都是产品经理 1504

前言:

今天同学们对“购物车界面图片”大约比较讲究,姐妹们都需要了解一些“购物车界面图片”的相关内容。那么小编同时在网摘上网罗了一些对于“购物车界面图片””的相关文章,希望看官们能喜欢,兄弟们快快来学习一下吧!

最近做了一款电商的产品,其中包含购物车的功能设计,从前我觉得购物车是一个电商的基础模块,每家电商都有且都长得差不多。这次过程中,我发现它功能非常强大,涵盖了许多烧脑的子功能,且不同的平台交互上差异蛮大的,值得品一品。我结合淘宝、京东、严选、考拉、有品、苏宁主流平台的购物车功能,来做一下分析。

进去前的判断

大部分电商,购物车一般在游客模式就可以看到,也有一些电商需要登录后才能看到(淘宝)。从体验来讲肯定前者更好,从转化角度将后者更好,这个要看平台的定位了,就不分析了,直接进入正题。

1. 单个编辑、批量编辑商品

加入购物车的商品,编辑功能主要包含三个子功能,分别是批量删除、移入收藏及更换商品规格,这些基础功能都大同小异。不同平台在功能上的交互有好有坏,例如:规格编辑这个功能,我发现大部分电商在编辑状态下,才可以更换。

淘宝现在支持在非编辑状态也可更换规格,个人觉得这样设计很棒。最近大火的有品和考拉比较有意思,他们编辑状态不支持更换规格,不懂为何这样设计(我猜是想把平台做的尽量简洁,舍掉了一些功能),总有买东西纠结颜色的时候的,不支持购物车进行更换的话,很不方便,毕竟用户也习惯了购物车是可以更改商品规格的。

京东有个很惊喜的设计,在编辑状态下,支持商品更换优惠活动。随着活动的增多,商品同时参加多个活动的情况很可能发生的,凑单的时候,由用户来决定想参加哪个活动,凑单体验更好,这样设计功能方便后期活动功能的延展,灵活度更大。

2. 批量结算

最基础的功能之一,就不多谈了,这里要注意结算时不同店铺订单的拆单问题。

3. 优惠券领取

优惠券领取功能,主要是判断购物车商品是否有可使用的优惠券,若有则在购物车中展示,让用户再购物车界面领取。

一般有两种方式:

一种类似严选,“领券”按钮放在了购物车顶部,点击后显示所有商品的可领券,每张券可向下展开包含的商品,大部分自营的店铺采用这种方式;另一种类似淘宝,以店铺的维度来,显示每家店铺的可领优惠券,大部分支持第三方入驻的电商采用这种方式,优惠券的权限是下放到每个店铺的。

4. 活动凑单

购物车商品若有参加满减满折等活动,会直接提示用户活动信息及目前的状态(满减还差***元),并跳转到活动商品列表进行优惠凑单。值得一说的是,跳转的凑单列表,有些商城是不能筛选的,像小米有品;有些商城像严选,支持在凑单页进行商品筛选或搜索。

有筛选功能体验更加好,例如:在满199-100,还差20元去凑单的时候,就想找个价格在20左右的商品,如果不能筛选,就要不停地往下刷,体验很差,也许操作就这样中断了。

苏宁易购我感觉凑单用起来是最爽的。除了活动的凑单,在购物车页面,还有优惠券凑单的功能。实时告知用户优惠券凑单是否达到,还差多少元,及时反馈,凑起单体验太棒了。

相比较,其他很多电商,都需要跳转到下一步订单结算页,才会告知能否使用优惠券,用户用优惠券的凑单就需要心算了,若发现想用的券没凑够,就要退到上一步,甚至到个人中心的优惠券列表,去看可用商品列表凑优惠。

5. 商品排序

用户跳转到购物车,购物车会自动进行排序,把最近添加到购物车的商品选中,并排列到购物车最上方。其余商品属于同一个店铺的会归类打包到一起,变成一个整体,并按照最新最前的逻辑排列。

当不同店铺的商品,同时参加同一个满减活动,那购物车排序应该怎么排?

同一个活动的商品,为了方便用户凑单,肯定要把他们放到一起,但他们可能属于不同的店铺,购物车还有该店铺的其他商品,那么上面的排序逻辑就要优化,凑单的优先级高于普通排序。京东和苏宁都是这样处理的。

此外,还要注意编辑对排序的影响,商品的增删及优惠活动的变化,购物车排序也会相应变化。

6. 降价提醒

人性化的功能,我们购物车往往会放很多想买的商品,价格是影响购买关键因素,当发现心仪的产品有优惠折扣,那就是下手了时候了,这个功能帮我们记录降了多少钱。

7. 库存紧张提醒

库存较少时,会有失效提醒,给用户一种“再不买就没有啦”“这个商品非常热销,不下手就快没机会”的感觉,催促用户下单。结合降价提醒、失效提醒,把购物车的心理暗示做到了极致了。

8. 失效提醒

商品缺货或下架后,会变成失效状态,用户可以选择一键清除或全部加到购物车。另外天猫和京东会有个很人性化的设计,它找相似按钮从隐蔽的长按才会显示,变成很明显的位置显示,抓住了用户在想买的商品失效后,想在其他店铺再找到同款商品的心理。

9. 找相似

顾名思义的功能,通过该功能,找到整个平台相似的产品,来进一步选择性价比及需求满足度最高的产品。我经常在使用淘宝的该功能,发现还不是很智能,出来的商品差异有点大,所以我蛮少用的,而且用的时候一般是商家用的原图,自己拍的商品很难找到。

例如:我找相似一只红色的方形软皮大包,出来的前几张可能是卖同一款杯子的商品,接着匹配的有蓝色的包,圆形的包,一些小包,感觉他们不相似。这一块技术实现和用户心得的把握,还不是很匹配。

10. 地址管理

在购物车定位用户所配送的地址,也支持用户手动切换地址。一般有自营业务的,会分不同仓库配送,需要这个功能,小的电商一般没有。根据用户所在地,实时显示商品是否售卖及该商品仓库的库存,所以我们会看到的有些商品有的地区有货有的地区没货。这样能最大程度的节省物流成本,针对不同区域,个性化安排每个仓库商品的库存。

11. 个性化推荐

购物车下方,会根据用户已经看浏览的商品及购买的记录等数据,算法推荐一些用户可能感兴趣的商品,具体算法要看平台的定位了。平时我也经常网上购物,作为一名用户,有一点很讨厌,就是已经买过的商品,也会在推荐里重复出现,我感觉已经买过的,可以从算法里面剔除掉。我感觉京东已经考虑到这一块了,淘宝还有待优化。

12. 清理工具

根据用户加入购物车的时间及商品的状态(失效、缺货等)来排列商品,用户可以删除或加入购物车,比较人性化的功能,帮助用户发现需求,感觉很少有人记得哪个商品时什么时候加的了。

主流平台都有该功能,两个新势力小米有品和网易严选没有,蛮有意思的。位置还是蛮隐蔽的,在编辑状态里,要不是分析购物车我都不知道有这个功能,可能也是考虑到尽量不想让用户删除购物车的商品。

最后的话

这是一个智慧的功能,是很多电商经过多年实践,结合许多产品经理的思考打磨出来的,烧脑且有趣。

以上是我个人的一些分析,可能会有主观意识的干扰或功能上的遗漏,欢迎大家留言探讨。另外我会再写一遍关于我设计的购物车的经过,针对我们现有的平台,对功能设计的思考与取舍,感兴趣的人关注我吧,感恩。

作者: 季月,微信公众号: 季月

本文由 @ 季月 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

标签: #购物车界面图片 #购物车界面设计 #购物车界面设计图 #购物车界面分析 #购物车界面设计图片大全