4、看板设计原则：工业看板的信息层级、可视化设计规范与用户体验要点

智慧工厂的AI+SCADA看板并非简单的数据堆砌，而是面向不同角色（操作员、班组长、设备工程师、生产管理者）的决策支持工具。一个优秀的工业看板，必须在有限的屏幕空间内，将海量的实时数据、告警信息和设备状态转化为清晰、可读、可行动的视觉语言。本章将深入探讨工业看板设计的三大支柱：信息层级构建、可视化设计规范以及用户体验要点，并结合实际案例拆解设计过程中的关键决策。

4.1 工业看板的信息层级设计

4.1.1 核心原理：从“数据海洋”到“决策金字塔”

工业看板的信息层级设计源于认知心理学中的“认知负荷理论”。操作员在紧急情况下（如设备故障、质量报警）的决策时间窗口往往只有几十秒甚至几秒。如果看板将所有信息（温度、压力、转速、产量、OEE、告警列表）以同等视觉权重呈现，人脑将陷入“信息过载”状态，导致漏判或误判。因此，看板必须构建一个金字塔式的信息结构：顶层是全局健康度（如整体OEE、产线状态），中层是区域/工段的关键指标（如某工段的良率、节拍），底层是设备级参数与告警详情。每一层的信息密度逐级增加，但视觉优先级逐级降低。

4.1.2 判断方法：四层模型与角色映射

在实际设计中，我们通常将看板划分为四个信息层级，并映射到不同用户角色：

操作流程建议：首先与生产管理者确认L1层的关键KPI（通常不超过5个）；其次与班组长确认L2层的产线分组逻辑；再与设备工程师确认L3层的核心参数阈值；最后与IT/OT团队确认L4层告警数据的接口格式。切忌由IT部门单方面决定布局。

4.1.3 案例拆解：某汽车零部件工厂的总装车间看板

背景与约束：该车间有4条总装线，每条线有12个工位，设备品牌混杂（西门子、三菱、AB），数据采集频率不一致。原有看板将所有工位的PLC数据（共480个变量）全部罗列在3块55寸屏幕上，导致操作员无法快速定位故障工位。

初始现象：当某工位发生卡料故障时，看板上仅显示该工位的一个红色小圆点，但周围有大量绿色/黄色参数闪烁，操作员平均需要15-20秒才能找到故障点。

分析判断过程：我们通过眼动仪测试发现，操作员的视线在看板上无规律扫动，因为所有信息视觉权重相同。于是决定重构信息层级：将L1层设为“4条线的整体状态条”（每条线一个色块），L2层设为“当前选中线的工位流程图”，L3层为“点击工位后的详细参数弹窗”，L4层为“底部告警滚动条”。

实际操作步骤：① 在顶部设计4个大型色块（对应4条线），色块颜色由该线所有工位中最严重的告警等级决定；② 中部默认显示1号线的工位流程图，每个工位用矩形表示，颜色随状态变化；③ 点击任意工位，右侧弹出该工位的温度、压力、扭矩曲线；④ 底部保留最近50条告警，按时间倒序排列，严重告警用红色高亮并置顶。

结果对比：改造后，操作员定位故障工位的平均时间从17秒缩短至4秒，误操作率下降60%。风险与代价：初期部分老操作员不习惯“点击交互”，需要2天培训适应；同时L3层的数据加载需要优化API响应时间至200ms以内。

复盘经验：信息层级不是简单的“放大缩小”，而是对用户决策路径的重新设计。必须让用户用最少的眼球移动完成“发现问题→定位问题→查看细节”的闭环。

4.2 可视化设计规范：色彩、图形与动态效果

4.2.1 核心原理：工业场景下的视觉编码规则

工业看板的可视化设计不能照搬互联网大屏的炫酷风格。工业环境存在光照变化大（白天/夜晚）、观看距离远（2-5米）、操作员可能佩戴安全帽或护目镜等约束。因此，设计规范必须遵循“高对比、大色块、少装饰”的原则。色彩编码应严格遵循国际标准：红色代表故障/停止/紧急，黄色代表警告/待机/注意，绿色代表正常运行，灰色代表离线/未启用。蓝色通常用于交互提示或信息链接，但不宜大面积使用。

4.2.2 判断方法：图表选型与数据特征匹配

选择错误的图表类型是常见误区。以下是工业看板中数据特征与推荐图表的对照表：

字体规范：数字推荐使用等宽字体（如Roboto Mono、DIN），避免数字跳动时宽度变化导致视觉抖动。中文标签使用黑体或微软雅黑，字号至少是屏幕高度的1/50（例如55寸屏，字高不小于20px）。

4.2.3 实战场景：告警列表的色彩与闪烁设计

告警列表是看板中最具动态性的元素。设计规范如下：

• 严重告警（Critical）：红色背景+白色文字，可配合每秒1次的慢速闪烁（频率不超过2Hz，避免引发癫痫风险）。
• 警告（Warning）：黄色背景+黑色文字，不闪烁，但左侧加粗竖线标识。
• 提示（Info）：蓝色或灰色背景，不闪烁，仅显示图标。
• 已确认/处理中：颜色降一级（红色变橙色），并显示处理人姓名。

闪烁规则必须遵循“3秒内最多闪烁3次”的约束，且闪烁区域面积不超过屏幕的10%。

4.3 用户体验要点：从“可视”到“可用”

4.3.1 核心原理：工业看板的“3米/1米/0.5米”原则

用户体验设计需考虑观看距离：3米外（管理者巡视）只能看到L1层的大色块和巨型数字；1米处（班组长日常监控）能看清L2层的产线状态和L4层的告警列表；0.5米内（维修工程师排查）需要触控或鼠标操作查看L3层细节。因此，交互设计必须支持“渐进式披露”——默认显示概要，点击/悬停后显示细节，而不是将所有信息平铺。

4.3.2 操作流程：多角色视图切换与个性化

一个物理看板往往需要服务多种角色。建议设计“角色切换”按钮（或通过RFID识别操作员身份自动切换）：

1. 操作员视图：突出显示当前工位的操作指引、下一件产品型号、设备是否允许启动。
2. 维修视图：隐藏产量数据，突出显示故障设备的报警代码、历史维修记录、备件库存状态。
3. 管理视图：隐藏设备级参数，突出显示OEE趋势、停机损失金额、质量不良率。

切换逻辑应基于用户角色而非手动配置，且切换后需在5秒内完成数据刷新。

4.3.3 案例拆解：某电子厂SMT车间的看板交互优化

背景与约束：SMT车间有10条贴片线，每条线有印刷机、贴片机、回流焊等设备。原有看板为单页固定布局，维修工需要走到看板前用触控笔点击设备图标查看详细参数，但触控屏经常因手套操作失灵。

初始现象：维修工平均每天需要点击看板120次，其中40%的点击是误触（因为目标太小）。且看板不支持手势缩放，查看曲线图时需要来回拖动滚动条。

关键输入数据：通过日志分析，发现维修工最常查看的参数是“回流焊温区温度曲线”（占比35%）和“贴片机吸嘴真空度”（占比28%）。

分析判断过程：我们决定将交互方式从“精确点击”改为“区域点击+语音输入”。具体方案：① 将设备图标放大至最小44x44px（符合触控规范）；② 点击设备后，默认弹出该设备最常查看的2个参数（基于历史数据）；③ 增加“最近查看”列表，减少重复导航；④ 对于回流焊，直接在主界面显示8个温区的温度迷你趋势图（无需点击）。

实际操作步骤：① 与设备工程师确认每个设备类型的“默认参数集”；② 开发基于使用频率的动态排序算法；③ 在UI层面增加“一键返回全局”的悬浮按钮；④ 进行为期2周的A/B测试（旧版vs新版）。

结果对比：维修工平均操作时间从每次12秒降至5秒，误触率下降75%。风险与代价：迷你趋势图占用了L2层空间，导致产线状态图缩小了15%，但通过折叠不常用产线信息弥补了空间。

复盘经验：用户体验优化的核心是“理解用户的肌肉记忆”。维修工在紧急时往往戴着手套，因此必须设计大目标、防误触的交互。同时，高频操作应尽量做到“零点击”直达。

4.4 常见误区与总结复盘

4.4.1 误区一：信息越全越好

很多工厂领导要求看板“把所有数据都放上去”，结果导致关键信息被淹没。解决方案是采用“80/20法则”：只展示影响决策的20%关键参数，其余数据通过报表系统查询。例如，电机电流、振动、温度是必显项，而润滑油品牌、上次保养日期等则放入二级页面。

4.4.2 误区二：动态效果过度

频繁的闪烁、滚动、飞入动画会严重干扰操作员注意力。工业看板的动画应仅限于：① 告警状态变化（闪烁）；② 数据刷新（数字跳动）；③ 视图切换（淡入淡出）。禁止使用持续旋转、弹跳、粒子效果等装饰性动画。

4.4.3 误区三：忽略色盲与暗光环境

约8%的男性存在红绿色盲。因此，不能仅依赖颜色区分状态，必须辅以形状或文字。例如，故障设备除了红色外，还应显示“×”图标；正常运行显示“✓”。同时，看板屏幕在夜间车间应具备自动亮度调节功能，避免过亮刺眼或过暗看不清。

4.4.4 总结复盘清单