状态间的视觉差异需大于噪声
别名: 状态可辨 · 刚可辨差 · JND
概念解释
五态都画了还不够。默认和悬停若只差 4% 的明度,按下若只把阴影抹掉一像素,在真实背景、压缩屏和偏转视线下会被噪声吃掉。状态间的差异必须大于刚可辨差(just noticeable difference, JND),人才能在不盯着过渡动画的情况下读出「现在是哪一态」。可辨的是状态身份,不是「有没有做设计」。
机制
视觉系统用对比检测变化。按钮状态切换往往发生在注视刚离开或手指正挡住控件的时候,可用的信号只剩:明度阶、色相阶、位移或尺度的突变。若阶差落在屏幕反光、亚像素渲染、低对比主题和周围动画的波动范围内,检测失败,状态机在实现上存在,在知觉上塌成一态。韦伯定律提醒:能被察觉的增量是相对于当前基线的比例,不是绝对色值。浅色默认底上再浅一点的悬停很容易低于比例阈;深色底上用更深一度的按下同样会被吞掉。噪声源还包括同时发生的页面滚动、骨架屏闪烁、以及按钮自身的加载旋转——它们都在抢同一条对比通道。
怎么研究
用配对比较或迫选:「这两帧是同一状态还是不同状态」,刺激放在目标界面的真实背景上,而不是白画板上。改变明度差、是否叠加滚动或闪烁、观察距离。
自变量:状态对之间的 ΔL* / 对比度、干扰运动是否存在、被试是否被要求盯着按钮。 因变量:状态辨别正确率、反应时、主观「有没有按上」判断。
实验室用静止并排的两帧会高估可辨性——真实使用里状态是继时出现的,还常被手指挡住。继时呈现加遮挡条件,更接近按下态被吞掉的现场。
边界
高对比模式和某些视觉障碍会把细微的风格差异放大或抹平,同一套阶差不能假定处处成立。品牌要求「悬停几乎看不出」时,可辨性会故意被压到阈下,指针用户就要改靠光标形状来补;这是在用另一通道买回信号,不是差异已经够了。加载态若用文字替换(「保存」变「保存中…」)而不是只改颜色,可辨性改走语义通道,颜色阶可以更弱。动画连续插值可能让人感觉「在动」却说不出进入了哪一态,动不等于可辨。
怎么落地
- 在默认背景、照片背景、深色背景上分别截取五态,做成并排色板,删掉能被一眼判成「同一块颜色」的相邻两态。
- 用系统的对比或色差计算检查默认–悬停、悬停–按下、默认–禁用三对,不要只看设计稿放大后的感觉。
- 按下和加载至少各加一条非颜色线索(位移、字号不变的文案替换、进度环形),避免只靠色阶。
- 验证:在目标设备上录一段真实滚动中的点击。若回放时需要暂停才能看出状态切换,差异就还在噪声里。