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

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

千问

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

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

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

猎人 - 龙爪槐守望者8.6

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

查看详情

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

当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验
千问

微交互当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验

猎人 - 龙爪槐守望者8.2

轮播图不是早就过时了吗?为什么大厂还在用?其实你误会了——传统的轮播图确实饱受诟病,但如果把它和功能入口巧妙结合,反而能创造出1+1>2的体验。

查看详情

#入口#动效#卡片

群聊回图总被打断?微信用1个缩略图,把断掉的线接上了
微信

新功能群聊回图总被打断?微信用1个缩略图,把断掉的线接上了

猎人 - 龙爪槐守望者9.7

微信引用功能的升级,真的戳中了我们聊天时的痛点!你有没有遇到过这种情况:群聊里图片刷屏,想回复某张图但不知道说的是哪一张,只能尴尬地发个「张图?」然后等对方再发一遍。

查看详情

#可见性#引用#视觉认知