U2.06.3Conditional occlusion control in bubble charts设计研究
大气泡遮挡小气泡,需按尺寸排序绘制并降低不透明度
别名: 气泡遮挡 · 绘制次序 · 透明叠加
概念解释
气泡相交时,后绘制的标记会遮住先绘制的标记。按尺寸从大到小绘制,使小气泡位于上层;降低不透明度,使下层重叠仍有迹象,都是常用的遮挡控制(occlusion control)。但标题中的做法是条件策略而非固定配方:绘制顺序会改变谁可选择、谁更显著,透明叠加会产生混色和密度印象,两者都不能保证每条记录可辨。
机制
z-order 决定覆盖关系,alpha compositing 决定重叠像素如何混合。大泡先画可降低小泡被完全盖住的概率,却可能让大泡边界被切碎;小泡在上也可能抢占指针事件。半透明可暴露重叠,但颜色、背景、层数和混合算法共同决定结果,深色区域可能被误读为更高密度或另一类别。遮挡是渲染、选择与语义三层问题,不只是调一个透明度。
怎么研究
以真实密度和尺寸分布比较数据顺序、尺寸顺序、随机顺序、不同透明度、描边、抖动和分箱。任务覆盖查找最小与最大标记、选择被覆盖记录、估计局部密度和比较类别,测遗漏、误选、时间与混色误判。测试鼠标、触屏、键盘和读屏访问,并在浅色、深色、高对比、打印与导出条件下复验。透明版本看起来“更丰富”不等于记录可恢复。
边界
尺寸排序会掩盖时间顺序或优先级等本来有意义的层级;此时 z-order 应服从任务或允许切换。类别颜色叠加可能生成图例中不存在的颜色,透明度也不适合要求精确颜色识别的任务。高密度区域即使半透明仍可能饱和,小气泡仍不可选择;应改用分箱、等高线、抽样、分面或放大详情。交互命中区可大于可见圆,但不能让相邻记录无法选取。
怎么落地
- 先明确优先保留小标记、关键记录、时间层级还是类别可辨性,再选择 z-order;不要把尺寸降序写死在渲染管线。
- 在目标背景和颜色组合中调试透明度与描边,提供悬停、聚焦或选择后的不透明高亮,并显示重叠记录列表。
- 将视觉半径与可选命中区分开设计,提供键盘逐点导航和结构化数据入口,使完全遮挡不等于不可访问。
- 用查找、选择、密度和类别任务验证;若透明混色、饱和或误选持续存在,切换分箱、分面或协调详情视图。