监控系统天然信息密集:设备、时间、位置、指标、告警都想进入同一屏。常见做法是把每组信息放进卡片,再通过颜色区分优先级。卡片越来越多,页面反而失去整体结构。
信息密度不是单位面积内文字的数量,而是用户完成判断所需的信息与视觉成本之比。删掉关键上下文的“简洁”,可能让用户打开更多页面才能完成一次确认。
为扫描设计层级
操作人员通常不会逐字阅读,而是先找异常,再确认范围,最后查看细节。界面应当支持这条视线顺序:稳定的对齐帮助纵向比较,有限的颜色突出异常,固定位置让重复操作形成记忆。
我更倾向使用表格、分组标题和细分隔线,而不是让每个区域悬浮成独立卡片。卡片强调独立性,监控数据却常常需要横向比较。
一次设备列表改版前,首屏有 12 张卡片。每张卡片都重复设备名、位置、在线状态和三个指标,操作人员要在二维空间里寻找异常。改成表格后,我们没有减少字段,而是重新分配层级:
| 层级 | 信息 | 展示方式 |
|---|---|---|
| 第一眼 | 告警级别、设备名、在线状态 | 固定列,位置稳定 |
| 快速比较 | 核心指标、更新时间 | 数字右对齐,统一单位 |
| 进一步判断 | 趋势、告警原因 | 行内展开,不改变主表列宽 |
| 偶尔使用 | 设备配置、历史记录 | 详情页 |
数字右对齐是一个很小但很有效的决定。9.8、12.1、103.4 的量级差异可以沿小数位快速扫描;把数字居中放在卡片里,用户只能逐个阅读。
颜色必须稀缺
如果设备状态、业务类型、按钮和图表系列都使用鲜艳颜色,真正的异常便无法脱颖而出。中性界面不是审美偏好,而是为告警预留表达空间。
同时不能只靠颜色传递状态。文字、形状和位置需要提供冗余线索,才能适应不同屏幕和使用者。
为重复工作保留空间记忆
操作工具与一次性展示不同。用户每天会查看相同指标、执行相同筛选,稳定位置能让他们形成肌肉记忆。随数据多少自动改变布局,看起来充分利用空间,却会让视线每次重新寻找。
我们可以允许用户保存筛选和列设置,但核心结构应保持一致。新增信息优先进入可展开详情,而不是不断挤压主表。信息架构要区分“每次判断必需”和“偶尔排查需要”,让高频任务始终拥有最短路径。
密度是否合适,最终要用任务验证,而不是看截图。我们会让熟悉业务的人完成三个动作:找到当前最高级告警、比较两台设备同一指标、确认某条数据最后更新时间。记录完成时间和误读位置,比询问“喜欢新版还是旧版”更能发现问题。
如果用户频繁横向滚动找固定字段,列顺序有问题;如果总要打开详情确认单位,表头信息不完整;如果所有人第一步都是清除默认筛选,默认值就不代表真实工作。
专业工具不必追求“看起来简单”,而要让复杂工作变得可控。密集界面的成熟感,来自秩序,而不是装饰。
图:每层信息只服务当前判断,密度才不会变成噪声。
用真实值班任务检验信息密度
我后来不再问“大屏是不是太挤”,而是给操作者三个任务:30 秒内找到异常服务;判断是流量变化还是错误变化;打开一条可执行处置路径。记录完成时间、误点和需要口头解释的地方。
能帮助任务的信息可以密,不能改变判断的装饰要删。密度不是单位面积放多少图,而是用户每移动一次视线能获得多少与当前决定有关的证据。