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

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

奈雪的茶

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「镜像翻转」功能开启,跟着视频学跳舞不再跳错方向<(* ̄▽ ̄*)/
Bilibili

按钮设计「镜像翻转」功能开启,跟着视频学跳舞不再跳错方向<(* ̄▽ ̄*)/

猎人 - AmberDu小白9.0

先出左手还是右手?迈左腿还是右腿呢?跟着视频学跳舞好容易就会做成反动作 T T ~ B站的「镜像翻转」功能正是应对此种使用情境的神器,无论学宅舞还是街舞都方便了不止一点点。

查看详情

#Bilibili#人性化#情境预判

Quizlet:怎样有效地提升输入动作的效率?
Quizlet

输入体验Quizlet:怎样有效地提升输入动作的效率?

猎人 - 桃子0.0

使用「Quizlet」编辑自己的单词学习集时,在输入完单词后除了有贴心的自动联想功能,还能根据英文识别出中文意思。无需用户手动输入,直接点选即可。此外,当在页面调出输入键盘后...

查看详情

#Quizlet#人性化#信息呈现

为什么1个按钮位置能让10万用户怀疑人生?
Notion

设计避坑为什么1个按钮位置能让10万用户怀疑人生?

猎人 - 龙爪槐守望者9.0

在Notion的发布链接界面中,链接被拆分成两个输入框显示。第1个显示域名部分,第2个输入框则是具体的页面路径。复制按钮紧贴在第二个输入框的右侧,形成了明显的视觉关联。

查看详情

#一致性#分享#可见性