F5.02.2Semantic color collision设计研究
语义色不得挪作装饰
别名: 语义色滥用 · 装饰性红色 · incidental colour
概念解释
结算页顶部拉了一条促销红带,色相正好等于校验失败的红。用户没看清「满减」两个字,先去找自己填错了哪一栏,有人直接关掉。状态色一旦被挪去当装饰,状态会泄漏到不相干的表面:不是映射表丢了,是同一枚信号弹被拿去点烟火。
机制
注意会把视野里的范畴色当成候选证据。错误红不只「属于报错组件」,它在整页里都像在说「有问题」。促销带、图表系列、插画描边如果走进这个篮子,就会触发附带编码(incidental colour coding):颜色本该无意义,却被已经训练好的分类器认成状态。
图表里更隐蔽。把「成功绿」拿去画一条「失败次数」的折线,上升看起来像在变好。装饰用途越接近状态色的色相和饱和,泄漏越强;降低饱和或换到状态表以外的色相,泄漏才会下降。
怎么研究
做干扰任务:页面上有一处真错误、一处同色装饰,测第一眼落点和「你觉得出了什么问题」的口头报告。自变量:装饰色与错误色的色相距离、装饰面积、是否伴随图标。因变量:误报为错误的比例、找到真错误的时间、注视是否被装饰条吸走。
不要用「好不好看」当因变量。好看的红带仍然可以是一次状态误报。
边界
- 从未建立状态映射的界面,装饰红不会被读成错误;泄漏以映射已经存在为前提。
- 小面积、低饱和、远离表单的装饰,误报会下降,但不能靠「我们只是点缀一下」免责——要测,不要猜。
- 品牌主色如果本来就不是状态红,用作大面积识别不叫挪用;真正危险的是与错误 / 成功同色相的那一笔。
- 色弱条件下,装饰与状态可能比普通视力更容易撞车,因为可分的色相篮子更少。
怎么落地
- 状态表里的色相禁止出现在促销带、空状态插画、图表系列、骨架屏这类非状态表面。
- 图表系列走另一组色相,或用线型、点形分担编码,避免「绿线 = 好事」。
- 评审时把状态色和装饰色印在同一张纸上,任何一对分不开就改装饰,不改状态表。
- 验证办法:给新用户看含装饰红带的结算页,问「现在有没有错误」;若有人开始找校验,这条带就换色。