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

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

奈雪的茶

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

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

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

猎人 - AmberDu小白9.0

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

查看详情

#Bilibili#人性化#情境预判

错误的按钮位置,容易导致交互动作的不完整
淘宝

用户体验错误的按钮位置,容易导致交互动作的不完整

猎人 - AmberDu小白0.0

「淘宝」退货其实已不算冷僻的操作,为了避免手填信息带来的麻烦,用户可以选择驿站自行邮寄。当出现定位不准确的情况时,用户就需要自己从列表中选择驿站信息了。点击进入选择驿站的页面...

查看详情

#按钮#淘宝#电商

新版花瓣用不惯?快来换回旧版本吧!
花瓣网

用户体验新版花瓣用不惯?快来换回旧版本吧!

猎人 - 聆风Raymond5.1

最近,「花瓣网」在网站UI界面的设计方面变化较大。网站的右下角,特意设计了一个切换「新版」与「旧版」的按钮,如果用户用不惯新版网站UI的话,可随时换回旧版网站。团队还很贴心地...

查看详情

#信息呈现#情境预判#按钮