8 reglas de diseño para crear un HMI de máquina atractivo

Cuando diseñamos un sistema HMI (Huma Machine Interfece) de interface hombre máquina siempre tenemos que pensar en un diseño que sea funciona y sencillo, pero que también aporte la suficiente información para que los operadores de la máquina puedan realizar un correcto uso.

Sencillo y atractivo no tiene porque estar reñido, un diseño HMI es la imagen de la marca por eso cada vez los fabricantes de maquinaria prestan mas interés a su diseño.

El diseño HMI se refiere al que implantamos en pantallas de operador (pantallas táctiles) o sistemas SCADA. Muchas veces caemos en el error de pensar que nuestros diseños HMI son ya perfectos, los llevamos realizando toda la vida y nosotros estamos familiarizados con ellos por lo que nos resultan sencillos de operar. Esto no tiene que ser cierto, es recomendable poner uno de nuestros diseños de pantalla delante de un operador y ver sus reacciones al trabajar con el, podemos aprender mucho de la experiencia de usuario.

En este post intento explicar algunos aspectos importantes para crear un HMI además de sencillo y funcional con un diseño agradable.

Fondo

Cada vez que veo una pantalla de máquina con el fondo negro, me pongo yo negro. Bajo mi opinión NUNCA hay que utilizar un fondo negro . Recomiendo utilizar fondos de colores claros o degradados ya que no cansan tanto las vista y son mas amigables.

Esto fondos claros nos va a permitir resaltar más el resto de elementos de la pantalla, personalmente me gustan los fondos con un gris claro y jugar con varias tonalidades de grises.

Colores

En ocasiones, menos es más, en el diseño de los pantallas HMI creo que es aplicable en cuanto a los colores. No por tener una extensa gama de colores es mejor utilizar todos. Para una interface limpia y clara es mejor utilizar pocos colores. Te diría que utilizando dos colores, fondos grises y un color primario, por ejemplo el color identitario de la empresa (rojo, azul, verde) se pueden hacer diseños muy interesante

La pantalla ha de ofrecer armonía y si utilizamos muchos colores y elementos corremos el riesgo de que ofrezca una sensación poco armoniosa. Como hemos comentado es agradable utilizar fondos claros, sinópticos grises y dejar los colores para mostrar avisos o incidencias.

Los colores primarios brillantes deben evitarse, en su mayor parte, excepto para ayudar a señalar situaciones anormales. El objetivo es crear pantallas que, en condiciones normales de funcionamiento, resulten algo aburridas. Es fácil ver una condición de alarma roja intermitente en una pantalla de color apagado.

En este ejemplo vemos como utilizando un fondo gris claro un gris oscuro, azul (color identificativo del fabricante) y un poco de rojo tenemos un HMI muy atractivo.

Secciones claras

Es importante tener claras las diferentes secciones en que vamos a dividir la navegación de la pantalla, para ello nos podemos ayudar de un diagrama que nos permita ver los flujos entre pantallas. Particularmente suelo dividir las pantallas en las siguiente secciones:

- Trabajo : Es la pantalla que va a utilizar el operario en el 95% de tiempo con acceso a los botones , entradas de datos y visualizaciones básicas.

- Edición : Esta sección está reservada para personal autorizado. Aquí es donde configuramos los parámetros de maquina o recetas del sistema. Esta sección no se debe de cambiar por un operador de máquina de manera regular.

- Alarmas : Visualizamos las alarmas actuales que tengamos así como información sobre como resolver las posibles incidencias. También podemos tener acceso a un histórico de estas alarmas.

- Mantenimiento : Es al sección dedicada a las funciones de mantenimiento, podemos poner los movimientos manuales y datos sobre el mantenimiento de la máquina (horas de producción, consumos de motores etc)

- Producción : Esta sección refleja todos los datos de producción de la máquina, puedes ser sencillo, un totalizador de piezas realizadas o un análisis mas complejo de producciones por turnos y dato OEE de eficiencia

- Sinóptico :  Dependiendo de la aplicación es recomendable poner un sinóptico que de una forma esquemática identifique los elementos de la instalación

3 Pasos máximo

Las pantallas han de ser claras y permitir interacciones rápidas de no mas de 3 pasos para acceder a cualquier sección, por eso la organización y menús han de estar depurados.

Crearnos un diagrama de flujo puede ayudarnos a definir la forma de optimizar como el usuario se va a mover por la pantalla.

Menú con iconos

Un buen menú es importante para tener un rápido acceso a las distintas secciones de la pantalla. Personalmente me he dado cuenta los usuarios están cada día más familiarizados con los iconos. . En el menú siempre tiene que aparece la forma de volver al inicio de forma rápida

En los HMI podemos crear una pagina genérica de menú de máquina y luego hacer que el resto de pantallas lo visualice.

Existen diferentes webs donde te puedes descargar iconos para utilizar en tu pantalla, aquí se pueden descargan bastantes iconos que son muy válidos para realizar el menú de tu HMI https://iconos8.es/

Niveles de usuario

Las pantallas HMI permiten crear un potente sistema de usuarios con diferentes niveles. Es recomendable escalar el acceso a las distintas secciones de las pantalla dependiendo del nivel de usuario. Podemos llegar a crear diferentes niveles, por ejemplo:

- Nivel operador : Es el nivel más bajo y pensado para los operadores, su acceso a de estar limitado a los niveles más básicos que permitan modificar parámetros de máquinas.

- Nivel producción: Para el acceso a los datos de producción y edición de recetas, acceso a responsables de turno.

- Nivel mantenimiento: Tener acceso a la pantalla donde poder visualizar los datos pensados para el personal de mantenimiento.

- Nivel fabricante de maquina: Poder acceder a todas las secciones, sobre todo a la edición de configuración de máquina.

Dispositivos Moviles

Es una característica cada vez más importante ya que los HMI de maquina tambien se pueden ver en dispositivos móviles de los usuarios (Smartphones o Tabletas) . Conviene saber si la aplicación ha de trabajar en estos dispositivos para tenerlo en cuenta

Manuales y videos

Las pantallas actuales cada vez ofrecen mas posibilidades, una buena idea es poder integrar en la pantalla PDFs con los manuales, esquemas de máquina. Tambien es interesante incorporar videos para por ejemplo ilustrar labores de mantenimiento o limpieza de las diferentes partes de la máquina.

La verdad es que cada programador tiene sus trucos o manías a la hora de diseñar sus HMI, pero de vez en cuando merece la pena replantearse los conceptos y sobre todo tener en cuenta que el éxito es que el diseño sea sencillo, claro y funcional

Existen empresas que se dedican a diseñar entornos HMI por encargo para fabricación de maquinaria, nuestra preferida es HMI Project, diseños muy interesantes

Tambien te pude interesar este artículo ISA101 Norma para el diseño HMI y para que no te pierdas ninguna noticia sobre HMI aquí tienes nuestro canal de noticias HMI

Autor: David García - Linkedin