U2.10.1Heatmaps for dense two-dimensional values设计研究

适合密集的二维数值

别名: 热力图适用场景 · 数值矩阵 · 单元格色彩图

概念解释

热力图把两个离散或离散化维度排成行列,用每个单元格的颜色表示一个数值。它适合在较密的矩阵中寻找块、带、梯度、热点和异常行列,因为大量值能共享规则网格,而不必为每个值分配一根柱或一段标签。“适合”指支持整体结构发现,不表示热力图是大矩阵的唯一选择,也没有普适的行列数量门槛;选择仍取决于精读、查找、比较或模式发现任务。

机制

规则网格同时保留行身份、列身份与邻接关系,颜色把数值转换为可并行扫视的色场。读者可先整合相邻单元格,再回到行列标签定位结构。其容量换来了较低的单格量值精度:颜色通常缺少位置或长度那样的共同参照,颜色相近、单元格很小、标签很远或矩阵滚动时,查找与配对都会变难。缺失值若没有独立编码,还可能被误读为零值或色标中部。

怎么研究

用带有已知块、带、异常和空值的合成矩阵控制行列数、稀疏度、效应强度、标签长度与屏幕尺寸,比较热力图、表格、点阵图或分面图。任务需分开测模式发现、目标查找、单格读数、两格差值和行列定位,并记录正确率、时间、置信度与滚动次数。真实数据还应让领域人员解释发现,再用预先定义的统计或留出数据确认,避免把视觉上显眼的结构直接当成稳定规律。

边界

稀疏关系、精确值、长文本或不规则网络可能更适合表格、散点图或节点—边图;小矩阵也未必需要颜色编码。单元格面积不应同时暗示另一个量。极端偏态、混合单位和不可比行列必须先处理或拆图。悬停只能补充指针用户,不能替代键盘访问、程序化名称、可见图例或可下载数据。颜色辨识受显示、视力与环境影响,高后果判断需提供数值或其他冗余通道。

怎么落地

  • 先写清主要任务;模式发现可用热力图,精确读取则同时提供表格、标签或详情视图。
  • 为行列使用稳定标签与可追踪高亮,冻结表头或同步滚动,并把缺失、零和超范围值编码成不同状态。
  • 根据可见空间决定是否分页、缩放或聚合;不要以固定“几十乘几十”阈值替代任务测试。
  • 用代表性设备和辅助技术验证找块、找格、读值和导出,确认色标、排序、筛选与数据版本在各视图一致。

延伸

  • 同组U2.10.2 行列排序决定能否看出结构 · U2.10.3 颜色标度选择直接影响结论
  • 相邻U2.16.1 需要精确取值时表格优于图表 · U4.02.1 需在感知上单调递增
  • 站内检索heatmap · matrix visualization · ensemble perception · dense values

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U2.10.1