U2.06.3Conditional occlusion control in bubble charts设计研究

大气泡遮挡小气泡,需按尺寸排序绘制并降低不透明度

别名: 气泡遮挡 · 绘制次序 · 透明叠加

概念解释

气泡相交时,后绘制的标记会遮住先绘制的标记。按尺寸从大到小绘制,使小气泡位于上层;降低不透明度,使下层重叠仍有迹象,都是常用的遮挡控制(occlusion control)。但标题中的做法是条件策略而非固定配方:绘制顺序会改变谁可选择、谁更显著,透明叠加会产生混色和密度印象,两者都不能保证每条记录可辨。

机制

z-order 决定覆盖关系,alpha compositing 决定重叠像素如何混合。大泡先画可降低小泡被完全盖住的概率,却可能让大泡边界被切碎;小泡在上也可能抢占指针事件。半透明可暴露重叠,但颜色、背景、层数和混合算法共同决定结果,深色区域可能被误读为更高密度或另一类别。遮挡是渲染、选择与语义三层问题,不只是调一个透明度。

怎么研究

以真实密度和尺寸分布比较数据顺序、尺寸顺序、随机顺序、不同透明度、描边、抖动和分箱。任务覆盖查找最小与最大标记、选择被覆盖记录、估计局部密度和比较类别,测遗漏、误选、时间与混色误判。测试鼠标、触屏、键盘和读屏访问,并在浅色、深色、高对比、打印与导出条件下复验。透明版本看起来“更丰富”不等于记录可恢复。

边界

尺寸排序会掩盖时间顺序或优先级等本来有意义的层级;此时 z-order 应服从任务或允许切换。类别颜色叠加可能生成图例中不存在的颜色,透明度也不适合要求精确颜色识别的任务。高密度区域即使半透明仍可能饱和,小气泡仍不可选择;应改用分箱、等高线、抽样、分面或放大详情。交互命中区可大于可见圆,但不能让相邻记录无法选取。

怎么落地

  • 先明确优先保留小标记、关键记录、时间层级还是类别可辨性,再选择 z-order;不要把尺寸降序写死在渲染管线。
  • 在目标背景和颜色组合中调试透明度与描边,提供悬停、聚焦或选择后的不透明高亮,并显示重叠记录列表。
  • 将视觉半径与可选命中区分开设计,提供键盘逐点导航和结构化数据入口,使完全遮挡不等于不可访问。
  • 用查找、选择、密度和类别任务验证;若透明混色、饱和或误选持续存在,切换分箱、分面或协调详情视图。

延伸

  • 同组U2.06.1 气泡承担第三个变量但其判读精度在常用通道中最低 · U2.06.2 气泡应按面积而非按半径映射数值 · U2.06.4 气泡尺寸必须配以给出参照量的尺寸图例 · U2.06.5 第三维若需精确比较应改用分面或另出一图
  • 相邻U2.05.2 大量点会重叠,需要透明或分箱 · U1.12.3 高亮应只针对当前关注的一类
  • 站内检索bubble occlusion · z-order · alpha compositing · hit testing

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U2.06.3