体验槽点案例拆解:奈雪的茶紧急下线粉色按钮,到底错在哪了?

产品: 奈雪的茶猎人: 龙爪槐守望者投稿: 子恒梓恒观众: 1.2w人 时间: 2025-11-16

奈雪的茶

与「奈雪的茶」有关的细节还有 1查看全部

我也有新发现 我要投稿
案例拆解:奈雪的茶紧急下线粉色按钮,到底错在哪了?案例拆解:奈雪的茶紧急下线粉色按钮,到底错在哪了?

细节描述

龙爪槐守望者: 奈雪的茶最近干了件让人摸不着头脑的事:为了配合草莓新品上市,他们把小程序里所有按钮都换成了粉红色。短短几天后,奈雪紧急把按钮又改回了绿色。到底发生了什么,让他们这么快就认怂了? 在点餐列表页,核心的行动号召(CTA)按钮「选规格」变成了浅粉色背景配白色文字。进入商品详情页后,规格选择项在选中状态下也采用了同样的粉色边框和文字。最关键的是,在用户完成所有选择后,底部的确认按钮「选好了」也使用了这个粉色作为填充色。问题在于,这个粉色的饱和度和明度都偏低,与通常表示「不可用」、「已禁用」状态的灰色在视觉上过于接近,缺乏一个可交互元素应有的清晰度和吸引力。 这会直接导致用户犹豫、放弃下单,操作效率大大降低,可能导致大量订单流失。最终,奈雪迅速将按钮改回绿色,也侧面印证了这次改动对业务数据可能产生了实实在在的负面冲击。

936人评分
收藏 3
分享细节海报

发表评论 为下方 5 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

非用户心智下的操作,平台需告知用户操作路径
唯物

阅读体验非用户心智下的操作,平台需告知用户操作路径

猎人 - 404NTFounD0.0

在人的心智中,返回上一页面可进行手势右滑或者点击左上角的返回键进行操作,而生活社交社区「唯物」App在这上面做了创新。在文章详情页虽然右滑不能返回上一层级页面,页面左上角也没...

查看详情

#交互手势#唯物#按钮

山姆APP的AI生图事故,为何越精致的设计反而越惹怒用户?
山姆

设计避坑山姆APP的AI生图事故,为何越精致的设计反而越惹怒用户?

猎人 - 龙爪槐守望者8.8

用AI生成越精致的产品图,用户体验就越好吗?山姆会员店用一次翻车式的改版告诉我们:答案是否定的。改版前: 山姆 APP 的商品图非常朴实,就是一张白底或简单场景的实物图。

查看详情

#AI#AIGC#体验槽点

即梦网站扫码引导中的交互细节拆解
抖音

情境化引导即梦网站扫码引导中的交互细节拆解

猎人 - 冰珂8.0

常规网站功能引导入口通常需要点击跳转弹窗或新的窗口展示,入口深,需要用户操作,这样的引导有一定的操作成本。即梦网站使用抖音App-扫一扫登录,下方有「如何扫码」引导btn,用...

查看详情

#悬停#情境化引导#扫码