U2.11.4Boundary cues for treemap hierarchy设计研究
相邻矩形的层级归属需靠边框或留白才能看出
别名: 树图边界 · 层级留白 · 共同区域
概念解释
相邻矩形只说明几何接触，不能单独说明它们是否同父。treemap 需要边框、padding、父级底色、标题或交互高亮等层级边界线索（hierarchical boundary cues），让共同区域与嵌套关系可见。标题不表示边框或留白是唯一办法，也不意味着越粗越清楚；线索必须与层级语义一致，并保留足够的数据面积。
机制
父区外轮廓与子区接缝若外观相同，读者难以判断边界属于哪个层级。差异化间距、轮廓和父标签可建立视觉层级，但 padding 会减少后代可用面积，描边会遮住小块，底色可能与数据色竞争。边界只在渲染中可见，不能自动建立程序化父子关系；视觉和可访问树结构必须来自同一层级数据。
怎么研究
比较无边界、padding、父轮廓、标题条、底色和交互高亮，操纵深度、密度、颜色、缩放与打印。让参与者判断同父关系、复述祖先路径、查找分支和比较份额，记录错误、时间及小块损失。高对比模式、色觉差异、低视力和读屏导航应独立测试。不要用单一像素宽度或同父错误率作为跨设备常数。
边界
过强边界会成为视觉主角并破坏面积比例，过弱边界在低对比或打印中消失。仅用颜色区分父级会与叶节点的数值或类别颜色冲突，并排除无法辨色的读者。深层结构可能需要交互聚焦或层级表，而不是继续叠加更多边框等级。地图式行政边界等已有语义的线条不可与层级线索混用。
怎么落地
- 为父级、兄弟接缝和选中路径分配明确且有限的边界角色，在最终布局后检查 padding 是否改变小块可读性。
- 将父级名称放在对应共同区域附近；交互聚焦时同时高亮祖先路径和同父范围，并保留键盘状态。
- 从同一数据生成程序化树、面包屑和矩形，提供父节点、层级与子项数量，不让颜色或坐标独自表达归属。
- 在同父判断、路径复述与份额任务中比较候选线索，覆盖缩放、窄屏、打印和高对比度模式。