1.

PANTALLAS DE INTERFACES DE OPERADOR

(Rev.#0/20170208/SG)

1.1 ORGANIZACIÓN DE PANTALLAS (ARQUITECTURA)

El HMI es la principal herramienta utilizada por operarios y supervisores de línea para
coordinar y controlar los procesos industriales y de fabricación en la planta.

La organización de las pantallas debe reflejar la distribución y organización del proceso.

El orden de sucesos dentro de un proceso deberá verse reflejado en la estructura de la
aplicación desarrollada, pues la secuencia ayuda a mejorar la asimilación de la información.

El objetivo es que el usuario pueda encontrar la información que necesita con el mínimo
esfuerzo.

De allí que es práctica común asociar las pantallas con áreas del proceso, que pueden ser
accedidas bajo un esquema de exploración jerárquica.

Los elementos cercanos en el espacio se consideran relacionados de allí que la ubicación en

una misma pantalla transmite la idea de que pertenecen a la misma sección.
Así se puede hablar de una pantalla de vista general del proceso o planta (Primer Nivel), luego
de pantallas a nivel de sub-área o subsistema (Segundo Nivel), luego a nivel de equipo o
componente de proceso (Tercer Nivel), y de ser necesario se puede establecer un nivel de
visualización de datos detallado a nivel de equipo (Cuarto Nivel), si el requerimiento lo exige.

Se recomienda no exceder más de cuatro niveles, en vista de que generar un número excesivo
de pasos para acceder a una pantalla dificulta el rápido acceso del operador. De ser necesario
mayor información de la que puede ser contenida en una pantalla se recomienda la posibilidad
de aumentar las pantallas pero dentro de un mismo nivel jerárquico (expansión horizontal).

Establecida la Arquitectura y en base a las relaciones establecidas entre las pantallas se puede
establecer los niveles de navegación o niveles de despliegue.
Si determinamos una serie de áreas funcionales (pantallas de alarmas, de configuración, de
comunicaciones, etc.) esto permitirá la creación de subconjuntos de menor complejidad,
relacionados con las diferentes fases del proceso, lo cual ayuda a una mejor asimilación de la
información.

1.2 DEFINIR TIPOS DE PANTALLAS

Entre los tipos de pantalla que pueden considerarse dentro del diseño de un interface de
operador se pueden agrupar en:

 Pantallas de Estados
 Pantallas de Control
 Pantallas de Gráficos y Tendencias
 Pantallas de Alarmas

1.2.1 Pantalla de Estados

También llamadas pantallas de proceso, mímicos o sinópticos cumplen la función de mantener
informado al operador del estado del proceso. La característica de estas es que solo muestran
información y no tienen opciones para ingreso de comandos o configuraciones.

1.2.2 Pantalla de Control

Este tipo de pantalla permite al operador realizar acciones de control tales como
arranque/paro, cambios de consigna, entre otras.

Es práctica común que las pantallas de control estén acompañadas de información que
orienten sobre los efectos de las acciones de control sobre el proceso.
 1.2.3 Pantalla de Gráficos y Tendencias
Son las pantallas donde se muestran variables representativas del proceso en función del
tiempo, facilitando que puedan correlacionarse las variables entre sí.

1.2.4 Pantallas de Alarmas

Pantallas orientadas a la información al operador de condiciones anómalas en alguna parte o
componente del proceso.
 1.3 DISTRIBUCION DE LAS PANTALLAS
La distribución de pantallas consiste en definir plantillas para los diferentes tipos de pantallas
que se implementarán como parte del HMI.

1.3.1 Aspectos generales

Cuando miramos una pantalla, la leemos de forma similar a un barrido, donde comenzamos a
leer la pantalla por la parte superior izquierda y vamos bajando hacia la derecha donde
nuevamente la observación se vuelve prolija, por lo que se puede concluir que lo primero que
lee el usuario es la zona superior de la pantalla.
Por ello información relevante (alarmas, estados operativos) debe ir en los márgenes
superiores o inferiores de preferencia.

1.3.2 Consideraciones para diseño de pantallas

La información en pantalla debe ser la justa y necesaria, datos extras pueden desplegarse a
través de botones para que se muestren solo si se requieren (potencia trafo).

La navegación entre pantallas debe ser clara (texto o logo que haga referencia hacia donde se
va) y en lo posible debe tener el mismo formato y ubicación en la pantalla.

Cambio dinámico de tamaño y posición deben usarse en casos en los que sea estrictamente
necesario, pues distraen al operador.

Los elementos en las pantallas deben ser lógicos, ordenados y planificados, por ejemplo si se
activan pop-ups estos deben aparecer en un lugar que no obstruyan la vista de otros datos en
la pantalla.

Se debe agrupar los elementos por su relación en algunos casos (partes de la misma sección) o
por su similitud (cumplen funciones iguales), para facilitar la percepción, interpretación y
asimilación.

Los colores de los objetos deben servir para brindar información (rojo = problemas) de ser
posible debe ser cualitativo y puede tener un soporte textual.

Los colores deben ser de la misma intensidad, evitando colores intensos pues cansa la vista y
pueden distraer la atención.

Un objeto se ve más claramente si su contorno es negro.

La representación de la planta debe ser sencilla pero clara, no es recomendable buscar

realismo con graficas en 3D o el uso excesivo de animaciones, pues por una parte demora el
tiempo de desarrollo y por otra puede perjudicar el mostrar en forma clara la información que
queremos transmitir

A partir de lo anterior, un objeto debe ser sencillo pero debe facilitar su identificación, exceso
de detalle puede producir que no se capture adecuadamente el escalado y no se transmita la
información objetivo.
 1.3.3 Aspectos a definir previo al diseño
En este punto se deberá considerar al menos los siguientes aspectos:

 Definir la resolución de la pantalla

 Ubicación de información general (título de la pantalla, hora, fecha, logotipo)
 Ubicación de menú y submenús
 Ubicación de la vista de la sección del proceso a monitorear
 Ubicación de la vista de alarmas
 Ubicación de funciones generales
 Ubicación de tendencias, tablas, etc.

Entre las características generales que se deben tener en cuenta están las siguientes:

 La ubicación de los componentes de la pantalla debe guarda una ubicación ordena,

simétrica, y cuando sea posible alineada.
 El tamaño de los gráficos debe guardar escala adecuada entre sí para mantener
armónica en la imagen.
 El tamaño de los objetos no debe sobrepasar el 50% del espacio destinado a la
representación gráfica del proceso.
 No sobrecargar de gráficas de componentes, para evitar que los componentes luzcan
amontonados.
 Se debe establecer una ubicación fija para funciones o información importante.
 Información importante debe ir en la parte superior, de ser varios puede iniciarse la
distribución desde la izquierda.
 La información general puede ubicarse en la parte inferior de la pantalla, iniciando
desde el lado derecho.
 1.4 COLORES
Un importante aspecto durante el desarrollo de un interfaz de operador es la definición de los
colores a ser usados, en este caso se debe primero considerar la disponibilidad de normativas
o al menos tener en cuenta convenciones por defecto que sean utilizadas.

Dentro de la definición de los colores a ser usados para el desarrollo de las pantallas se deben
especificar los colores con al menos los siguientes objetivos:

 Color de Fondo de Pantalla

 Color parar representación el estado de los equipos, entre estos: corriendo, detenido,
en falla, etc.
  Color parar representación el estado de los equipos de mando (botones, pulsante):
arranque, paro, manual, automático, etc.
 Color parar representación de materiales y fluidos del proceso como agua, aire, gas,
materia prima, producto terminado, etc.
 Color parar representación de Alarmas, Advertencias, Mensajes, etc.
 Color parar representación de Texto de Títulos, Etiquetas, Valores de Proceso, Set
Points, etc.

1.4.1 Color de Fondo de Pantalla

Entre los aspectos que se deben tener en cuenta el momento de definir el color de fondo de
pantalla, se pueden enumerar:

 Establecer colores neutros (p.e. gris) y que no generen mucho resplandor (blanco, rojo,
amarillo).
 El color de fondo debe contrastar con los colores definidos para los otros
componentes.
 Se puede definir colores de fondo de pantalla distintos con la finalidad de diferenciar
las áreas del proceso.

1.4.2 Color de Objetos

En lo que respecta a los colores de los objetos sobre el fondo de pantalla, se debe tener en
cuenta al menos los siguientes aspectos:

 El sobreuso de colores causa confusión. No usar un número exagerado de colores

diferentes, es recomendable entre 4 a 7 colores.
 El color se debe utilizar para enfatizar la información clave, tales como alarmas y
condiciones anormales.
  Contraste fuerte de colores causan tensión y fatiga a la vista, es entonces necesario
asegurar que los colores seleccionados se diferencien entre sí y que al combinarse se
evidencie el contraste.
 Asegurar que las combinaciones de colores sean cómoda a la vista (asegurar que los
colores combinen en forma armoniosa). Evitar combinaciones de colores (visualización
simultánea) tales como: Rojo-Azul, Rojo-Verde, Azul-Amarillo, Amarillo-Blanco, Verde-
Azul.

 Limitar el uso a solo condiciones específicas de la opción de parpadeo con colores.

 Considerar el soporte del significado de los colores con texto.
 Considerar el tamaño de los objetos para asignar colores como indicativos de su
estado.

En la definición se sugiere llegar a una especificación como la siguiente:

 FONDO DE PANTALLA

Elemento Color Nombre R G B

Plata
Fondo de Pantalla 192 192 192
(Silver)
ESTADOS DE COMPONENTES

Elemento Color Nombre R G B

Corriendo/ Rojo
255 0 0
Activado (Red / Red 1)
Parado/ Lima
0 255 0
Desactivado (Green 1 / Lime)
Azul
Mantenimiento 0 0 255
(Blue)
Gris Oscuro
Futuro 169 169 169
(Darkgray)
MATERIALES DEL PROCESO
Material Color Nombre R G B
Azul
Agua (Blue) 0 0 255

Amarillo
Oro (Yellow) 255 255 0

Turquesa
Acetona 0 245 255
(Turquoise 1)
Lima
Gas (Green 1 / Lime) 0 255 0

1.5 DEFINICION DE ACRONIMOS Y ABREVIATURAS

Se debe especificar los acrónimos y abreviaturas para la representación de variables y
condiciones de los equipos del proceso, con estos se definirá el tag o etiqueta con el cual se
nombre a cada variable. Este procedimiento generalmente esta soportado en normativas ya
existentes tales como la ISA-S5.1.
 ACRONIMO DE ESTADO
Acrónimo Descripción
RD Preparado
RM Remoto
RS Funcionamiento
 1.6 ESTADOS DE COMPONENTES Y EVENTOS DEL PROCESO
Se debe especificar una convención para representar los estados de los componentes del
proceso, así como eventos del proceso que requieran ser representados en el interface de
operador.

Se entenderá por eventos del proceso, los cambios de estado de los componentes, sean estos
producidos en variables tipo discretas o continuas, en el primer caso cambios de estado entre
ON y OFF, en el segundo caso se puede hacer referencia a variables que superen valores
establecidos como límites para las mismas.

Al definir estos símbolos e íconos que representen a los equipos y eventos del proceso se
recomienda observar las siguientes directrices:

 Tomando en cuenta la definición de colores previamente realizada, se deberá

especificar los colores que representarán los estados de los componentes del proceso,
tales como: Preparado, Corriendo, Parado, En Falla, etc. Se sugiere complementarla
con texto.

 Reducir el uso de intermitencia o parpadeo (blink) solo a casos en los que se requiera
llamar la atención del operador por cambio de estado importante. El parpadeo puede
distraer la atención del operador innecesariamente.
 En el caso de usar intermitencias se deberá proporcionar al operador los mecanismos
para reconocer el evento y parar el parpadeo.

Tras esta definición se debería definir en forma documentada el código de colores sobre los
símbolos y su correspondiente significado.

1.7 INFORMACION Y VALORES DEL PROCESO

Información en forma de texto con los valores de las variables del proceso, también
contribuyen a conocer el estado del mismo, pero es importante tener en cuenta:

 Que las variables mostradas sean representativas y transmitan información valedera

del proceso.
 Analizar si su información es significativa a nivel de proceso o a nivel de una parte del
proceso (esto orientará en la pantalla en que debe ubicarse).
 La variable por si sola brinda información?, o su interpretación necesita de que el valor
de la variable este acompañada de valores de otras variables.
 Es más fácil interpretar el estado con respecto a una referencia, por lo que puede ser
más valedera una representación analógica.
  El valor de la variable en un instante brinda información o es necesario mostrar la
variación de la misma en el tiempo (p.e. Tendencias)

En lo que respecta a la distribución de información textual en las pantallas se debe considerar:

 No sobrecargar datos de texto en las pantallas, se debe escoger los datos que
realmente muestre el estado actual del proceso.
 El momento de ubicar los datos, mantener una ubicación armónica de los mismos para
no fatigar la vista del operador.
 Las variables por pantalla deben ser del mismo tipo (datos de producción, datos de
seguridad, alarmas). Una posible forma de clasificar puede regirse a las siguientes
opciones:
1. Datos referentes a la operación general del proceso
2. Datos de subproceso o de una área del proceso
3. Datos relacionados a la seguridad del proceso
4. Información referente a las alarmas
5. Datos estadísticos del proceso

 Variables referentes al proceso deben ubicar cerca del respectivo equipo.

 Los datos relacionados con la seguridad o alarmas debe ubicarse en zonas de mayor
visibilidad como la parte superior de la pantalla, se sugiere complementar con un
indicador cerca del equipo.
 Las variables se deben ubicar cerca del respectivo equipo.
 Evitar el uso de decimales cuando son poco significativos
 Si se muestran varias barras dinámicas con motivos de comparaciones es importante
normalizar las escalas y utilizar diferentes colores para los diversos valores.
 Es importante que el operador conozca en todo momento las unidades de ingeniería
de los datos numéricos (pero no necesariamente se deben mostrar siempre por lo que
se puede optar por la opción de ocultar las unidades).
 Cambio dinámico de tamaño y posición deben usarse en casos en los que sea
estrictamente necesario, pues distraen al operador.
Con esto se busca llegar a la especificación de un listado de las variables que tentativamente
se mostrarán en pantalla y su ubicación en la misma.

1.8 MENSAJES DE TEXTO

La información transmitida al operador en muchos de los casos se transmite en forma de
texto, por lo que es necesario establecer el formato de los mismos y resumirlos en una
especificación. El objetivo es entonces especificar el/los tipos de letra para las pantallas.

Los aspectos que deben tenerse en cuenta al menos las siguientes directrices:

 no usar más de tres fuentes y más de tres tamaños de la misma fuente.

 El tamaño de la fuente debe ser el adecuado (mayor a 8) para que el operador
pueda leer desde una distancia adecuada.
 No usar textos con letras mayúsculas, salvo en títulos o casos especiales.
 No usar negrilla, cursiva o subrayado, salvo en títulos o casos especiales.
 El color del texto debe ajustarse al código de colores definido, debe contrastar
con el fondo de pantalla y debe abarcar a todo el texto.
 Alinear y organizar armónicamente el texto en pantalla, evitando lucir aglutinado.
 El punto decimal debe ir alineado.
 Información crítica debe disponer del espacio suficiente para resaltar su
información.