拼多多把收藏夹当购物车!设计师默默被坑了3次

UI充能站

共 2737字,需浏览 6分钟

 · 2023-04-28

3ee300c746e770e27d19317798da2b25.webp 加微信   “UIchongneng”进设计交流群    3ee300c746e770e27d19317798da2b25.webp


6a7822f4a295e99a31f56ec1221bc1eb.webp

文章来源:体验进阶


用过拼多多的应该都知道,他们的设计风格比较“独特”,例如——作为电商APP却没有购物车25b83703a6e51c13989072328c764f6c.webpP.S. 京东的收藏夹不是没有,只是不在这里。其实拼多多不是真的没有购物车,而是把收藏夹当成了购物车。
我把三家的收藏夹和购物车拉出来对比下: 4a0613274c434a1c6caede2132fdd834.webp d6fa905e97afd93ff05115f8b2116c9f.webp这么一看,是不是感觉拼多多的收藏夹,跟淘宝、京东的购物车比较像?不但有多选框,还有底部的结算按钮。可见拼多多那个页面,只是顶着「收藏夹」的名头干着「购物车」的活。 这个“创意”估计是业务部门想出来的 ,却给设计部门埋下了3个大坑。 如果我是拼多多的设计师,遇到这个需求估计也要无语😓,第一反应是:何必这么纠结?那我们就先从原因来分析一下:
为啥去掉购物车? 淘宝的是:太好逛了吧。
京东的是:不负每一份热爱拼多多的 slogan 是:拼着买,才便宜。 a024bf92927046c359e600357fa24b64.webp这么一对比,你会发现 只有 拼多多直接提到了“买”个字。 由此可见,拼多 最贴近 冲动型消费 的。
消费心理学研究表明,消费者中,存在冲动型(Spendthrifts)和谨慎型(Tightwads)两种类型。
前者看中了就会下单,拖久了等情绪过去,就容易放弃购买。后者即便当场觉得合适,也喜欢谨慎比对思考,催着他们下单反而容易因为反感而放弃购买。我在之前的文章中,也提到过相关研究:我按照心理学理论改知乎会员页,看看能提高转化率不?
而购物车,就是一个非常不适合冲动消费者的功能。因为对冲动型消费者来说,一旦商品被放入购物车就意味着错过时机了,那么往后购买的可能性就会非常小了。所以,拼多多去除购物车这一举措虽然对体验有损,但是却把用户心理摸透了。但如果用户看到感兴趣的商品总要有办法保存下来吧,所以干脆用收藏功能替代了购物车的位置。
为啥把收藏夹当购物车? 前面把购物车去掉,是因为在商品详情页的时候,购物车可能对购买率有负面影响。但是要是把购物车和收藏夹这两个页面拿出来对比,那肯定是购物车的下单率更高。因为购物车的目的性更强,就是批量购买。而收藏夹,主要定位就是浏览查看。 d6971a2f0d3d09b7616a93121fd53369.webp这个时候,以拼多多的做事风格,你觉得他们会怎么选择?
那肯定就是把收藏夹当购物车来做,利益最大化呗~这么一分析,是不是觉得还挺好理解的?每一步都踩在了消费者心理上,为了拉动销售转化也是尽力了。但是事情哪有那么简单!拼多多这个别扭的设计,就给自己埋下了3个坑。
1号坑:在收藏夹选款式

将商品加入购物车时通常要选款式和数量,但加入收藏夹时却不用。这就导致,从拼多多的收藏夹购买商品时,还得多一个选款式的步骤。 ca36cc1b757de72d0dcd2aa51eb49e29.webp于是,商品左侧的勾选框,点击后就很神奇地会拉起选款式的面板。
9f725cd7be13bcb44107c5d0078a1946.webp 然只要选过一次,第二次就不需要再选了。
但是正常加入收藏夹的商品都没有选款式,也就是说大部分情况下,用户都必须经历这个交互。而这还不算什么,1号坑后面又触发了2号坑。
2号坑:奇怪的选款方式
购物车里, 前后 加入 相同 款式商品 时,才会合并到一起 如果前后加入的商品款式不同, 那么就会出现两个条目。
6ca6649447c46c6d9d97b2a1b669dac8.webp淘宝购物车 收藏夹就没有这些规则,因为不能重复加入收藏,所以一个商品只有一个条目。 4a0613274c434a1c6caede2132fdd834.webp那么拼多多这个收藏夹(实为购物车)就无法购买多种款式的商品了吗?为了解决这个bug,他们增加了一个「再选一款」功能: 938361f8cd87f1cd84d288acf31e4ead.webp如果重复添加相同款式就会打断提醒你: 87eba4fae01e9c5ff7f70b91924a75cd.webp如果所有的款式都选遍了,按钮就会置灰:
2cf6bdd9644859787a7234f852a38fdd.webp这个交互,也是很有创意了。
3号坑:隐藏购物车
仔细对比时我发现,拼多多其实还有一个隐藏购物车,入口就在左下角。
044711b3c9da6394bf194f0f27b94019.webp这个东西,看起来很像购物车,除了没有勾选框之外。
既然收藏夹已经被当作购物车来用了,那为啥拼多多还要再塞一个隐藏购物车呢?
我猜,可能是怕「创新」的商品展示样式难以理解不了?这么一对比,好像隐藏购物车看起来更容易清晰易懂:
a495fe15eeb30ad5b116d2fcfa7c017a.webp这个隐藏购物车,淘宝和京东都没有: 0161a729c4c337346ac19e0063dbaae2.webp
这样设计产品,合适吗?
存在即合理,拼多多虽然特立独行了一点,但是能 发展这么迅速 ,肯定不傻。
其实大部分产品,核心目的就是从用户那里赚钱。为了让用户乐意掏钱,就不得不用好的体验把用户伺候好了。现在拼多多以低价优势,已经获取了不少用户的青睐,那么体验方便稍微降低一点标准,对目标人群来说也没啥大问题。别家产品虽然体验好,但是价格贵呀!我以前艺考时坐 过一次绿皮车,又不巧赶上春节返工潮,靠过道的座位被抢占,座位底下躺着人,走道上全是人…… 我和同学当场决定以后再也不坐绿皮车了🤦‍♀️ a299afe9bf236c346b1ce483a4edfada.webp 但是 这么多年过去,绿皮车依旧存在。
与此同时,做商务座、一等座的人,也不少。 4728ac34635e3459818f3151ac4ddc6e.webp 可见不同人群对价格和体验的容忍度真的相差很大,我真的无法通过主观做评判 🤷‍♀️ 本公众号,也转载过不少京东设计团队的文章,感觉他们的设计部门还是挺用心的(感兴趣的可以在本公众号主页搜一下)。
但是提到拼多多,就没那么多好话了,例如:拼多多这个恶心的交互,居然有人说好? 但是对比一下利润,拼多多的稳赢京东:
8293de21e1592f0caf49140e0cfeb404.webp 不得不说,拼多多在业务上还是很会玩的,难道是把设计成本省下来搞运营了? 只是作为用户体验工作者,我还是更喜欢注重品质的产品。 对此,你怎么看呢?


---------------------- END ----------------------


    回复关键词获取资源    

小程序控件 | 包图小白体  |  面试技巧 | 图标规范

UI设计规范 | UI教程 | AE教程

字体设计 | 作品集 |  点这里 获取更多资源


设计交流  |  加设计群  |  商务合作 添加微信:UIchongneng (需备注) 公众号      |      微信群 关注我  设计之路和   3w+   位设计师携手前行! ❤️ ❤️ ❤️
点击“ 阅读原文 ”,加入 免费星球 一起聊设计~   e07f7184541d3ea5f045990581711b45.webp
浏览 32
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报