U7.01.2Views need an explicit data relationship to each other设计

视图之间需有明确的数据关系

别名: 视图关系 · 数据关系

概念解释

同屏的视图之间必须有可陈述的数据关系:同一数据的不同侧面(总量的趋势与构成)、同一层级的不同分支、或概览与明细的上下级。关系明确了,多视图才是一台仪器的多个表盘;关系缺失,就是几张贴在同一面墙上的海报。

机制

数据关系是多视图协同的前提:联动、对照、下钻这些协调机制(分析交互族的核心手段)全部建立在"视图展示的是同一批数据的不同投影"之上——刷选能跨视图传播,是因为选中的是同一批记录;钻取能从概览进入明细,是因为两者是同一指标的层级。关系还决定布局语义:上下关系暗示层级(概览在上),并列关系暗示对照(同期对比),关系与布局语义一致时用户可以靠空间直觉理解仪表盘结构。关系不可陈述的直接症状是:用户无法回答"这两张图有什么关系"。

边界

数据关系不排除时间维度上的差异视图——"本月"与"上月"的两个视图数据不同但关系明确(同指标不同时段),关系陈述到指标与维度层面即可。关系也不必是强耦合:仪表盘可以有一个完全独立的参考区块,但它应被视觉上区隔(分组、留白),明确告诉用户"这是背景资料",避免被误读为主体系。多数据源混排的仪表盘(业务数据加系统监控)是合法的,但分组与标注必须让数据归属一目了然。

怎么落地

  • 仪表盘设计文档里画视图关系图:每个视图与哪些视图共享数据、上下级如何、联动如何。
  • 布局按关系组织:层级从上到下、对照左右并列、独立资料视觉区隔。
  • 验证:请用户说明任意两个视图的关系;答不出或答错即关系不可读,补联动、标注或重排布局。

延伸

  • 同组U7.01.1 多视图分担不同问题 · U7.01.3 无关视图堆叠会分散注意
  • 相邻U6.02.1 一个视图的选择应同步到相关视图 · U6.05.1 钻取沿预先定义的层级从汇总走向明细
  • 站内检索coordinated views · dashboard information architecture · view relationship

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U7.01.2