设计避坑连阿里都踩坑的界面设计!这个彩色图标骗了多少设计师?

产品: 千问猎人: 龙爪槐守望者观众: 8.7k人 时间: 2025-04-21

千问

与「千问」有关的细节还有 9查看全部

我也有新发现 我要投稿
连阿里都踩坑的界面设计!这个彩色图标骗了多少设计师?连阿里都踩坑的界面设计!这个彩色图标骗了多少设计师?

细节描述

龙爪槐守望者: 配图展示了通义App中深度思考功能的界面。由于通义的设计语言规范要求使用彩色图标,这导致了一个问题:当深度思考功能未开启时,彩色图标容易让用户误认为该功能已经开启(通常未开启状态会使用灰色或空心图标)。只有当用户真正开启功能,看到图标变成带✅的纯色时,才会意识到之前的彩色图标其实表示未开启状态。 这种设计违反了尼尔森十大可用性原则中最重要的「系统状态可见性」原则,导致用户无法直观地感知当前操作状态,增加了认知负担和操作的不确定性。 为了避免这个问题,应该通过形状、颜色和位置的明确区分来表达选中与未选中的状态。

9.526人评分
收藏 2
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

表单按钮放右上角还是底部?小红书提出双赢方案
小红书

微交互表单按钮放右上角还是底部?小红书提出双赢方案

猎人 - 龙爪槐守望者8.6

在移动端表单设计中,按钮位置一直是个热议话题。右上角放置虽能节省空间,避免软键盘遮挡,却可能因不够显眼而被用户忽略。而底部放置则易于点击,却占用了宝贵的空间。

查看详情

#可见性#提交按钮#操作效率

苹果还没做的网页版液态玻璃,竟然被千问先实现了!
千问

视觉设计苹果还没做的网页版液态玻璃,竟然被千问先实现了!

猎人 - 龙爪槐守望者9.8

苹果推出液态玻璃后,在手机、手边、mac上都已实施,但网页版却没有。这不千问率先在网页上采用了液态玻璃效果,半透明的毛玻璃面板、背后的艺术视频隐约透出来、按钮 hover 时...

查看详情

#悬停#按钮#液体玻璃

看高德地图如何用透明定价设计,解决用户的绕路焦虑
高德地图

预期设计看高德地图如何用透明定价设计,解决用户的绕路焦虑

猎人 - 张老三9.0

数据表明,网约车投诉中,超过30%与绕路和费用争议有关。如果一个简单的弹窗设计能将这种误会降低一半,甚至让用户觉得多花钱也值得,你会不会觉得这个交互价值千金?

高德地图在用...

查看详情

#卡片#可见性#地图