D1.12.4State distinguishability设计研究
三态样式过于相似时用户无法判断当前的操作模式
别名: focus hover selection · state ambiguity · interaction mode · visual state
概念解释
状态可辨性（state distinguishability）是指焦点、悬停和选中在同一界面中应以足够不同且与其语义一致的方式呈现，使用户知道自己正处于哪种操作模式：键盘命令将落在哪里、指针正在探索什么、哪些对象已经被纳入操作集合。三态若都使用几乎相同的浅色背景或高亮边框，用户只能看到「有东西亮了」，却无法预测按键、点击、移动鼠标或执行批量命令会造成什么。
机制
视觉状态是操作规则的外部记忆。用户通过样式判断应继续键盘导航、是否可点击预览、以及命令目标是否已经固定。相似样式会合并不同生命周期和后果：瞬时的 hover 被误当持久选择，单一焦点被误当批量集合，选中项被误以为只是鼠标经过。误解一旦发生，用户会用额外点击、反复移动或撤销来诊断系统，效率与信心都会下降。状态不是纯装饰层，它承担了模式切换的可见说明。
怎么研究
构造三态单独出现和同时出现的动态场景：选中多项后移动焦点，鼠标扫过选中与未选中项，切换到触屏或键盘，再要求参与者预测下一次键、点击或批量命令的后果。测量预测正确率、误操作、犹豫和额外探查。静态对比测试只能发现颜色相近，不能验证用户理解；必须观察状态在时间上出现、保持和消失时是否仍被正确解释。
边界
不同不等于每种状态都要使用完全不同的颜色和强烈装饰。过度差异会破坏组件一致性、增加视觉噪声，并使低优先级 hover 压过高后果选择。关键是至少有一个可靠维度区分语义与生命周期：轮廓、填充、持续性、图标、文字或输入方式提示可组合使用。对于没有 hover 的设备，仍需让焦点和选中互相区分，不能因少一态而放弃状态设计。
怎么落地
- 为焦点、hover、选中写出各自的触发、作用对象、持续时间和命令后果，再据此分配可并存的视觉线索。
- 在组件库中展示三态的单独与叠加样例，覆盖深浅背景、密集列表、键盘操作和多选，而非只给默认截图。
- 让强度与后果匹配：持久选中和键盘焦点应比探索性 hover 更能支持准确判断，但不互相遮蔽。
- 用行为预测测试验收：用户应能在不操作的情况下说出当前是浏览、键盘定位还是已选择模式；若需要试一下才知道，样式区分不足。