U1.12.3Focus-scoped highlighting设计研究

高亮应只针对当前关注的一类

别名: 焦点高亮 · 显著性预算 · highlight scope

概念解释

焦点范围高亮(focus-scoped highlighting)把最强的显著差异绑定到当前任务中的一个目标集合,其余元素保持可读但退后。若多个类别同时使用同等强度的“强调色”、描边和放大,突出与背景的关系会被稀释。标题中的“一类”指一个当前注意集合,可以包含多个相关标记,并非强迫界面永远只能选一个数据点。

机制

显著性是相对关系:当许多项目都与背景不同且彼此也不同,干扰项异质性上升,目标不再由单一差异定义。层级还会被面积、位置、动画和语义优先级共同影响。降低非焦点元素的竞争可以引导搜索,但过度淡化会破坏背景比较、可访问性或误把未选数据呈现为不重要。

怎么研究

围绕真实任务比较无高亮、单一焦点集合和多类竞争高亮,测首次注视、定位时间、错误、背景比较和理解。改变选择数量、密度、显示尺寸、色觉条件与动画,并询问用户认为高亮代表选择、异常、告警还是重要性。测试焦点切换后的残留状态与键盘/读屏同步。

边界

多用户协作、多个告警级别或多个系列对照可能必须同时显示不同状态;此时应用结构分区、标签或有序层级,而不是把所有状态都做成同等强的弹出。教学标注可分步骤揭示多处。非焦点数据若是判断上下文,必须保持足够对比和可查询性。

怎么落地

  • 定义当前高亮的对象、原因和生命周期;选择、搜索结果、异常与告警不要复用一个含糊样式。
  • 一次把最强对比留给一个任务集合,其他状态使用标签、位置、边界或较低层级,并保持图例一致。
  • 支持清除、切换与键盘遍历焦点;将选中状态、名称和值同步给辅助技术,而不只改变颜色。
  • 验证用户能定位焦点、理解其含义并比较背景;若背景消失或多类争夺注意,重新分层或分视图。

延伸

  • 同组U1.12.1 单一显著差异可被并行发现 · U1.12.2 多重编码叠加会取消并行优势
  • 相邻U1.13.1 接近与相似决定用户看到的分组 · U1.10.5 冗余的两个通道语义不一致时会给出矛盾提示
  • 站内检索highlight scope · salience budget · focus context

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U1.12.3