U1.12.3Focus-scoped highlighting设计研究
高亮应只针对当前关注的一类
别名: 焦点高亮 · 显著性预算 · highlight scope
概念解释
焦点范围高亮(focus-scoped highlighting)把最强的显著差异绑定到当前任务中的一个目标集合,其余元素保持可读但退后。若多个类别同时使用同等强度的“强调色”、描边和放大,突出与背景的关系会被稀释。标题中的“一类”指一个当前注意集合,可以包含多个相关标记,并非强迫界面永远只能选一个数据点。
机制
显著性是相对关系:当许多项目都与背景不同且彼此也不同,干扰项异质性上升,目标不再由单一差异定义。层级还会被面积、位置、动画和语义优先级共同影响。降低非焦点元素的竞争可以引导搜索,但过度淡化会破坏背景比较、可访问性或误把未选数据呈现为不重要。
怎么研究
围绕真实任务比较无高亮、单一焦点集合和多类竞争高亮,测首次注视、定位时间、错误、背景比较和理解。改变选择数量、密度、显示尺寸、色觉条件与动画,并询问用户认为高亮代表选择、异常、告警还是重要性。测试焦点切换后的残留状态与键盘/读屏同步。
边界
多用户协作、多个告警级别或多个系列对照可能必须同时显示不同状态;此时应用结构分区、标签或有序层级,而不是把所有状态都做成同等强的弹出。教学标注可分步骤揭示多处。非焦点数据若是判断上下文,必须保持足够对比和可查询性。
怎么落地
- 定义当前高亮的对象、原因和生命周期;选择、搜索结果、异常与告警不要复用一个含糊样式。
- 一次把最强对比留给一个任务集合,其他状态使用标签、位置、边界或较低层级,并保持图例一致。
- 支持清除、切换与键盘遍历焦点;将选中状态、名称和值同步给辅助技术,而不只改变颜色。
- 验证用户能定位焦点、理解其含义并比较背景;若背景消失或多类争夺注意,重新分层或分视图。