U1.13.3Common-region grouping and local membership设计研究

共同区域可替代图例建立归属

别名: 共同区域 · 围合分组 · 就地归属

概念解释

共同区域(common region)是位于同一可感知边界或背景区域内的元素倾向被看作一组。分面、分区矩阵和带标题的卡片可借此把成员与组名放在同一位置,减少在标记与图例之间往返。标题中的“可替代”有前提:区域边界必须明确、组名必须就地可见且成员关系不能多义;共同区域只说明“属于哪个容器”,不会自动告诉读者容器叫什么或数据关系是什么。

机制

围合轮廓或连续背景为多个元素提供共享外部边界,使它们先形成一个知觉单元。Palmer 的实验表明,共同区域可以改变甚至克服某些接近或相似分组,但结果取决于感知到的深度关系、嵌套层级和最小围合区域,因此不能写成固定优先级。区域与标题相邻时,归属可在局部完成;若边界含混、区域重叠或标题远离容器,读者仍需寻找其他线索。

怎么研究

以相同数据操纵有无围合、边框与底色对比、接近和相似线索是否一致、区域是否嵌套或重叠。任务分别覆盖成员查找、组名识别、跨组比较与层级复述,测量正确率、反应时间、回视和信心。应在目标屏幕、缩放、打印和高对比模式下测试边界是否仍可见,并让使用辅助技术的参与者验证程序化组名、成员关系和阅读顺序。涉及文字排布时,再检验目标文字系统与阅读方向,不把一种版式的扫描结果当作文化常量。

边界

共同区域不适合单个成员同时属于多个组的关系;强行围合会隐藏交叉成员或制造互斥含义。地图中的行政边界、置信区间或选择框已有数据语义,不能仅为分组重复利用而造成冲突。过多嵌套、低对比背景、窄屏重排和打印损失都可能削弱围合。背景色与坐标位置也不会被屏幕阅读器自动解释;把每个视觉框都变成页面地标,反而可能增加导航负担。

怎么落地

  • 将简短组名放在对应区域内部或边界附近,并让边框、留白和标题共同指向同一层级;不要假设围合本身已经命名分组。
  • 只有在去掉图例后仍能正确识别组名与成员时才考虑省略图例;身份需要跨区域保持、边界模糊或成员重叠时保留标签或改用链接、矩阵等表达。
  • 让视觉容器与文档结构、表头或适量的程序化分组对应,保持合理阅读顺序,同时避免生成过量辅助技术地标。
  • 在成员查找、跨组比较和层级复述中比较“区域加就地标题”与“图例”版本,覆盖窄屏重排、缩放、打印和高对比模式。

延伸

  • 同组U1.13.1 接近与相似决定用户看到的分组 · U1.13.2 连接性使折线被读作连续过程
  • 相邻U2.15.1 小倍数用重复的同构小图替代在一张图上叠加 · U2.15.4 分面数量过多时单图缩到失去可读性
  • 站内检索common region · enclosure grouping · local labeling · perceptual organization

同组卡片

快捷操作

分享

分享当前页面

ios_share

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