A2.10.2Cue redundancy for robust grouping设计
分组意图必须靠多个原则叠加而非单一原则
别名: 多线索叠加 · redundant grouping cues
概念解释
想让用户稳稳当当地看出"这几个东西是一组",只靠一条线索(只调间距,或者只靠颜色)是有风险的:单条线索的强弱会受到具体数值、屏幕环境、个体差异的影响,同一条线索在不同场景下未必总能压过其他干扰。让间距、颜色、对齐这类线索同时指向同一个分组结果、互相加强,比赌哪一条线索够强更稳妥。
机制
分组结果由各条线索的强弱共同拉扯出来,方向一致的线索会把各自的拉力叠加在一起,而不是互相抵消——这意味着即使某一条线索因为别的设计限制(比如要保持统一栅格、要用无障碍要求的配色)没法调得很强,只要另一条线索方向一致,两条弱线索加在一起也能把感知稳稳地推向同一个结果,避免只靠一条线索时可能落入的"强弱势均力敌、感知不稳定"的临界区间。
边界
叠加只在几条线索本身方向一致时才有加强效果;如果不小心让某条线索的调整无意中和另一条线索冲突(比如为了拉开间距反而破坏了共用背景色块的边界),叠加就变成了互相干扰,感知反而比只用一条线索时更混乱,调整前需要确认每条线索改动后依然指向同一个分组结果。
怎么落地
- 挑两条互不冲突、又不会和版面其他需求打架的线索来叠加(比如间距 + 共用背景色块),而不是想着用一条线索单打独斗撑起整个分组意图。
- 检查方式是"最小对"测试:依次单独关掉每一条线索,看只剩下另一条时分组是否还成立——如果关掉任意一条,分组就明显变得模糊或者被看成别的结果,说明现在的方案其实只靠一条线索硬撑,另一条并没有真正起到加强作用,需要把它调得更明显或者换一条更有效的线索。
- 不要为了叠加而叠加:线索数量堆得越多,版面本身也越复杂,只在分组意图确实重要、容不得看错的地方(比如关键操作按钮和它的说明文字)值得花力气叠加多条线索,普通的次要分组用一条清晰的线索通常就够。