HMI Moderna: Diseño de Interfaces para Planta

Voy a ser directo: la mayoría de pantallas HMI que se ha visto en plantas industriales son un desastre. Tuberías 3D con sombras y reflejos, colores chillones por todas partes, animaciones innecesarias y cien alarmas parpadeando que nadie mira. El operador acaba ignorando la pantalla y confiando en su oído para saber si algo va mal.

El diseño de HMI moderna para operadores de planta no va de hacer pantallas bonitas. Va de hacer pantallas que funcionen: que el operador vea de un vistazo si algo va bien o mal, y que sepa exactamente qué hacer cuando algo falla. Suena simple. No lo es.

Tras años de experiencia peleándome con este tema en cada proyecto de automatización, y después de estudiar el estándar ISA-101, leer todo lo que Bill Hollifield ha publicado sobre high-performance HMI, y sobre todo, sentarme con operadores de planta a preguntarles qué necesitan realmente, tengo claro lo que funciona y lo que no.

Por Qué la Mayoría de HMIs Tradicionales Fallan

Las HMIs tradicionales se diseñaron cuando las pantallas eran caras y los gráficos limitados. Cuando llegaron los monitores a color y las herramientas de diseño avanzadas, los integradores se volvieron locos: texturas 3D en las tuberías, gradientes en los tanques, fondos oscuros con brillos y todo tipo de elementos decorativos.

El resultado es lo que los expertos llaman “christmas tree displays”: pantallas que parecen árboles de Navidad llenos de luces. ¿El problema? Cuando todo destaca, nada destaca. El operador no puede distinguir una situación normal de una anormal porque todo está compitiendo por su atención.

Los fallos más comunes que encuentro:

• Exceso de color: todo tiene color, así que el color pierde su función como señal de estado.
• Elementos decorativos: tuberías 3D, sombras, texturas. No aportan información, solo ruido visual.
• Valores numéricos sin contexto: un “73.4°C” solo es útil si sé que el rango normal es 70-75°C.
• Alarmas sin priorizar: cientos de alarmas activas de las que solo 5 son relevantes.
• Navegación confusa: 200 pantallas sin una jerarquía clara. El operador tarda 10 clics en llegar a la pantalla correcta.
• Diseño por el ingeniero, no para el operador: la HMI refleja el P&ID, no el flujo de trabajo del operador.

El Estándar ISA-101: El Framework para HMI Moderna

ISA-101 (Human Machine Interfaces for Process Automation Systems) es el estándar de referencia para diseño de HMI en automatización de procesos. No es una receta cerrada, sino un framework que define:

• Filosofía de HMI: documento que establece los principios de diseño para toda la planta.
• Guía de estilo: especificaciones concretas de colores, tipografía, símbolos y layouts.
• Ciclo de vida: cómo crear, validar, mantener y actualizar las pantallas.

Los principios clave de ISA-101 que aplico en cada proyecto:

1. Diseñar para la situación anormal

El 95% del tiempo todo va bien. La HMI debe estar optimizada para el 5% en que algo va mal. En condiciones normales, la pantalla debe ser “aburrida” — gris, sin destellos. Cuando hay un problema, los elementos anormales deben saltar a la vista inmediatamente.

2. Jerarquía de pantallas

Organizar las pantallas en niveles, de lo general a lo particular:

• Nivel 1 — Panorámica: toda la planta en una pantalla. Estado general, KPIs principales. Sin detalles.
• Nivel 2 — Área/Unidad: una sección de la planta con más detalle. Valores principales, tendencias.
• Nivel 3 — Detalle: un equipo o lazo de control específico. Todos los parámetros, faceplates, diagnósticos.
• Nivel 4 — Soporte: tendencias históricas, alarmas, documentación.

El operador debe poder ir de nivel 1 a nivel 3 en máximo 3 clics.

3. Uso intencional del color

El color es un recurso escaso y valioso. Si todo tiene color, el color no transmite información. ISA-101 propone:

• Fondo gris medio (~RGB 192,192,192): neutro, reduce fatiga visual.
• Color solo para estados anormales: rojo para alarma, amarillo para advertencia, verde solo para indicar “en marcha” cuando es relevante.
• Sin color para estado normal: los valores dentro de rango se muestran en gris oscuro o negro.

Principios de High-Performance HMI

El concepto de high-performance HMI, popularizado por Bill Hollifield y el ASM Consortium, va un paso más allá de ISA-101. Es un enfoque radical: la pantalla debe ser un instrumento de trabajo, no una obra de arte.

Elimina el ruido visual

Todo elemento que no transmita información útil al operador debe eliminarse:

• Tuberías: líneas simples de 1-2 píxeles. Sin 3D, sin gradientes, sin animación de flujo.
• Tanques y equipos: símbolos simplificados, no representaciones fotorrealistas.
• Fondos: gris uniforme. Sin texturas, sin imágenes de fondo.
• Texto: solo el necesario. Fuentes legibles (Arial, Segoe UI) de tamaño mínimo 12pt.

Indicadores analógicos embebidos

En lugar de mostrar un número suelto (“73.4°C”), usa un indicador que muestre el valor en su contexto:

Temperatura reactor:
[====|======73.4°C====|===========]
 50°C   ↑LO           ↑HI    120°C
        65°C           85°C

Este tipo de indicador (barra analógica con límites) permite al operador ver de un vistazo:

• El valor actual.
• Dónde está respecto al rango normal.
• Cuánto margen tiene hasta los límites de alarma.

Un número solo (“73.4°C”) requiere que el operador recuerde mentalmente los límites. Un indicador analógico no requiere memoria.

Tendencias embebidas (sparklines)

En lugar de ir a una pantalla separada de tendencias, incluye mini-tendencias (sparklines) junto a los valores clave:

Presión: 4.2 bar  ▁▂▃▃▄▃▃▂▃▃ (últimos 30 min)

Esto da al operador una visión inmediata de la tendencia sin salir de la pantalla principal.

Paleta de Colores para HMI Industrial: Guía Práctica

Una de las preguntas que más me hacen es “¿qué colores uso?”. Aquí va la paleta que utilizo, basada en ISA-101 y en las mejores prácticas del sector:

Fondo y estructura

• Fondo de pantalla: Gris medio (#C0C0C0 o #B0B0B0)
• Líneas de tubería (normal): Gris oscuro (#606060)
• Texto descriptivo: Negro (#202020)
• Bordes de equipos: Gris oscuro (#505050)

Estados de proceso

• Válvula abierta / motor en marcha: Verde (#00AA00) — solo cuando es relevante confirmar el estado
• Válvula cerrada / motor parado: Gris (#808080) — es el estado normal, no necesita color
• Fallo / alarma: Rojo (#FF0000)
• Advertencia: Amarillo/Ámbar (#FFB000)
• Mantenimiento / fuera de servicio: Azul (#0066CC)

Valores de proceso

• Dentro de rango normal: Negro o gris oscuro (#333333)
• Fuera de rango (alto): Rojo (#FF0000)
• Fuera de rango (bajo): Amarillo (#FFB000)
• Sin dato / comunicación perdida: Magenta (#FF00FF) — destaca claramente como anormal

Regla fundamental

Si eliminas todo el color de tu pantalla y solo quedan los grises, deberías ver la estructura del proceso. El color es la capa de información de estado que se superpone. Si necesitas el color para entender qué es cada cosa, el diseño base tiene problemas.

Gestión de Alarmas en la HMI: La Epidemia de la “Alarm Flood”

La gestión de alarmas es donde más plantas fracasan. Se ha visto HMIs con más de 300 alarmas activas simultáneamente. Cuando le pregunté al operador qué hacía, me dijo: “las acepto todas cada mañana para que se callen”. Eso no es un sistema de alarmas; es ruido que el operador ha aprendido a ignorar.

Principios de gestión de alarmas (ISA-18.2)

Una alarma debe requerir una acción del operador. Si no hay nada que el operador pueda o deba hacer, no es una alarma: es una notificación, un evento o un dato de registro. La alarma es “la tubería va a reventar si no cierras esa válvula en 5 minutos”, no “la bomba auxiliar 3 ha arrancado”.

Priorización

• Crítica: riesgo inminente para personas o equipos. Requiere acción en menos de 5 minutos. Color rojo, sonido fuerte.
• Alta: riesgo para el proceso o la producción. Acción en menos de 30 minutos. Rojo, sonido moderado.
• Media: desviación del proceso que podría empeorar. Acción en menos de 4 horas. Amarillo.
• Baja: información relevante que no requiere acción inmediata. Texto resaltado, sin sonido.

Métricas de alarmas que debes monitorizar

El EEMUA 191 (Engineering Equipment and Materials Users Association) define KPIs claros:

• Alarmas por hora por operador: objetivo <6 en operación normal, <12 en situaciones de alteración.
• Chattering alarms (alarmas que se activan/desactivan repetidamente): objetivo 0. Cada una se investiga y se resuelve.
• Standing alarms (alarmas activas permanentemente): objetivo <5. Si una alarma lleva activa 30 días, no es una alarma.
• % de alarmas con respuesta documentada: objetivo 100%. Si el operador no sabe qué hacer cuando salta, ¿para qué sirve?

Diseño de Pantallas: Ejemplo Práctico Paso a Paso

Vamos a diseñar una pantalla nivel 2 para una estación de bombeo. Primero, la versión tradicional (lo que no hay que hacer) y luego la versión high-performance.

Versión tradicional (no recomendada)

Imagina una pantalla con:

• Fondo azul oscuro con degradado
• Tuberías 3D verdes con animación de flujo
• Tanque con textura de agua y reflejo
• Bombas 3D con animación de giro
• Cada válvula con un color diferente (verde, roja, azul)
• 15 valores numéricos sin contexto dispersos por la pantalla
• Barra de alarmas en la parte inferior con 47 alarmas activas

El operador mira esta pantalla y… ¿qué le dice? Todo parece igual de importante. Necesita 30 segundos para encontrar lo que busca.

Versión high-performance (recomendada)

• Fondo: gris medio uniforme
• Tuberías: líneas grises de 2 píxeles
• Tanque: rectángulo simple con indicador de nivel (barra analógica con setpoints)
• Bombas: símbolo ISA estándar. Gris si parada, verde si en marcha, rojo si en fallo
• Válvulas: triángulo simple. Sin color si en posición normal, rojo si fuera de posición esperada
• Valores: con barra analógica contextual mostrando rango y límites de alarma
• Tendencias: sparklines junto a los 3-4 valores más importantes
• Alarmas: solo alarmas activas de prioridad alta y crítica visibles. Las demás en la pantalla de alarmas

El operador mira esta pantalla y en 3 segundos sabe si todo está bien (todo gris, ningún color) o si algo va mal (algo está en rojo o amarillo y salta inmediatamente).

Navegación y Layout: Organización que Funciona

Estructura de navegación recomendada

Nivel 1: Panorámica de planta
├── Nivel 2: Área de producción
│   ├── Nivel 3: Línea 1 detalle
│   ├── Nivel 3: Línea 2 detalle
│   └── Nivel 3: Empaquetado
├── Nivel 2: Servicios auxiliares
│   ├── Nivel 3: Calderas
│   ├── Nivel 3: Compresores
│   └── Nivel 3: Tratamiento de aguas
├── Nivel 2: Almacenes
├── Nivel 4: Tendencias
├── Nivel 4: Alarmas
└── Nivel 4: Informes

Layout de pantalla estándar

┌──────────────────────────────────────────────────┐
│  Logo  │  Título de área  │  Fecha/hora  │ Naveg │ ← Header fijo
├──────────────────────────────────────────────────┤
│                                                  │
│                                                  │
│             Área de proceso principal             │ ← 70-80% de la pantalla
│             (diagrama simplificado)              │
│                                                  │
│                                                  │
├──────────────────────────────────────────────────┤
│  KPIs:  OEE: 87%  │  Producción: 1.240 uds  │  │ ← Barra de KPIs
├──────────────────────────────────────────────────┤
│  🔴 ALM-042: Presión alta reactor (4.8 bar)     │ ← Alarmas activas (solo alta+)
└──────────────────────────────────────────────────┘

Consistencia

Todos los elementos similares deben verse y comportarse igual en todas las pantallas:

• Las válvulas siempre se representan con el mismo símbolo.
• Un click en un valor siempre abre el faceplate.
• La posición de los KPIs siempre es la misma.
• Los colores siempre significan lo mismo.

La consistencia es la base de la eficiencia. El operador que ha aprendido a usar una pantalla sabe usar todas.

Herramientas para Diseñar HMI Moderna

No necesitas herramientas carísimas para hacer HMI de calidad:

Plataformas HMI/SCADA

• Ignition (Inductive Automation): mi favorita. Basada en Java/Python, ilimitada en tags, con Perspective para HMI web moderno. Excelente para high-performance HMI. Tiene una comunidad activa y abundantes recursos.
• AVEVA InTouch (Wonderware): el clásico, muy extendido en industria de proceso. Tiene plantillas de high-performance HMI.
• WinCC (Siemens): integrado con TIA Portal. WinCC Unified soporta diseño moderno con SVG. Si trabajas con PLCs Siemens, consulta nuestra guía de conexión PLC-Siemens con OPC-UA.
• CODESYS Visualization: para proyectos más pequeños con PLCs CODESYS.

Herramientas de prototipado

Antes de implementar en el SCADA, prototipa en papel o en herramientas de diseño:

• Figma: excelente para prototipos interactivos. Gratis para uso personal.
• Draw.io: para diagramas de proceso simplificados.
• PowerPoint/LibreOffice: para mockups rápidos que enseñar a los operadores.

Recursos

• ASM Consortium: publicaciones sobre effective operator display design.
• EEMUA 201: guía de diseño de pantallas para operadores.
• ISA-101: el estándar completo (de pago, pero imprescindible).

Preguntas Frecuentes sobre Diseño de HMI Moderna

¿Los operadores aceptan bien el cambio a HMI de alto rendimiento?

Inicialmente hay resistencia. Los operadores están acostumbrados a sus pantallas 3D y las pantallas grises les parecen “feas”. Pero después de 2-3 semanas de uso, nadie quiere volver. La clave es involucrarlos en el diseño y explicar POR QUÉ se hace así: no es por estética, es por seguridad y eficiencia. La ciberseguridad industrial también mejora cuando las pantallas muestran indicadores de estado de red y acceso.

¿Puedo migrar mis pantallas existentes a high-performance HMI gradualmente?

Sí, y es lo recomendable. Empieza por las pantallas de nivel 1 (panorámica) y las de los procesos más críticos. No intentes rediseñar toda la planta a la vez. Cada pantalla rediseñada es una mejora inmediata.

¿Qué resolución de pantalla debo usar?

Full HD (1920x1080) es el mínimo recomendado. Si es posible, usa pantallas de 24” o más. Para panorámicas de planta, considera pantallas ultrawide o configuraciones de doble monitor. La resolución no solo es comodidad: afecta a la cantidad de información que puedes mostrar de forma legible.

¿Cómo gestiono las alarmas en una migración a HMI moderna?

Primero, haz una racionalización de alarmas (ISA-18.2). Revisa cada alarma existente y pregunta: ¿requiere acción del operador? Si no, elimínala o conviértela en evento. Típicamente, el 30-60% de las alarmas de una planta se pueden eliminar o reclasificar. Luego, prioriza las restantes y configura la HMI para mostrar solo las relevantes.

¿Qué pasa con las normativas que exigen colores específicos?

Algunas industrias tienen normativas propias (por ejemplo, el agua potable en ciertos países exige tuberías azules). ISA-101 es una guía, no una ley. Adapta los principios a tu contexto regulatorio, pero intenta mantener la filosofía: menos color en estado normal, color solo para lo anormal.

Conclusión: La HMI como Herramienta de Seguridad

El diseño de HMI moderna para operadores de planta no es un tema de gustos. Es un tema de seguridad operacional. Una pantalla bien diseñada puede ser la diferencia entre un operador que detecta un problema a tiempo y uno que lo ve demasiado tarde.

Los principios son simples: fondo neutro, color solo para lo anormal, indicadores con contexto, alarmas relevantes y navegación clara. Implementarlos requiere disciplina y resistencia a la tentación de “hacer algo bonito”. Pero los resultados hablan solos: operadores más eficientes, menos incidentes y una planta más segura.

Mi consejo: coge la pantalla más crítica de tu planta, rediseñala siguiendo estos principios y pon la versión nueva al lado de la antigua durante una semana. Pregúntale al operador cuál prefiere para trabajar. La respuesta te convencerá de continuar.

¿Tienes experiencia con high-performance HMI? ¿Has hecho la transición en tu planta? Me interesa mucho conocer tu experiencia — cada planta es un mundo y siempre se aprende algo nuevo.

Preguntas frecuentes

¿Qué es una HMI y para qué sirve en una planta industrial?

Una HMI (Interfaz Hombre-Máquina) es la pantalla o panel que permite a los operadores de planta supervisar el estado de los procesos, controlar máquinas, ver alarmas y acceder a datos de producción en tiempo real. Es el punto de contacto entre las personas y el sistema de automatización.

¿Cuáles son los principios de diseño de una HMI moderna?

Los principios clave son: jerarquía de pantallas (overview → área → detalle), uso de colores según ISA-101 (gris para normal, color solo para anomalías), información contextual (mostrar solo lo relevante), navegación intuitiva, tipografía legible a distancia, y alarmas priorizadas por criticidad. Menos es más.

¿Qué estándar sigue el diseño de HMI industrial?

El estándar de referencia es ISA-101 (Human Machine Interfaces for Process Automation Systems), que define principios de diseño, gestión de alarmas y usabilidad. También son relevantes la EEMUA 201 para gestión de alarmas y las guías de ASM Consortium para situaciones anormales.

¿Qué software se usa para diseñar HMIs industriales?

Los más utilizados son Siemens WinCC (integrado con PLCs Siemens), Ignition de Inductive Automation (basado en web, muy flexible), FactoryTalk View de Rockwell, AVEVA InTouch y Wonderware. Para HMIs web modernas, Ignition Perspective y Grafana con plugins industriales son opciones en auge.

¿Cuánto cuesta desarrollar una HMI profesional para una planta?

Una HMI básica para una máquina (10-20 pantallas) puede costar entre 2.000-5.000€ en licencias + desarrollo. Un sistema SCADA completo para una planta con múltiples áreas, históricos y reporting puede ir de 15.000 a 50.000€. Las soluciones web como Ignition tienen licencia fija (sin coste por pantalla/cliente), lo que reduce costes a largo plazo.