U6.02.2Linkage relations must be understandable to users设计

联动关系需可被用户理解

别名: 联动透明 · 联动可解释

概念解释

联动是一种不可见的状态关系:哪个视图连着哪个视图、选择如何传播、为什么这个图变了那个图没变——这些都在代码里,不在画面上。用户对联动必须有准确的心智模型,否则联动引发的每次更新都是"莫名其妙的变化",效果适得其反:用户不再信任界面,开始怀疑数据。

机制

理解性来自联动与界面反馈的同构:用户看到"选中散点图的点,直方图对应柱点亮",会归纳出"它们展示同一批数据";这条归纳要成立,联动的视觉表达必须与数据关系一致——高亮的是同一批实体、高亮样式在所有视图中相同、未联动的视图保持安静。三类设计失败会破坏归纳:联动范围随机(有时联动有时不联动)、高亮样式不统一(不同视图用不同颜色表示同一选择)、联动方向不明(用户不知道是"选择传过去"还是"那个视图自己在动")。心智模型一旦建立错误,用户会发展出回避行为——不敢再点,联动投资全部作废。

边界

理解性有成本上限:解释联动的界面元素(图例标注、连线、提示)本身占据注意,全量解释会把联动说明变成新的噪音。实践中的平衡是把一致性做足——样式统一、行为一致时,用户一次归纳终身适用,无需重复解释;只有违反直觉的联动(聚合映射、反向过滤)才需要显式说明。复杂联动关系(多跳传播、条件触发)的理解成本随关系数上升,超出两三跳的联动链应重新设计而不是添加说明。

怎么落地

  • 联动高亮全站统一一种颜色与样式,让"被选中"在所有视图中长得一样。
  • 违反直觉的联动(如点击柱形高亮明细行)在首次发生时给一行说明。
  • 验证:请新用户描述"我点了这里,为什么那边变了";能用自己的话正确复述联动关系即理解性达标,答"不知道/可能是 bug"即需补足一致性或说明。

延伸

  • 同组U6.02.1 一个视图的选择应同步到相关视图 · U6.02.3 联动范围需可控制
  • 相邻U5.02.5 交互式图例可兼任筛选器,但需提示其可点击 · U6.03.1 已应用的筛选需全部可见
  • 站内检索linked view comprehension · coordination transparency · interaction provenance

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U6.02.2