现代HMI设计规范：从按钮堆砌到符合人体工程学的交互界面

引言：一个错误设计引发的质量事故

几年前我参与过一个事故分析：某化工厂的操作员在紧急情况下按错了按钮，导致反应釜超温。查看HMI画面后发现，该画面的"紧急停车"按钮和"暂停"按钮几乎一模一样——同样的红色、同样的大小、相距仅30像素。操作员在紧张状态下点错了。

这个事故的直接原因是操作失误，但根本原因是HMI界面设计违反了人体工程学。ISO 11064和NAMUR NE103标准明确规定了工业操作站的设计要求，但很多HMI界面设计者根本没有参考这些标准。

一、色彩与视觉层次

1.1 安全色标

色彩是HMI传递信息最快速的方式。操作员对颜色的反应快于对文字的阅读。

工业HMI色彩使用规范：

- 红色：仅用于紧急情况——设备故障、紧急停车、报警状态。一个画面中红色元素不应超过3个，否则会降低红色的警示效果。

- 黄色/橙色：异常但非紧急——维护提示、限值报警、设备非运行状态。

- 绿色：正常运行状态。

- 蓝色：信息性内容——参数显示、提示信息、非关键状态。

- 灰色：中性背景，用于不可操作的元素。

常见错误是滥用绿色——很多HMI把所有的屏幕底色都设置为深绿色，理由是"护眼"。但这导致设备状态指示灯（绿色=运行）完全无法辨识。底色建议使用中灰色（RGB 200-210）。

1.2 信息密度控制

人眼一次只能专注于5~9个元素。一个HMI画面同时展示超过9个设备或30个参数时，操作员的反应速度和准确率会明显下降。

设计原则：

- 主画面只显示设备组态和主要参数（流程概览），详细数据放在二级画面

- 使用"三层画面"结构：概览→分组→详细

- 参数变化颜色标记（闪烁/变色）比文字提醒更有效

以一条灌装生产线为例，主画面显示：所有工位的概览状态（绿色/红色圆点）、实时产量（大字显示）、报警总数。具体每个工位的参数（灌装量、密封温度、瓶盖扭矩等）放在该工位的二级画面中，点击设备图标进入。

二、布局与Fitts定律

Fitts定律是人机交互领域的金科玉律：鼠标或触屏点击某个目标的时间，取决于目标的大小和距离。公式：MT = a + b·log₂(D/W + 1)，其中MT是移动时间，D是到目标的距离，W是目标宽度。

这意味着：

1. 常用操作按钮要大：生产启动、停止、急停按钮的尺寸不能小于80×40像素（假设15寸屏，分辨率1024×768）。

2. 紧急按钮要靠近操作区中心：急停按钮放在屏幕右下角是最糟糕的设计——操作员的手需要先找到边缘。最佳位置是屏幕中央偏右的区域，即操作员视线自然落点。

3. 危险操作要远离正常操作区：将"启动"和"急停"这两个意义相反的按钮放在一起，是HMI设计的常见错误。一个紧急关机的按钮至少应距离其他操作按钮50像素以上。

4. 屏幕边缘不放置关键元素：工业触摸屏可能存在触控偏差，边缘的触控精度通常低于中央区域。

三、报警管理：减少操作员的认知负担

报警管理是HMI设计中最容易被忽视的部分。ISA-18.2和IEC 62682标准对报警系统的设计提出了明确要求。

3.1 报警优先级

将报警分为三级：

- 紧急报警：需要立即响应，必须在10秒内确认。

- 重要报警：需要在5分钟内处理。

- 一般报警：可以在班次结束前处理。

核心指标是"报警率"：ISA-18.2建议每个操作站的报警率不超过每分钟6个（即每小时300个）。超过这个阈值，操作员会患上"报警疲劳"——不再认真对待报警。

3.2 报警抑制

设备停机时，由其引发的级联报警应自动抑制。例如，当设备"输送带A"停止时，"输送带A上的传感器B"的低点报警自然无效了，不应弹窗提醒操作员。

实践中，报警抑制逻辑非常复杂。我建议在PLC程序中设计报警分组，将每个报警关联到对应的设备状态。设备离线时，该设备相关报警自动静音。

3.3 报警确认与消声

每个报警必须有确认操作，确保操作员已查看。未确认的报警保持闪烁或特殊颜色。操作员确认报警时应记录时间戳和用户ID（对于合规要求严格的行业，如制药和食品）。

四、触摸屏交互的特别考量

工业HMI越来越多地使用触摸屏。与鼠标操作不同，触摸操作有特殊的考虑：

- 触摸按钮最小尺寸：至少20×20mm（约60×60像素），手指尖的接触面积决定了按钮不能太小。实际操作中，推荐24×24mm。

- 防止误触按钮间距：相邻按钮间距至少5mm。如果间距小于3mm，操作员在快速操作时很容易误触到相邻按钮。

- 输入框优化：数值输入框应优先显示数字键盘而非全键盘。常用的数值快捷输入（+1、-1、+10、-10）按钮可以显著提高操作效率。

- 触控反馈：每次点击应有视觉反馈（如按钮按压动画），否则操作员不确定是否按到了。如果硬件支持，添加轻微的振动反馈效果更好。

- 手套操作兼容：许多工业现场操作员戴手套。触摸屏选择应优先考虑电阻屏或大电容屏（支持戴手套操作）。

五、验证与测试

HMI设计完成后，必须进行可用性测试。

测试方法：找3~5名经验不同的操作员，让完成指定的操作任务（启动设备、查看报警、修改参数等），记录完成时间和错误率。

评估指标：

- 任务完成时间：新操作员完成所有标准任务应在30秒以内

- 首次点击错误率：低于5%。高于这个水平说明按钮布局或标记有问题

- 紧急操作时间：在模拟紧急场景下，完成急停操作不超过3秒

结语

HMI是操作员与工业设备交互的唯一窗口。一个好的HMI界面可以预防事故、提高效率、减少培训成本。反之，一个设计仓促的HMI界面则是生产现场的隐患。

我的经验是：把HMI设计当作系统工程来做，而不是美工工作。借鉴ISO 11064和NAMUR NE103标准的规范，结合操作员现场的实际使用习惯来反复迭代。最好在项目初期就邀请最终用户参与评审，而不是等画面做完再让他们提意见——那通常意味着大量返工。