来源:自学PHP网 时间:2015-04-14 14:50 作者: 阅读:次
[导读] 购物车对整站的转化率和用户体验的提升有很大的帮助,所以一个设计非常合理的购物车对任何B2C都非常重要。在这里看看京东、亚马逊、易迅、1号店、库巴、国美、当当、凡客、苏宁...
购物车对整站的转化率和用户体验的提升有很大的帮助,所以一个设计非常合理的购物车对任何B2C都非常重要。在这里看看京东、亚马逊、易迅、1号店、库巴、国美、当当、凡客、苏宁、新蛋十家B2C的购物车设计。
用户操作成本 从商品详细页到订单确认页最少点击次数1次的有:新蛋、苏宁易购; 从商品详细页到订单确认页最少点击次数2次的有:易迅、亚马逊、库巴、国美; 从商品详细页到订单确认页最少点击次数3次的有:京东、当当、1号店、凡客; 除了国美、新蛋、苏宁易购有立刻购买按钮,其他几家都只有加入购物车。国美的立刻购买只是跳过了迷你购物车,新蛋和苏宁的立刻购买按钮则是真正的直达订单确认页面。对于购买单个商品的用户来说,新蛋和苏宁的立刻购买按钮则减少了用户很多操作,让用户可以快速完成购买行为,省去中间各种影响转化率的环节。 为用户保存购物车商品方面,只有国美在线没有为非登陆用户保存购物车的商品,其他B2C都是用cookie记录了的,保存商品可有助于用户下次继续购买,当然不保存商品可保护用户隐私。 加入购物车的交互 主要分为两种交互方式:当前页面弹窗和跳转新页面。 1号店、凡客、国美采用了购物车加入成功弹窗的交互形式。为什么1号店要采用了购物车加入成功弹窗呢?1号店是网络超市,超市买东西一般较多,采用了购物车加入成功弹窗可以减少频繁刷新购物车页面的操作,用户体验会很好。
图1.1号店的购物车加入成功弹窗 易迅、亚马逊、库巴、新蛋、苏宁易购是跳转到正式购物车页面的交互形式,而京东和当当在正式购物车页面之前还有一个加入购物车成功的提示页面,不知道京东和当当的做法是出于什么样的考虑,为什么不把加入购物车成功的提示放在正式购物车页面呢?难道京东是为了推荐商品而增加了加入购物车成功的提示页面(京东正式购物车页面没有商品推荐)。
图2.京东的加入购物车成功的提示页面 购物车的推荐系统 先看看1号店、凡客、国美的购物车加入成功弹窗,1号店、凡客的购物车加入成功弹窗都有基于其他用户购买数据的商品推荐,国美在线的购物车加入成功弹窗相对简单多了,没有任何推荐。
图3.1号店购物车加入成功弹窗有推荐商品 接下来再看看京东和当当的加入购物车成功页和我的购物车(确认商品页)2个页面的推荐,京东的加入购物车成功页推荐了“购买该商品的用户还购买了”和“您可能还需要以下商品”;当当的加入购物车成功页推荐了“浏览了该商品的顾客还浏览了”和“根据您的浏览历史为您推荐”,当当这里没有推荐“购买该商品的用户还购买了”是因为当当把这个推荐放在商品详细页; 京东的正式购物车(确认商品页)推荐了“购买该商品的用户还购买了”; 当当的正式购物车(确认商品页)推荐了“购买以上商品的顾客还买过”和“重点品推荐”;
图4.当当加入购物车成功页的推荐 易迅的正式购物车(确认商品页)的推荐是调用了商品详细页的随心配(易迅的搭配促销),而随心配是人为添加的,感觉有点原始了,好的推荐系统一定是以数据分析去推荐的,而且易迅这样的推荐和商品详细页的随心配也重复了,有点浪费资源; 国美的正式购物车(确认商品页)没有推荐,只有清空购物车后会有推荐的商品; 1号店的正式购物车(确认商品页)推荐了“你可以换购以下商品”和“猜您喜欢/浏览记录”,刚看到换购这个词没明白啥意思,后来才明白就是针对购物车的搭配的优惠商品,换购这个词有点模糊; 苏宁易购、凡客、亚马逊、新蛋、库巴的正式购物车(确认商品页)的推荐就是那些类型推荐,就不列出来了,大家可以自己去看看他们推荐了有哪些什么类型,因为各家B2C都会根据自身特点设置一些推荐商品,比如凡客的凑单商品。 无论是正式购物车页面还是加入购物车成功提示页面,让你的推荐商品出现在用户的第一屏非常重要,因为用户在这个页面停留目的很明确,确认商品无误后就提交商品了。特别是一次购物商品有限的用户,由于第一屏展示内容区域有限,需要对页面的设计非常重视。易迅的设计第一屏压根没看到推荐商品,京东和当当两家的加入购物车成功页的初衷不知道是否就是这个原因。 推荐商品这个功能上,感觉易迅和国美做的太少,其实能做的东西还很多。 使用购物车的限制 记得几年前,不少B2C都是登陆后在能使用购物车,京东以前就是。如今几家B2C的购物车,非登录用户也能使用了,只有到了结算页面,才会提示登录/注册,这样可以在用户提交订单前一定程度上降低参与门槛。 但是1号店在这个上面还是有所限制,特价商品、敏感商品需要登录才能添加到购物车;另外1号店貌似有个BUG,正式购物车页面的“猜您喜欢/浏览记录”中,点击部分商品的加入购物车会提示登陆(该商品详细页可以非登陆用户添加)。除了一号店,暂时没有发现其他几家有使用限制。 mini购物车的设计 除了当当,其他九家的迷你购物车都在右上角区域,和加入购物车按纽有相互呼应的效果。而且除了当当只是购物车的简单连接,其他九家都提供一些快捷操作功能:链接到正式购物车页面(确认商品页)和删除购物车内商品。另外1号店还可以对购物车内商品数量的进行修改,但是这个功能其实没有必要的。
图5.1号店的迷你购物车 购物车流程的设计,由于各平台都有不同的因素,产品各有差异是很正常的,但是有一点是一样的:购物车的完善设计都应该是基于数据和测试。原文出自http://www.weijiezhimi.com.cn/posts/416.html,转载请注明出处,谢谢。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com