拼多多把收藏夹当购物车!设计师默默被坑了3次
加微信 “UIchongneng”进设计交流群
我把三家的收藏夹和购物车拉出来对比下: 这么一看,是不是感觉拼多多的收藏夹,跟淘宝、京东的购物车比较像?不但有多选框,还有底部的结算按钮。可见拼多多那个页面,只是顶着「收藏夹」的名头干着「购物车」的活。 这个“创意”估计是业务部门想出来的 ,却给设计部门埋下了3个大坑。 如果我是拼多多的设计师,遇到这个需求估计也要无语😓,第一反应是:何必这么纠结?那我们就先从原因来分析一下:
为啥去掉购物车? 淘宝的是:太好逛了吧。
京东的是:不负每一份热爱拼多多的 slogan 是:拼着买,才便宜。 这么一对比,你会发现 只有 拼多多直接提到了“买”个字。 由此可见,拼多 多 是 最贴近 冲动型消费 者 的。
消费心理学研究表明,消费者中,存在冲动型(Spendthrifts)和谨慎型(Tightwads)两种类型。
前者看中了就会下单,拖久了等情绪过去,就容易放弃购买。后者即便当场觉得合适,也喜欢谨慎比对思考,催着他们下单反而容易因为反感而放弃购买。我在之前的文章中,也提到过相关研究:我按照心理学理论改知乎会员页,看看能提高转化率不?
而购物车,就是一个非常不适合冲动消费者的功能。因为对冲动型消费者来说,一旦商品被放入购物车就意味着错过时机了,那么往后购买的可能性就会非常小了。所以,拼多多去除购物车这一举措虽然对体验有损,但是却把用户心理摸透了。但如果用户看到感兴趣的商品总要有办法保存下来吧,所以干脆用收藏功能替代了购物车的位置。
为啥把收藏夹当购物车? 前面把购物车去掉,是因为在商品详情页的时候,购物车可能对购买率有负面影响。但是要是把购物车和收藏夹这两个页面拿出来对比,那肯定是购物车的下单率更高。因为购物车的目的性更强,就是批量购买。而收藏夹,主要定位就是浏览查看。 这个时候,以拼多多的做事风格,你觉得他们会怎么选择?
那肯定就是把收藏夹当购物车来做,利益最大化呗~这么一分析,是不是觉得还挺好理解的?每一步都踩在了消费者心理上,为了拉动销售转化也是尽力了。但是事情哪有那么简单!拼多多这个别扭的设计,就给自己埋下了3个坑。
1号坑:在收藏夹选款式
将商品加入购物车时通常要选款式和数量,但加入收藏夹时却不用。这就导致,从拼多多的收藏夹购买商品时,还得多一个选款式的步骤。 于是,商品左侧的勾选框,点击后就很神奇地会拉起选款式的面板。
虽 然只要选过一次,第二次就不需要再选了。
但是正常加入收藏夹的商品都没有选款式,也就是说大部分情况下,用户都必须经历这个交互。而这还不算什么,1号坑后面又触发了2号坑。
2号坑:奇怪的选款方式
购物车里, 前后 加入 相同 款式商品 时,才会合并到一起 。 如果前后加入的商品款式不同, 那么就会出现两个条目。
淘宝购物车 收藏夹就没有这些规则,因为不能重复加入收藏,所以一个商品只有一个条目。 那么拼多多这个收藏夹(实为购物车)就无法购买多种款式的商品了吗?为了解决这个bug,他们增加了一个「再选一款」功能: 如果重复添加相同款式就会打断提醒你: 如果所有的款式都选遍了,按钮就会置灰:
这个交互,也是很有创意了。
3号坑:隐藏购物车
仔细对比时我发现,拼多多其实还有一个隐藏购物车,入口就在左下角。
这个东西,看起来很像购物车,除了没有勾选框之外。
既然收藏夹已经被当作购物车来用了,那为啥拼多多还要再塞一个隐藏购物车呢?
我猜,可能是怕「创新」的商品展示样式难以理解不了?这么一对比,好像隐藏购物车看起来更容易清晰易懂:
这个隐藏购物车,淘宝和京东都没有:
这样设计产品,合适吗?
存在即合理,拼多多虽然特立独行了一点,但是能 够 发展这么迅速 ,肯定不傻。
其实大部分产品,核心目的就是从用户那里赚钱。为了让用户乐意掏钱,就不得不用好的体验把用户伺候好了。现在拼多多以低价优势,已经获取了不少用户的青睐,那么体验方便稍微降低一点标准,对目标人群来说也没啥大问题。别家产品虽然体验好,但是价格贵呀!我以前艺考时坐 过一次绿皮车,又不巧赶上春节返工潮,靠过道的座位被抢占,座位底下躺着人,走道上全是人…… 我和同学当场决定以后再也不坐绿皮车了🤦♀️ 但是 这么多年过去,绿皮车依旧存在。
与此同时,做商务座、一等座的人,也不少。 可见不同人群对价格和体验的容忍度真的相差很大,我真的无法通过主观做评判 🤷♀️ 本公众号,也转载过不少京东设计团队的文章,感觉他们的设计部门还是挺用心的(感兴趣的可以在本公众号主页搜一下)。
但是提到拼多多,就没那么多好话了,例如:拼多多这个恶心的交互,居然有人说好? 但是对比一下利润,拼多多的稳赢京东:
不得不说,拼多多在业务上还是很会玩的,难道是把设计成本省下来搞运营了? 只是作为用户体验工作者,我还是更喜欢注重品质的产品。 对此,你怎么看呢?
— 回复关键词获取资源 —
小程序控件 | 包图小白体 | 面试技巧 | 图标规范
UI设计规范 | UI教程 | AE教程
字体设计 | 作品集 | 点这里 获取更多资源
点击“ 阅读原文 ”,加入 免费星球 一起聊设计~
评论