Diseo Industrial

DISEO DE
PANTALLA
MIPO
Mster en Interaccin Persona Ordenador

Pere Ponsa
Antoni Granollers
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

3 Diseo de pantalla
3.1 Sala de control industrial
3.2 Ingeniera de la usabilidad aplicada al diseo de sala de control
3.3 Ergonoma aplicada al diseo de sala de control
3.4 Supervisin industrial
3.5 Gua para diseo de pantalla en supervisin
3.6 Aplicacin en planta azucarera
3.7 Aplicacin en campus universitario

3.5 Gua para el diseo de pantalla en supervisin

A continuacin se presenta la metodologa propuesta para la gua ergonmica de diseo

de interfaces de supervisin (GEDIS), la cual ha sido enfocada a ambientes industriales
con salas de supervisin computerizadas y centralizadas. La primera fase de GEDIS
consiste en la especificacin de los principales elementos de la interfaz tales como la
arquitectura, la navegacin los estndares de colores, fuentes, simbologa, etctera,
siguiendo un orden que ser propuesto ms adelante en esta seccin. Por otro lado,
como su especificacin no es el producto final de la interfaz, es necesario desarrollar las
pantallas de la misma ya sea conforme se vayan definiendo los elementos o bien, al final
cuando la especificacin este completa. El consejo para la fase de desarrollo de las
pantallas es el de seguir el primer enfoque, esto es, generar pantallas tan pronto existan
elementos suficientes para iniciarlas, ya que de esta manera podemos ir depurando los
prototipos y teniendo retroalimentacin del producto elaborado.

3.5.1. Especificacin de los Elementos de la Interfaz

Para determinar cuales son los elementos de la interfaz ms importantes a definir se

realiz (como se plane en la seccin anterior) una investigacin documental extensa.
Despus de haber establecido los elementos ms relevantes, entonces se han ordenado
de lo general a lo particular tal como se muestra en la figura 3.14.

2/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Fig.3.14 Esquema general de la metodologa de desarrollo de la interfaz

La secuencia que se debe seguir para la especificacin de la interfaz parte de los niveles
superiores de la figura 3.14 y va descendiendo hasta definir los aspectos especficos
tales como la representacin de los equipos, los valores analgicos, las alarmas y los
comandos del operador.

Ahora bien, para cada uno de los diez pasos de la metodologa descritos arriba y con la
finalidad de obtener las directrices ms relevantes de cada uno de ellos se aplic el
procedimiento de investigacin documental descrito anteriormente, obtenindose los
siguientes resultados relativos a la especificacin de los elementos de una interfaz
persona-mquina en salas de control centralizadas y computerizadas para procesos
industriales

Como cada proceso tiene particularidades propias, los elementos de interfaz que sern
descritos no son los nicos pero si los ms comunes, lo que significa que al aplicar la
metodologa propuesta, estos conceptos podrn enriquecerse de acuerdo a las
caractersticas especficas de cada aplicacin.

Arquitectura.
Para iniciar con el proceso de desarrollo el diseador debe establecer un mapa donde se
definirn de manera general las diferentes pantallas con las que contar el operador para
interactuar con el sistema de automatizacin y control. Este mapa deber establecer las
relaciones lgicas entre las pantallas de manera que pueda tambin servir
posteriormente al diseo de la navegacin del sistema. Aunado al mapa se debe generar
un listado que muestre las pantallas y su funcin especfica. Los tipos de pantallas que
debern ser incluidas en este primer paso de la metodologa son las siguientes:

3/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Fig.3.15 Ejemplo de arquitectura y navegacin entre pantallas de distintos niveles en el que se ha

simplificado el detalle (no aparecen las barras de botones en las pantallas, y no se ha dibujado la
posibilidad de regresar al nivel de rea desde cualquier pantalla del nivel de equipo)

Pantallas de Proceso, las cuales muestran el estado de los equipos y del proceso
mismo. Estas a su vez se pueden dividir en general de planta, general de rea, de
detalle y de equipo. Tambin son conocidas como mmicos o sinpticos de
proceso.
Pantallas de Comandos, estas pantallas permiten al operador realizar acciones
generales tales como el arranque/paro de equipos y selecciones diversas.
Pantallas de Configuracin, las cuales permiten al operador y al ingeniero de
proceso establecer los parmetros de configuracin del sistema tales como
lmites de alarmas, sintonizacin de PIDs, calibracin, recetas de produccin,
etc.
Pantallas de tendencias, donde se muestran las valores de las variables mas
importantes del proceso en el tiempo
Pantallas de alarmas

Una consideracin importante para la arquitectura de la interfaz es la cantidad de

pantallas disponibles para este fin, ya que si el nmero de estas es mucho menor al de
las reas del proceso que se deben supervisar a la vez y con ello el operador debe
cambiar muy frecuentemente de sinptico, se deben tomar provisiones en la arquitectura
y la navegacin para facilitar el paso entre diferentes reas de la planta sin requerir de
muchos pasos intermedios (como puede suceder al subir en la jerarqua de la
arquitectura).

Es importante notar que en este paso de la metodologa solamente se establecer que

pantallas debern desarrollarse pero NO se disearn propiamente. Recurdese que el
objetivo de este punto es el de generar la arquitectura del sistema y NO el de generar
grficos especficamente.

4/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Con la finalidad de llevar a cabo la especificacin de la arquitectura se sugiere las

siguientes directrices:

La arquitectura en forma de mapa debe reflejar la organizacin de la planta

La arquitectura jerrquica basada en planta, rea, subrea, equipo es la ms
recomendable
Es mejor definir arquitecturas anchas que profundas para que el operador pueda
acceder ms rpidamente la informacin requerida
Se recomienda tambin que el nmero de capas de la jerarqua no exceda de
cuatro niveles

Resumiendo, en este punto de la metodologa se deben obtener dos productos: primero,

el mapa grfico de la arquitectura que muestra las pantallas que componen el sistema y
sus relaciones lgicas y segundo, el listado de las mismas pantallas con las funciones
que desarrollarn cada una de ellas.

Distribucin de las Pantallas.

En el segundo paso de la metodologa se deben desarrollar las plantillas que regirn el
desarrollo de la interfaz. Como primera actividad se deber definir formalmente la
tipologa de las pantallas, esto es, se deber establecer cuantas clases de pantallas sern
desarrolladas (mientras menor el nmero es mejor), para posteriormente generar una
plantilla general para cada una de ellas. En estas plantillas se debern establecer los
siguientes conceptos:

Ubicacin del ttulo de la pantalla, hora, fecha y logotipo de la empresa.

Si ser utilizado, ubicacin del men del sistema
Ubicacin de las alarmas del proceso
Ubicacin del mmico del rea o subrea
Ubicacin de funciones genricas, tales como confirmacin de alarmas
En caso de existir elementos como tendencias, tablas, definir su ubicacin

Con la finalidad de llevar a cabo la especificacin de la distribucin de las pantallas se

sugiere las siguientes directrices:

Considerar que segn el Diagrama de Gutenberg, el Movimiento del ojo va de

arriba a abajo y de izquierda a derecha
Considerar entonces que la informacin mas importante debe ir arriba
El centro de la pantalla es tambin un lugar de alta visibilidad
La informacin miscelnea debe ir abajo a la izquierda
Sobretodo las funciones e informacin criticas deben tener un lugar fijo en la
pantalla
La mejor posicin para los grficos es a la izquierda del campo visual
Se debe establecer una estructura de rejilla (grid) regular
Al desarrollar los prototipos de los sinpticos de proceso se debe controlar la
densidad de los grficos, la cual no debe sobrepasar del 50%, para que no se
vean muy aglutinados

5/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

En este mismo sentido, la simetra del grfico debe ser tambin considerada, de
manera que la carga de elementos en los sinpticos este balanceada en toda la
pantalla
Para el mismo nivel de informacin efectiva, se debe dar preferencia a las
distribuciones simples sobre las complejas

Los productos que se deben obtener en esta etapa son: la tipologa o clasificacin de las
pantallas y las plantillas para cada una de estas clases. Un ejemplo simple de una
plantilla de sinpicos se muestra en la siguiente figura:

Fig.3.16 Ejemplo de una plantilla para un sinptico de proceso

Navegacin.
Con ayuda de la arquitectura definida anteriormente se debe ahora determinar como
navegar el operador dentro del sistema. El objetivo es que el esquema de navegacin
sea intuitivo y fcil de usar, para este fin se puede utilizar alguno de los siguientes
mtodos sugeridos (o bien alguna combinacin de ellos):

Mens y submens
Barra de Botones
Barras de Iconos grficos
Link con hipertexto
Link con grficos de proceso
Teclas de Funcin
Cajas Combo o Listas Desplegables (Combo boxes)

Actualmente se prefiere la navegacin utilizando dispositivos de apuntar y pulsar (point

and click) sobre la navegacin soportada con el teclado, por lo que este argumento

6/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

descartara la sexta opcin de las anteriormente listadas, aunque bien puede usarse como
complemento de las otras opciones. La diferencia entre barras de botones y de iconos es
que estos ltimos utilizan representaciones grficas en lugar de texto para establecer su
funcionalidad al usuario. Si se van a usar conos es recomendable que estos sean
simples, fciles de reconocer y que no sobrecarguen el tamao en bytes del grfico para
que no se pague una penalidad en tiempo de respuesta. Respecto a los mens, ligas con
hipertexto y cajas combo, se debe tomar en cuenta que a diferencia de aplicaciones de
escritorio, el operador debe poder hacer clic con el apuntador fcilmente, esto es, que el
rea de contacto sea lo suficientemente grande para que el usuario no tenga dificultades
al utilizar estos medios de navegacin. Dado lo anterior, los mens y los combos se
recomiendan para proporcionar al operador acceso a funciones usadas con poca
frecuencia. Finalmente respecto a las ligas dentro del cuerpo del grfico de proceso,
estos tienen la desventaja de ser poco intuitivos y sujetos al contexto de cada pantalla,
por lo que no son recomendables.

Las siguientes directrices se deben tomar en cuenta cuando se establece la forma de

navegacin:

Cuando la sala de control cuenta con pocos dispositivos de visualizacin se

deben proporcionar ms medios para navegar horizontalmente de manera que el
operador pueda cambiar de rea frecuentemente con mayor facilidad.
La navegacin no debe ser un obstculo a las acciones del operador en
situaciones de emergencia.
El rea de contacto para pulsar debe ser lo suficientemente grande para que se
fcil de usar. Si se usa una pantalla tctil se deben hacer las consideraciones
antropomtricas de los dedos ndices de los operadores.
Es recomendable proporcionar al operador la posibilidad de desplazarse a la
pantalla anterior o la siguiente dentro del mapa de navegacin as como la de
regresar al inicio del sistema y la de cierre de pantalla en los casos en que sea
aplicable
Si se utilizan conos, se recomienda proporcionar una ayuda textual ulterior al
usuario (puede ser fuera de lnea, o bien en lnea, con una ayuda visible
solamente cuando se pasa el cursor por el rea de contacto para no sobrecargar el
sinptico permanentemente). Este aspecto puede mejorarse notablemente si se
especifica un estndar de conos del sistema.
Se recomienda utilizar zonas predefinidas de la pantalla para ubicar los mens,
barras de botones, de conos, botones de atrs, adelante, inicio, cierre, etc.
Dado que la navegacin no es una actividad de la sensacin ni de la percepcin
del operador, se recomienda el fondo de la pantalla como una zona factible para
esta actividad.
De usarse mens estos deben ser agrupados en base a la similitud funcional de
sus elementos
Los mens deben presentarse en una sola columna vertical, evitando en lo
posible anidar submens
El orden en que se muestran las opciones de los mens debe basarse en
conceptos como la importancia de la funcin o la frecuencia de su uso
El texto que describe las funciones debe ser corto y conciso
Si favorece la claridad se pueden usar separadores entre diferentes grupos de
opciones del men

7/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Se recomienda tambin proporcionar al operador el mapa general de navegacin

El producto que se debe obtener de este paso de la metodologa es la definicin formal

de l o las formas de navegacin (barra de botones, de conos, mens, etc.), los botones
especiales que se utilizarn (atrs, adelante, inicio, alarmas, etc.), las zonas de la
pantalla en las que sern ubicadas estas funciones, el tamao de las barras, los botones,
los mens, combos, etc, as como la definicin general de los conos en caso de que esta
opcin sea utilizada.

Uso del Color.

El color es uno de los elementos ms importantes dentro del contexto de las interfaces
persona-mquina, su uso adecuado (conservador, convencional y consistente) es
determinante para la generacin de una excelente interfaz.

En esta fase se deben definir los siguientes estndares referidos al color:

Color para representar el estatus de los equipos de la planta (marcha, paro, falla,
manual, etc.)
Color de los principales materiales y fluidos del proceso (agua, aire, gases,
materias primas, productos terminados, etc.)
Color de las alarmas (crticas, advertencias, mensajes, etc.)
Color del texto en general (Ttulos, etiquetas, etc.)
Colores del fondo de la pantalla (general, de detalle, etc.)
Color de valores de proceso (Temperaturas, presiones, niveles, etc.)

Al definir cada uno de estos estndares es muy importante que sean congruentes entre
ellos y que no supongan contradicciones, por ejemplo sera poco apropiado definir que
el color rojo ser asociado a las alarmas crticas y a su vez establecer que este color ser
utilizado para los ttulos de la pantalla. Otro factor que se debe tomar en cuenta es tanto
el perfil de los operadores, as como la observacin y cumplimiento de los estndares
locales, nacionales e internacionales.

Algunas directrices que se deben tomar en cuenta para la especificacin del color son
las siguientes:

Limitar el nmero de colores a cuatro para principiantes y no utilizar ms de

siete colores para los expertos en una pantalla y asegurase que estos sean
perfectamente diferenciables entre ellos.
Cuando se combinen colores se debe maximizar el contraste entre ellos
No utilizar combinaciones con contrastes incompatibles como Rojo-Azul, Rojo-
Verde, Azul-Amarillo, Amarillo-Blanco, Verde-Azul.
Debido a problemas fisiolgicos que pudieran tener los operadores respecto a la
distincin de colores, reforzar estos con otros elementos: texto, tamao, forma o
posicin, cuando sea necesario (evitar entonces las combinaciones de texto y
color del tipo texto rojo sobre fondo verde, texto azul sobre fondo amarillo)
Usar el color blanco para la informacin perifrica
El color debe usarse para indicar calidad y no cantidad
Para que el color sea visible, se debe usar en objetos de buen tamao

8/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Evitar el uso de intermitencia (blink) de colores salvo en casos especiales y

aislados
Cuando se llegue a usar la intermitencia, se debe proporcionar un medio al
operador para detenerla una vez que ha reconocido el evento

Particularmente respecto a la seleccin de los colores del fondo de la pantalla se

recomiendan las siguientes directrices:

Usar colores neutros para el fondo de la pantalla (gris, beige, arena, azul)
No usar blanco y negro dado que dan mucho resplandor
Los colores de fondo deben ser contrastantes con los dems elementos
El uso de diferentes colores de fondo puede ser utilizado para diferenciar o
agrupar procesos o reas de la planta
Evitar el uso de colores primarios o fuertes en zonas grandes de la pantalla

El producto que se debe obtener de esta fase de la metodologa es la especificacin del

estndar de colores de los elementos previamente mencionados (estatus de equipos,
fondo de pantalla, materiales y fluidos, alarmas, texto y valores numricos). Es til para
los fines de documentar y distribuir la especificacin del uso del color generar una tabla
con la informacin relativa a este punto, tal como se muestra en el ejemplo de la figura
3.17:

Fig.3.17 Ejemplo de paleta de colores del sistema SCADA comercial Intouch de Wonderware

9/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Fondos de Pantallas
Item Color Descripcin Matiz/Sat/Lum Rojo/Verde/Azul
Sinpticos de rea y Subrea Arena 208/204/191 31/37/188
Detalle Mquinas Verde Oscuro 120/80/90 64/128/128
Menus y Analgicas Gris Plata 160/0/224 238/238/238
Tablas en Sinpticos Gris Plata 160/0/224 238/238/238

Estatus de Equipos de Proceso

Item Color Descripcin Matiz/Sat/Lum Rojo/Verde/Azul
Equipo Parado Blanco 160/0/240 255/255/255
Equipo Trabajando Verde 80/240/53 0/113/0

Alarmas
Item Color Descripcin Matiz/Sat/Lum Rojo/Verde/Azul
Alarma Crtica Rojo 0/240/120 255/0/0
Alarma de Advertencia Amarillo 40/240/120 255/255/0
Mensaje General Azul Claro 120/240/120 0/255/255

Materiales de Proceso
Item Color Descripcin Matiz/Sat/Lum Rojo/Verde/Azul
Gas con Material Amarillo Claro 40/240/180 255/255/128
Aceite Caf Oscuro 80/240/190 148/255/148
Agua Verde 80/240/53 0/113/0
Aire Azul Claro 120/240/120 0/255/255

Seales Analgicas
Item Color Descripcin Matiz/Sat/Lum Rojo/Verde/Azul
Temperatura Marrn 0/240/46 98/0/0
Presin, Depresin Azul Rey 160/240/120 0/0/255
Potencia Violeta 200/240/60 128/0/128
Caudal Azul Marino 140/240/60 0/64/128
Velocidad Verde Oscuro 80/240/53 0/113/0
Otras Negro 160/0/0 0/0/0/

Items Varios
Item Color Descripcin Matiz/Sat/Lum Rojo/Verde/Azul
Cdigo Equipos Normal Negro 160/0/0 0/0/0/
Botn Confirmar Alarmas Amarillo Claro 40/240/180 255/255/128
Ttulos de Pantallas Azul Marino 140/240/60 0/64/128
Texto Fallas Crticas Rojo 0/240/120 255/0/0
Texto Advertencias Amarillo 40/240/120 255/255/0
Texto General Azul Marino 140/240/60 0/64/128

Fig.3.18 Ejemplo de la especificacin del uso del color

10/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Informacin Textual.
La informacin del proceso es presentada al usuario por medio de varios elementos de
los cuales el ms comnmente usado es el texto. Es importante regular el uso de este
elemento para informar eficazmente al operador respecto al estado del proceso, por lo
que se debe establecer un estndar que rija su utilizacin. Las caractersticas del texto
que se deben definir para este fin son las siguientes: el uso de fuentes, el tamao del
texto, la alineacin, el espaciamiento, los acrnimos y las abreviaturas.

Especficamente, las directrices que se deben considerar para la definicin de las

fuentes son las siguientes:
No se deben utilizar ms de tres fuentes en la interfaz
No usar ms de tres tamaos de la misma fuente
Preferentemente usar fuentes sans serif
El tamao de la fuente debe ser tal que se pueda leer a distancia por el operador.
Una fuente menor a 8 es difcil de leer
No usar letras maysculas en todas las letras del texto, procurar combinarlas con
las minsculas
No utilizar nfasis en el texto (subrayado, itlico, sombreado) salvo en casos
especiales
El color del texto debe contrastar con el fondo de la pantalla y debe respetar el
cdigo de colores previamente definido
Cuando se usa color en el texto se debe usar en toda la palabra y no solo en
ciertos caracteres
Alinear el texto en pantalla: etiquetas a la izquierda, nmeros a la derecha
El punto decimal siempre debe ir alineado
Utilizar el mnimo posible de alineamientos verticales
Espaciar el texto tanto horizontal como verticalmente y as evitar
aglutinamientos
Sobretodo cuando se muestra informacin crtica, esta debe ser espaciada con
suficiencia

11/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Fig.3.19 Ejemplo de paleta de fuentes del sistema SCADA comercial Intouch de Wonderware

Como se sugiri al inicio de este prrafo el producto que se debe obtener de este paso de
la metodologa son los estndares de fuentes, tamao del texto, los acrnimos y las
abreviaturas, as como las directrices que se aplicarn en cuanto a la alineacin y el
espaciamiento.

Acrnimo Significado
LSH Nivel Alto
LSL Nivel Bajo
PSH Presin Alta o Filtro Sucio
PSL Presin Baja
TSH Temperatura Alta
TSL Temperatura Baja
FSL Flujo Bajo
ZSHH Posicin Mxima
HS Paro de Cuerda en Campo
SS Sensor de Rotacin
ZS Desalineamiento

Tabla 3.1 Ejemplos de Acrnimos basados en el estndar ISA

En el control de procesos industriales es habitual el uso de sensores, vlvulas, bombas,

motores, controladores. De ah que sea necesario especificar el estado de cada uno de
estos elementos en la interfaz junto a una etiqueta de 16 caracteres mximo. Por
ejemplo, se dispone de una bomba identificada como Bomba 440-BO-105 la cual puede
tener como etiquetas:

440HISBO105RD (ready)
440HISBO105RM (remoto)
440HISBO105RS (estado en funcionamiento)

En el caso de una vlvula con dos solenoides de abrir/cerrar identificada como Vlvula
545-FV-7017 puede tener como etiquetas:

545HISFV7017RM (remoto)
545HISFV7017OS (estado de lmite abierto)
545HISFV7017CS (estado de lmite cerrado)
545HISFV7017OC (control abrir)
545HISFV7017CC (control cerrar)

En el caso de de un lazo de control el controlador automtico se identifica como

Controlador 440-FIC-7025 y puede tener las siguientes etiquetas
440FIC7025 (controlador de flujo)
440FIT7025 (sensor/transmisor de flujo)
440FV7025 (vlvula de control)

12/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

de esta forma se asocia el sensor y la vlvula al lazo de control y controlador

correspondiente.

Estatus de los Equipos y Eventos de Proceso.

En esta fase se debe definir el estndar grfico de smbolos e conos que representen el
estatus de los diversos equipos de la planta tales como ventiladores, bombas, bandas,
vlvulas, filtros, etc, as como los cambios de estado digitales (On/Off) de eventos que
se requieren representar en las pantallas de proceso. Para este fin es importante recurrir
a los estndares locales, nacionales o internacionales de manera que la simbologa sea
homognea y fcil de reconocer y diferenciar por el operador.

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

Deben se simples, cerrados y de un tamao suficientemente visible

Se deben evitar detalles y realismo innecesarios
Utilizar figuras geomtricas simples para definir los smbolos e conos
Preferentemente deben ser enmarcados y delimitados con borde oscuro
Los smbolos e conos no deben ser ambiguos
Si es el caso, se puede reforzar la sealizacin del estado del equipo o evento
con un texto que tambin lo indique.

Cuando integramos los smbolos que identifican al equipo con el estatus de colores
asociado definido previamente debemos obtener los objetos que representan a los
dispositivos de la planta y que informan al operador su estado de manera general
(trabajando, parado, en falla, advertencia, etc.).

En esta etapa de la metodologa debemos obtener el catlogo de smbolos e conos que

representan cada uno de los tipos genricos de los dispositivos que se encuentran en la
planta y de los eventos discretos (On/Off) asociados al proceso. Es tambin en esta
etapa que podemos iniciar realizando los primeros prototipos de los sinpticos de
proceso, tomando en consideracin lo que haya sido especificado hasta este momento.

A continuacin se muestra un ejemplo de una tabla de smbolos de algunos equipos de

proceso comunes y adems en el anexo A se muestran ejemplos de simbologa de
equipos del estndar 5.5 de la ISA.

13/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Smbolo Descripcin

Banda Transportadora

Ventilador

Bomba Hidrulica

Vlvula On/Off

Tolva

Soplador

Motor Elctrico

Vlvula de Control

Fig.3.20 Ejemplo de la especificacin de smbolos de los equipos de proceso

Fig.3.21 Ejemplo de smbolos del sistema SCADA comercial Intouch de Wonderware

Informacin y Valores de Proceso.

El despliegue de los datos analgicos de proceso es una de las maneras ms importantes
con las que se informa al operador sobre el estado de la planta, ya sean valores directos
del campo o bien procesados por el sistema. La representacin en las pantallas de estas
variables se lleva a cabo principalmente en dos modalidades: en los grficos o mmicos
de proceso, o bien en tablas y grficos de tendencias; estos ltimos se analizarn en el

14/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

siguiente paso de la metodologa. El propsito de mostrar estos datos al operador es el

de informarlo eficazmente para que logre sus objetivos, lo que significa que debemos
visualizar el conjunto de dato mnimo que le muestre el estado actual de la planta y
adems estos datos deben ser desplegados de tal forma que realmente tengan significado
con respecto al proceso. Puede haber datos que informan por si solos, pero hay otros
que nicamente tienen significado cuando se comparan o acompaan con otros.
Tambin existen otros que solo vale la pena conocerlos en un contexto o estatus de la
planta determinado, como puede ser al arranque de los equipos o cuando rebasan un
cierto lmite de alarma. Finalmente y como se analizar en la siguiente etapa de esta
metodologa, hay variables que se deben observar en cuanto a su tendencia en el tiempo
junto con otras variables.

El principal problema en el que podemos caer cuando insertamos valores en los

mmicos de proceso es el de sobrecargar al operador con una gran cantidad de datos y
pero an desperdigarlos sin sentido. Es por este motivo que primero debemos clasificar
los valores, para despus decidir como los debemos mostrar al usuario. La clasificacin
que se propone es la siguiente:

Datos de conduccin de una rea de la planta

Datos relativos a la seguridad de la planta
Datos relativos a las alarmas de proceso que causan paros de produccin
Datos relativos a las alarmas de proceso que NO causan paros de produccin
Datos relativos a alarmas de dispositivos
Datos estadsticos del rea
Datos estadsticos de los equipos individuales

En algunos casos, por ejemplo, para los valores relativos a alarmas de los dispositivos y
en caso de que exista una situacin anmala, se puede cambiar el estatus de ese equipo a
advertencia y entonces el operador deber proceder a investigar ms a fondo la
condicin anormal accediendo a la ventana de detalle respectiva.

El segundo paso dentro de esta fase es la de agrupar los valores cuya relacin implique
que se deban mostrar juntos, por ejemplo,

Grupo 1. Temperaturas de devanados y cojinetes del motor x

Grupo 2. Vibraciones del ventilador y
Grupo 3. Produccin, descartes y eficiencia del rea z

Es importante notar que los grupos de datos deben contener valores cuya clasificacin
sea del mismo nivel, esto es, datos de conduccin, datos de seguridad, etc, de manera
que puedan ser desplegados en un mismo sinptico, sea general o de detalle, si esto no
es as, se debe revisar la clasificacin realizada previamente.

Una vez que sabemos que variables deben ser mostradas en que grficos y adems
cuales deben ser desplegadas agrupadas con otras, debemos proceder a ubicarlas dentro
de los sinpticos de proceso. En trminos generales debemos seguir las siguientes
directrices que son compatibles con las relativas a la distribucin de las pantallas:

15/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Los datos relativos a la seguridad de la instalacin debe ubicarse en zonas de mayor

visibilidad, esto es, en la parte superior o central de la pantalla

Los datos relativos a la conduccin del proceso o a las alarmas que causan paro de la
produccin se deben situar en una zona cercana a sus equipos respectivos o en zonas
que sugieren su instalacin fsica en la planta, pero NO en el rea inferior izquierda de
la pantalla

Los datos estadsticos de produccin se pueden ubicar en zonas de menos visibilidad,

como puede tratarse del rea inferior de la pantalla

Los dems datos se deben ubicar en las pantallas de detalle y como se sugiri
previamente pueden provocar un cambio de estado en los equipos en la pantalla
principal, o bien, pueden causar la aparicin de una bandera o texto, en caso que el
operador deba investigar ms a fondo una situacin anmala relativa. Sin embargo, este
tipo de datos no se debe mostrar permanentemente al usuario.

A continuacin se sugieren otras directrices tambin relativas al despliegue de los

valores de la planta:

Respetar y aplicar los estndares previamente definidos respecto al color y la

informacin textual
Evitar el uso de decimales poco significativos
Si es apropiado y da mejor comprensin al operador, usar barras dinmicas
horizontales o verticales para mostrar los valores analgicos, adems del valor
numrico relativo
En caso de utilizar estas barras dinmicas adems de etiquetarlas claramente,
hay que asegurarse de mostrar su escala
Si se muestran varias barras dinmicas con motivos de comparaciones es
importante normalizar las escalas y utilizar diferentes colores para los diversos
valores
Es importante que el operador pueda determinar en todo momento las unidades
de ingeniera de los datos numricos pero no necesariamente se deben mostrar
siempre
Para resaltar valores se puede aplicar un cambio de color de su fondo o bien
enmarcarlo con un borde negro
Otros efectos como el cambio dinmico de tamao y posicin se deben usar en
casos muy especficos y espordicos para evitar sobrecargar al usuario con
informacin

Otras directrices para la creacin y visualizacin de grupos de valores son las

siguientes:

Los grupos de datos se deben establecer cuando se requiere mostrar

comparaciones, causalidades o integracin de los datos
Es recomendable separar y/o enmarcar los grupos de datos para visualizarlos
Cuando existen varias tablas con datos cualitativamente similares, pero
aplicadas a diferentes reas o equipos, se debe mantener el mismo orden dentro
de ellas.

16/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Preferentemente agrupar valores en conjuntos de menos de 9 datos

El concepto de cada grupo de datos debe ser claro para el operador, si es
necesario se debe etiquetar
Dentro del grupo se debe ordenar los datos por alguno de los siguientes criterios:
Importancia, frecuencia de uso, secuencia, funcin, tipo o bien alfabticamente

De esta fase de la metodologa debemos obtener la lista clasificada de valores

analgicos de la planta y los grupos de datos relacionados. Tambin en este punto
debemos empezar a afinar los prototipos iniciados en la fase anterior agregando los
datos analgicos a las pantallas.

Fig.3.22 Ejemplo de distribucin de mmicos, histricos y grupos de datos relacionados. En algunos casos
el mmico y el grfico de histricos se distribuyen a la izquierda y derecha dentro del Sinptico. En el
ejemplo, tan solo se muestra el mmico, y para acceder al grfico histrico hay que utilizar los botones del
Submen. En muchas ocasiones el valor analgico se dispone al lado del smbolo grfico, aunque hay que
reconocer que la agrupacin de datos asociados al modelo fsico-matemtico del componente o equipo,
puede facilitar la toma de decisin del operario

Grficos de Tendencias y Tablas.

Los grficos de tendencias y las tablas son los principales medios de agrupamiento de
las variables para crear esquemas informativos para el usuario. Para crear los grupos de
valores que compondrn los diversos grficos de tendencias es recomendable partir de
los definidos en la etapa anterior y de ah depurarlos, ya sea uniendo varios grupos, o
bien creando nuevos. El establecimiento de los grupos de tendencias no elimina ni
modifica los definidos en la etapa siete, sino que crea un nuevo catalogo exclusivo para
este tipo de grficos.

Como es comn que los sistemas SCADA proporcionen un ambiente especfico para las
tendencias, debemos decidir si estos grupos deben pertenecer exclusivamente a este

17/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

ambiente, o bien si debemos insertarlo tambin en los sinpticos de proceso. La ventaja

de este ltimo enfoque es el de proveer al operador un panorama ms completo de la
situacin de la planta, mostrndole adems de los equipos y valores puntuales, los datos
que requieren una interpretacin en el transcurso del tiempo. An tomando esta opcin
se debe respetar lo dispuesto en el punto precedente respecto a la clasificacin de los
datos y su despliegue en las pantallas generales y de detalle para no abrumar al usuario
con informacin intil. Cuando tenemos varios grupos de tendencias es mejor
mostrarlos en el ambiente del sistema SCADA respectivo, permitiendo al operador
seleccionar cuales de ellos desplegar para su anlisis.

Las siguientes directrices se pueden aplicar cuando se especifican los grficos de

tendencias:

No poner ms de 9 variables en una sola grafica

Diferenciar los datos con diferentes colores y tipos de lnea
Asegurarse que los rangos del grafico sean adecuados para la operacin
Mostrar el mnimo y mximo para cada variable
Incrementar las escalas de abajo hacia arriba o de izquierda a derecha
Usar una rejilla tenue (grid) para ayudar al operador.
Las divisiones de la rejilla deben ser comunes tales como 1, 2, 5 o 10 unidades
Permitir al operador visualizar los valores numricos de los datos en el tiempo
Etiquetar los ejes y puntos graficados
Permitir al operador cambiar el tamao de la ventana en el tiempo y la fecha de
inicio
Permitir al operador quitar temporalmente algunas variables de la tendencia

Las tablas de datos son otros elementos que como ya se mencion se utilizan para
agrupar informacin relacionada, en los sinpticos se usan principalmente para mostrar
resmenes de diversos tpicos referentes al proceso y su finalidad es la de mostrar un
esquema informativo completo al usuario. Las directrices que se pueden aplicar respecto
a las tablas de datos son las siguientes:

Es recomendable distinguir las tablas utilizando un color de fondo diverso al de

la pantalla
Para separar las celdas usar una rejilla (grid) tenue pero distinguible para el
usuario
Titular claramente la tabla
Ordenar las filas y columnas de la tabla por alguno(s) de(l) (los) siguiente(s)
criterio(s): Importancia, Frecuencia de uso, Funcin, Tipo, Tiempo o
Alfabticamente
La ubicacin de la tabla debe seguir los criterios de posicionamiento segn la
importancia de la informacin
Si la tabla debe contener una gran cantidad de renglones y columnas, es mejor
dedicarle una pantalla de detalle en lugar de ponerla junto a los sinpticos de
proceso

En resumen, de esta fase de la metodologa se deben obtener los grupos de tendencias y

la definicin de las tablas de datos que sern mostradas al operador. Con ellos se deben

18/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

seguir afinando los prototipos de las pantallas de los sinpticos de proceso iniciadas en
el paso 7 e iniciar la definicin de los prototipos de las pantallas de tendencias.

Fig.3.23 Ejemplo de grfico de histricos que recoge y agrupa la evolucin temporal de las variables
asociadas a un reactor qumico (temperatura, nivel, cantidad de producto acumulado) junto a la referencia
(setpoint)

Comandos e Ingreso de Datos.

En esta fase de la metodologa de la interfaz, se establece la intervencin del operador al
suministra datos al sistema de manera que este se comporte de acuerdo a sus objetivos.
Normalmente, las operaciones que efecta el usuario son: ejecutar comandos,
seleccionar opciones e ingresar datos de consigna y parmetros del proceso, aparte del
reconocimiento de alarmas que ser analizado en el punto siguiente. Las caractersticas
principales que deben tener los comandos son su visibilidad y su facilidad de operacin.
Para cumplir con estos dos requisitos es imprescindible que su rea de accin en
pantalla sea de buen tamao, perfectamente etiquetada y por ello reconocible fcilmente
por el usuario. Cuando el rea de accin (que es la zona donde el usuario debe pulsar) es
pequea se tiene el riesgo que el operador encuentre dificultades o inclusive termine
pulsando reas fuera del comando en cuestin. Otra caracterstica importante es la No-
modalidad de los comandos, lo cual significa que estos deben tener el mismo
significado sin importar el estado actual del sistema. Por ejemplo, si el significado de un
comando cambia dependiendo si una secuencia de mquinas esta arrancando o parando,
el usuario deber estar conciente de este hecho para comprender cual ser el resultado
de su accin. Finalmente, una caracterstica clave de los comandos e ingreso de datos
por parte del operador es la retroalimentacin, lo cual implica, que el usuario debe
recibir una respuesta del sistema (positiva o negativa) inmediatamente despus que ha
efectuado una accin.

La ubicacin de los comandos e ingreso de datos se puede establecer ya sea en pantallas

especficamente diseadas para este fin, pueden ser localizados junto con los sinpticos
de proceso, o bien considerando una mezcla de ambos conceptos. Se recomienda ubicar
los comandos y el ingreso de datos en los sinpticos de proceso cuando estos son
crticos para la operacin de la planta o su uso es muy frecuente, de tal manera que el
usuario no tenga que estar cambiando pantalla a cada momento. Sin embargo,
nuevamente hay que considerar la posibilidad de no saturar la pantalla con datos que no
sean esenciales para la consecucin de los objetivos del operador.

19/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Es tambin importante clasificar los tipos de comandos que emiten los operadores de tal
suerte que se les asocien objetos estandarizados. Una posible clasificacin de los
comandos es la siguiente:

Comandos de Arranque y Paro, tanto de reas completas como de equipos

individuales.
Confirmacin de Alarmas (Ack)
Seleccin excluyente de una opcin (una sola entre varias opciones)
Seleccin mltiple No-excluyente (ms de una entre varias opciones)
Seleccin simple (Aceptar o no una opcin)

Asociar un objeto tpico a cada una de estos comandos ayuda al operador a

esquematizar fcilmente sus acciones de forma tal que cuando las ejecute no requiera
redescubrir su lgica de funcionamiento.

Algunas directrices para especificar los comandos del operador se mencionan a

continuacin:

Los comandos deben ser claramente visibles para el operador

Los comandos deben estar claramente etiquetados
El rea de accin sobre el comando debe ser suficientemente grande como para
que sea fcilmente operado
Los diferentes tipos de comandos deben representarse siempre con los mismos
tipos de botones para que el operador los identifique rpidamente
El operador debe ser retroalimentado inmediatamente del resultado de su accin
Los comandos cualitativamente similares deben dar retroalimentacin similar
Los comandos que activan una accin crtica o de riesgo deben estar claramente
etiquetadas y no deben estar cerca de comandos de uso frecuente

Para el ingreso de datos, se sugiere seguir las directrices que se mencionan a

continuacin:

Al igual que los comandos, el ingreso de datos debe ser visible, identificable claramente
y de tamao adecuado
El operador debe confirmar con el botn de entrada o con un botn de pantalla antes de
aceptar el ingreso de cada dato
A su vez se debe confirmar al operador que el dato ha sido aceptado por la interfaz

Otra modalidad de comunicacin con el operador es a travs de cajas de dilogos las

cuales solicitan datos o respuestas al usuario. Las directrices asociadas a las cajas de
dilogo son las siguientes:

Los dilogos se deben mostrar al operador como consecuencia de una accin de

l
Los dilogos deben ser concisos y claros.
Los dilogos se deben situar en una parte de la pantalla donde no interfieran con
los datos de proceso, esto es, preferentemente en la zona inferior
Solamente cuando el dialogo es de carcter critico se debe mostrar al centro

20/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Los dilogos de confirmacin de las acciones del operador se deben mostrar

solamente cuando se trate de operaciones crticas y/o irreversibles.

Al igual que las plantillas de los grficos principales, los dilogos se deben tipificar y
estandarizar para que sean fcilmente identificables

El producto que se debe obtener de esta fase de la metodologa son los estndares de los
botones de comando y selecciones, el estndar de ingreso de datos y las plantillas de los
dilogos. Con estas especificaciones en mano es posible iniciar con el desarrollo de los
prototipos de las pantallas de comandos y configuracin. Tambin en el caso de que se
deban agregar comandos, selecciones e ingreso de datos en los sinpticos de proceso
cuyo desarrollo ya haba iniciado, este es el momento de complementar estos prototipos.

Comando Descripcin Retroalimentacion

Comando de Arranque Cambio de color del Boton y/o Texto

Comando de Paro Cambio de color del Boton y/o Texto

Paro de Emergencia del rea Cambio de color del Boton y Texto

Confirma Alarmas Supresion de seal Auditiva

Seleccion Excluyente Visibilidad de un circulo interno

Seleccion Independiente Visibilidad de una '' interna

Fig.3.24 Ejemplo de la especificacin de comandos del operador

21/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Fig.3.25 Ejemplo de localizacin de zona en Sinptico para entrada de comandos por parte del operario.
En algunas ocasiones, dentro del mmico se obtiene una ventana desplegable de los parmetros del
controlador (consigna, y parmetros del PID) de manera que la entrada de comandos se produce al lado
de los smbolos

Fig.3.26 Ejemplo de diversas posibilidades de entradas de comandos en objetos del sistema SCADA
comercial Intouch

22/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Alarmas.
Las alarmas junto con la representacin del estatus de los equipos y de los valores
analgicos del sistema constituyen los principales elementos con los que se informa al
operador sobre el estado de la planta. Las alarmas son muy importantes ya que alertan al
operador sobre las situaciones anmalas que se presentan en el proceso e implican una
intervencin de el. En caso de que exista una situacin informativa que no requiera una
intervencin del usuario, entonces ser definido como un mensaje en vez de una alarma.

Alarmas y mensajes se deben clasificar por prioridades en cuanto a su criticidad:

Crticas: las cuales amenazan la seguridad de la planta y/o que pueden implicar
la detencin de la produccin
Advertencias: las cuales se pueden convertir potencialmente en situaciones
crticas despus de un tiempo si el evento que origin la advertencia contina
empeorando el estado del equipo. Se puede considerar tambin una advertencia
cuando se presenta una situacin que afecta negativamente la conduccin ptima
de la planta
Mensaje: eventos que conviene transmitir al operador pero no representan una
amenaza a la conduccin del equipo, a la produccin o a la seguridad de la
planta

Las directrices que de manera general deben observarse al definir las alarmas son las
siguientes:

Los mensajes y las alarmas deben ser congruentes con los estndares de color,
fuentes, texto, tamao, espaciamiento y alineamiento predefinidos
Se debe evitar el exceso de alarmas y mensajes superfluos al operador
En cambio, para constatar el reconocimiento de la situacin, el operario debe
validar las alarmas criticas (Ack)
El cdigo de colores de alarmas debe complementarse son otros elementos como
un icono, la visibilidad de un texto, su posicin en pantalla o un sonido

De manera general las directrices que se deben considerar para ubicar la pantalla de
alarmas son las siguientes:

La ventana o zona de alarmas debe ser distinguible por el operador y debe estar
preferentemente siempre presente y visible
En caso que no puedan estar fijas siempre, se deben poder acceder de manera
inmediata o mostrarse automticamente al presentarse una nueva alarma
Los mensajes en cambio no deben ser mostrados todo el tiempo pero se debe
poder acceder a ellos fcilmente

Asimismo la representacin de las alarmas y mensajes se deben guiar por las siguientes
directrices:

El texto de las alarmas debe mostrar el rea/equipo concreto, la condicin o

parmetro anmalo, la prioridad, adems de la hora y fecha del evento
En todo caso el texto debe ser conciso y claro

23/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Las alarmas de mas alta prioridad (critica) deben aparecer en la parte superior de
la ventana o zona de alarmas
Es recomendable asociar sonidos a las alarmas que requieren una intervencin
del operador
Los sonidos mas agudos y de frecuencias altas deben asignarse a alarmas de
prioridad mayor ya que llaman mas la atencin del operador
Al reconocer la alarma el sonido asociado debe detenerse aun si la situacin
anmala aun permanece
Las alarmas se deben mostrar agrupadas lgicamente a parte de su prioridad y
cronologa, ya sea por rea, subrea, equipos, etc.
Las alarmas tienen normalmente un componente textual en su ventana y uno
grafico en el sinptico de proceso respectivo
Los cambios de estado en las pantallas de proceso deben corresponder a lo
mostrado en la ventana de alarmas, para confirmar al operador lo sucedido
adems de permitirle visualizarlas con un mejor contexto
No se recomienda el uso de intermitencia (blinking) para mostrar las alarmas ni
en la pantalla de proceso ni en la ventana de textos de las mismas salvo en casos
excepcionales
El operador debe poder reconocer las alarmas fcilmente y sin tener que
desplazarse de su zona actual de trabajo

Resumiendo, en esta etapa se deben establecer las caractersticas principales del sistema
de alarmas y mensajes al operador, el esquema de sus prioridades, la ubicacin del
listado de alarmas (si no haba sido definida durante la fase de especificacin de la
distribucin de la pantalla) y completar la simbologa relativa a la representacin de las
alarmas y mensajes sobre los sinpticos de proceso. En relacin al desarrollo especfico
de la interfaz, en esta fase se deben finalizar los prototipos de los sinpticos de proceso
a parte de definir los prototipos de la ventana del sistema de alarmas.

Fig.3.27 Ejemplo de display de alarmas del sistema SCADA Intouch. Se trata de un ActiveX que permite
conocer el tipo de alarmas, el instante en que se produce, si el operario la ha reconocido, los lmites de la
alarma (muy baja, baja, alta, muy alta)

24/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Fig.3.28 Ejemplo de ventana emergente faceplate que permite configurar los lmites numricos de
alarmas asociadas a una variable del sistema SCADA Intouch.

3.5.2. Evaluacin de la Interfaz

Los diez indicadores pueden agruparse en una tabla de forma que el operario encargado
de aplicar la gua GEDIS pueda medir cada uno de ellos para obtener un ndice global.

Medida del Indicador

Cada uno de los indicadores de la Tabla 2 puede descomponerse en diversos
subindicadores. Por ejemplo, el indicador Uso del Color puede detallarse en: visibilidad
(3), contraste con el fondo (4), nmero de colores (4), diferenciabilidad entre colores
(3), uso de colores tpicos (rojo, verde, amarillo) (2), consistencia (4). Para cada
subindicador se recomienda se punte numricamente en una escala de 1 a 5. En este
ejemplo el nmero de subindicadores del indicador Uso del Color es J= 6
J

Subind
j 1
(1)
Valor _ indicador
J
El valor medio que se obtiene mediante la frmula 1 con estos valores es de 2,83. Si se
redondea el valor es 3, de manera que al indicador Uso del Color se le asigna el valor 3
en este ejemplo.

Medida de Evaluacin Global

Cada uno de los indicadores de la Tabla 2 se mide en una escala de 1 a 5. El experto
dispone en este punto de informacin concreta sobre el indicador, de forma que ya
puede valorar las necesidades de mejora. Los valores de los indicadores pueden
agruparse de manera que la gua GEDIS ofrezca la evaluacin global de la interfaz y
pueda ser comparada con otras. En una primera aproximacin se ha considerado el valor
medio entre indicadores expresado en la frmula 2. Es decir, a cada indicador se le

25/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

asigna un peso idntico (pi= p2 =p10= 1) aunque ello permitir en futuros estudios
valorar la importancia de algunos indicadores por encima de otros. La evaluacin global
se expresa en una escala de 1 a 5. Atendiendo a la complejidad de los sistemas de
supervisin industrial y al hecho de que un diseo ineficaz de la interfaz puede provocar
el error humano, la evaluacin global de una interfaz de supervisin debera situarse en
un valor inicial de 3-4 y proponer medidas de mejora para acercarse al 5.
10

p ind i i
(2)
Eval _ global i 1
10

pi 1
i

3.6 Aplicacin en planta azucarera

El proceso seguido en esta investigacin consiste en aplicar la gua GEDIS al simulador

de entrenamiento de operarios del CTA. El trabajo se ha realizado sin la intervencin de
expertos del CTA, ello significa que en algunos aspectos no se ha podido completar
algunos indicadores.

Este simulador es utilizado principalmente como herramienta de capacitacin de

operadores de este tipo de industrias utilizando un sistema SCADA especficamente
diseado para este objetivo. Analizando casos prcticos como este se puede verificar los
conceptos que se han desarrollado en el apartado 3.1 y se puede tambin valorar su
potencialidad. Como se mencion previamente uno de los objetivos de contar con una
metodologa sistemtica para el desarrollo de interfaces hombre-mquina en ambiente
industrial es poder disearlas y realizarlas desde su inicio, o sea, desde cero. Sin
embargo, el contar con este procedimiento nos permite tambin evaluar interfaces
existentes aplicndole un anlisis cognitivo estructurado, pudiendo as emitir juicios y/o
recomendaciones respecto a ese producto. Los mdulos que sern analizados del
simulador dado que son los que se tienen disponibles son los siguientes: Evaporacin,
Difusin y Calderas. Una aclaracin a notar es el hecho de que los comentarios
subsecuentes se harn con relacin a la operacin del proceso y no con respecto a la
simulacin de fallas por parte del instructor, ya que esta aplicacin SCADA tiene esta
posibilidad.

A continuacin se muestra la tabla con cada uno de los indicadores y la Evaluacin

Global. En algunos casos es imprescindible la colaboracin con el experto del proceso
para poder dictaminar un valor numrico concreto.

26/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Elemento Evaluacion Comentarios

1. Arquitectura 5
1.1. Correspondencia con la Planta 5
1.2. Numero de Capas 5
2. Distribucin 3
2.1. Consistencia 3 Faltan plantillas de distribucion
2.2. Densidad 3 Alta en los graficos generales
2.3. Simetria y Balance 5
2.4. Flujo de Proceso 3 En general no es claro
3. Navegacin 3
3.1 Correspondencia c/arquitectura 5
3.2. Accesibilidad 4 No se sabe que botones usar
3.3. Consistencia 3 Los botones estan dispersos en pantalla
4. Uso del color 3
4.1. Visibilidad 3 Sobretodo en equipos de proceso
4.2. Contraste con el fondo 4
4.3. Numero de colores 4
4.4. Diferenciabilidad entre colores 3 Problemas entre lineas de flujo y equipos
4.5. Uso de colores tipicos(rojo, verde, amarillo) 2 Exceso de uso del color rojo
4.6. Consistencia 4
5. Info. Textual 4
5.1. Numero de fuentes 5
5.2. Numero de tamaos 4
5.3. Visibilidad del texto 3 Sobretodo en valores numericos
5.4. Espaciamiento 5
5.5. Alineacion 5
5.6. Uso del enfasis 4
5.7. Uso de acronimos 4
5.8. Coloracin del texto 3 Texto de flujos no codificado con el color
5.9. Consistencia 4
6. Simbolos y representacion de los equipos 4
6.1. Facilidad de reconocimiento 5
6.2. Visibilidad del estado del equipo 3 En algunos casos, no se nota el estado
6.3. Consistencia 5
7. Valores de proceso 3
7.1. Visibilidad 3 Numeros dificiles de ver a distancia
7.2. Ubicacin ? Verificar con un experto del proceso
7.3. Distribucion 4
7.4. Agrupacin de datos 2 Practicamente no existe
7.5. Consistencia 4
8. Tablas y Grupos de Tendencia 4
8.1. Formato 5
8.2. Visibilidad 5
8.3. Ubicacion 5
8.4. Agrupacion 2 Practicamente no existe
8.5. Flexibilidad de configuracion tendencias 4
8.6. Consistencia 5
9. Comandos e Ingreso de Datos 3
9.1. Visibilidad 2 No se aprecia lo que se puede comandar
9.2. Maniobrabilidad 3 Falta mas area de contacto del comando
9.3. Retroalimentacin 3 Falta interactividad
9.4. Consistencia 4
10. Alarmas 3
10.1. Visibilidad de la ventana de alarmas 5
10.2. Accesibilidad de la ventana de alarmas 5
10.3. Ubicacion de la ventana de alarmas 5
10.4. Informatividad de los textos de alarmas 2 Falta mas info. relativa al evento
10.5. Visibilidad de alarmas en sinopticos 3 Exceso de color rojo filtra las indicaciones
10.6. Facilidad de reconocimiento 4
10.7. Consistencia 5
Evaluacion Global 3.5

Tabla.3.2 Evaluacin del simulador del CTA mediante la gua GEDIS

A continuacin se mostrarn tres ejemplos de los grficos del simulador modificados a

partir de los resultados de aplicar la gua GEDIS. En algunos casos las mejoras
requieren la intervencin de un experto del proceso que pueda guiar al diseador de la
interfaz en aspectos como la agrupacin de valores, las tablas de datos, los valores
principales de conduccin de la planta, etc.

Los elementos que si fueron modificados son los siguientes:

- Barra de navegacin. La barra fue localizada en la misma zona de la pantalla (parte
inferior).

27/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

- Ttulos de pantallas. Fueron ubicados en la misma zona de la pantalla (parte superior

central).
- Botones de navegacin. Se cambi el color del borde a un color diverso del rojo
(azul).
- Coloracin de textos estandarizada. El color de los textos se modific para dar ms
informacin al operador:
Blanco : Entrada al proceso
Azul : Salida del proceso
Amarillo : Flujo interno

- Coloracin de valores de proceso estandarizada. El color de algunas variables

numricas se modific, especficamente las que usaban color rojo se cambiaron a verde.
- Manejo de fuentes y tamaos. Se uniform la fuente de los textos, el uso de las
negritas y el tamao.
- Tamao de los caracteres numricos. Se aument el tamao y el grosor (este ltimo
usando negritas) de los valores numricos para tener una mejor visibilidad.
- Uso de barras dinmicas. Se utilizaron barras dinmicas para representar los niveles de
material en tanques, para dar una mejor percepcin de su estado al primer vistazo.
- Representacin de equipos. Se aument el tamao de algunos equipos (como las
bombas) y se utilizaron colores ms brillantes para representar que un dispositivo esta
trabajando y as dar una mejor visibilidad de su estado. En el grfico de evaporacin se
ejemplifica tambin la posibilidad de rellenar con verde (en este caso) el cuerpo entero
de los equipos, como lo es el equipo denominado IB, para mostrar como sobresale su
estado usando el color en elementos de mayor tamao.

En el caso de la pantalla principal de evaporacin se anexo un cuadro resumen del

proceso, como ejemplo del uso de esta herramienta para dar informacin global al
operador.

Ahora se mencionan algunos otros puntos especficos que se pueden mejorar con la
asesora de un experto del proceso y una mejor herramienta de diseo:

- El color rojo de los caudales de vapor son todava muy agresivos y adems pueden
arruinar el concepto de llamar la atencin del operador rpidamente con el uso de este
color. Convendra reevaluar su uso y cambiarlo por otro.
- Es importante ubicar correctamente los valores de proceso en los sinpticos generales
y los de detalle. Con la ayuda de un experto del proceso sera bueno revisar como han
sido distribuidos actualmente y en su caso reubicarlos.
- Otro punto a verificar es el de la densidad de las pantallas, por este motivo se requiere
puntualizar el inciso anterior y en su caso suprimir variables de importancia menor de
las pantallas generales.
- Se requiere proporcionar al operador informacin agrupada condensada e ndices de
operacin para darle una mejor panormica de la planta. Habra que crear grupos y
tablas con datos e ndices relevantes que cumplan este objetivo. En este punto tambin
se requiere la ayuda de un ingeniero de proceso.
- Igual sucede con los grficos de tendencia, se requiere crear grupos con variables
relacionadas que le den una mejor visin del proceso al operador.
- Otro factor a verificar es el de los comandos del operador. No se identificaron
claramente cuales son los comandos disponibles para el manejo de la planta

28/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

(arranque/paro/selecciones), por lo que sera conveniente definir un mejor estndar para

interactuar con el usuario en este sentido.
- Finalmente, los textos de las alarmas no muestran suficiente informacin al operador
acerca del evento anmalo. Se requiere revisarlos y profundizar la explicacin. Tambin
sera importante clasificar las alarmas en funcin de su prioridad, para informar mejor al
usuario respecto a la gravedad de la situacin.

29/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

1 Grfico de difusin original

30/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

2 Grfico de difusin modificado

31/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

3. Grfico de Evaporacin Original

32/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

4. Grfico de Evaporacin Modificado

33/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

5. Grfico del Efecto III Original

34/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

6. Grfico del Efecto III Modificado

35/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

3.7 Aplicacin en campus universitario

A partir de las instalaciones S.A.F. de la Universitat Autnoma de Barcelona, se gener

el control y la monitorizacin mediante el sistema SCADA Intouch. A continuacin se
comenta la aplicacin de la gua GEDIS sobre la interfaz del S.A.F. Se presentan
algunos casos abordados por los estudiantes de ingeniera del centro EPSEVG que
aplicaron la gua GEDIS sobre la interfaz del S.A.F.

3.7.1 Estudio de casos

Mediante las pginas ofrecidas por la UAB se han investigado y analizado distintos
procesos que entran en juego en este sistema como pueden ser el control del tratamiento
del agua:
la depuracin y desinfeccin del agua mediante Ozono (O3)
la regulacin de variables como cloro
control del pH

A nuestro grupo de prcticas se nos ha asignado analizar y evaluar de manera crtica la

aplicacin del sistema SCADA para SAF centrndonos bsicamente en lo relacionado a
comandos e ingreso de datos.

Realmente tenemos que decir, que la valoracin en el tema a analizar, no es muy

positiva, ya que hemos encontrado varios aspectos a mejorar. Decir tambin que para el
anlisis nos hemos guiado de la gua GEDIS, estudiada en clase.

Nos hemos centrado en valorar puntos en relacin a ejecutar comandos, seleccionar

opciones e ingresar datos de consigna y parmetros del proceso finalizando con el
reconocimiento de alarmas.

El primer paso que hemos realizado, es el de entrar y navegar a travs de la aplicacin

para ubicarnos y tener una idea general de la aplicacin. En las dos primeras pasadas,
que han sido de forma rpida, no nos hemos encontrado con ningn botn que nos
sirviera para introducir comandos, por lo que el primer punto que nos gustara
mencionar, sera la falta de visibilidad para el operario.

Analizaremos exhaustivamente las partes donde la aplicacin permite al operario

introducir datos, ya que nos encontramos con pocos casos.

36/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

1 CASO:

En la figura podemos ver la pantalla principal de la aplicacin. Observamos (enmarcado

en rojo) que el usuario tiene opcin de registrarse o salir del registro con los comandos
LOG ON y LOG OUT. En nuestra opinin esta informacin debera de estar ms
resaltada que las dems opciones, de algn otro color por ejemplo, ya que sino el
usuario podra empezar navegando por la aplicacin pero sin registrarse, perdiendo as
datos ya que al no estar registrado la aplicacin no muestra todos los datos de los que
dispone, echo que nos ocurri a nosotros mismo, por ello hablamos de la experiencia
propia.

Por otro lado, comentar que el hecho de que el diseador halla tenido en cuenta que
diferentes tipos de usuarios es un punto positivo ya que puede que no les interese que
toso el mundo pueda acceder a todos los datos.

Pantalla principal de la aplicacin

37/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

2 CASO

En la figura vemos la pantalla de control de distintas reas o zonas exteriores como el

rocdromo, el campo de hierba artificial o el frontn. Es visible el desalineamiento de
los controles as como la apariencia en general.

Por otro lado es difcil de visualizar cualquier situacin de alarmas as como la

navegacin hasta la correspondiente pantalla de las alarmas, al igual que la dificultad de
operacin.

No se puede analizar el hecho de que haya o no retroalimentacin, ya que estamos

trabajando con un simulador y por tanto no podemos introducir datos. En las alarmas,
por el contrario (en el siguiente caso est mejor explicado) si que podemos actuar an
trabajando con el simulador y se puede ver claramente que no se hace uso de ningn
tipo de retroalimentacin, punto cuestionable para una adecuada seguridad.

No pone el nombre de la pantalla donde estamos para podernos ubicar al usuario en la

aplicacin SCADA.

Pantalla de control de distintos complejos exteriores.

38/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

3 CASO

En esta imagen, vemos la pantalla de alarmas, cuya navegacin y llegada a ella no ha

resultado nada fcil ni intuitiva, caracterstica imprescindible a nuestro juicio para todo
sistema de control.

Centrndonos en puntos concretos, llama la atencin el hecho de no poder realizar

ninguna validacin del estado de las alarmas.

Tras investigar la pantalla, se ha encontrado una posible alternativa para realizar la

validacin de las alarmas aunque con los siguientes puntos a cuestionar:

No es intuitivo.
Difcil de entender para todo el personal (idioma).
Necesidad de un botn ms visible y accesible.

Sistema de validacin de alarmas actual.

Posibilidad de introducir comentarios como ventaja a la hora de su comprensin.

Creacin de comentarios.

39/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

4 CASO Campo de hierba:

En este caso, los puntos observados han sido los siguientes:

Mala estructuracin del espacio de la pantalla
Mensajes superpuestos
Fotos de mala calidad (reflejos de focos) y poca visibilidad
No indica al operario en qu lugar est para as poder ubicarse en la misma
aplicacin SCADA.

Pantalla de control del campo de hierba.

Podra haber realimentacin en casos muy concretos que requieran un riesgo

importante. Ya que si en cada ingresemos datos pusiramos retroalimentacin, el
operario podra adquirir una errnea dinmica de clicar dos veces inconscientemente,
sin tener en cuenta la responsabilidad que pueda acarreas su acto.

40/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

6 CASO: Indicaciones errneas y confusas en la navegacin.

Pantallas de control de distintas secciones de la piscina.

Por el contrario, y estando al mismo nivel dentro de la organizacin del sistema

SCADA, podemos ver como en la pantalla de Vestuarios Ventilacin el botn de
retorno se corresponde al denominado Polideportivo que nos devolvera al men
principal, lo que es algo errneo y que da pie a posibles confusiones.

Pantalla de control de otra seccin de la piscina.

41/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

3.7.2 Valoracin de la interfaz S.A.F. mediante la gua GEDIS

Hemos escogido basarnos en la gua GEDIS para realizar la valoracin de esta

aplicacin. Por qu esta gua? No solo porque es la nica gua que conocemos la cual
tiene en cuenta los aspectos de la ergonoma cognitiva si no que se decide trabajar con
ella por la credibilidad de su eficacia, ya que aunque parezca que tiene en cuenta
aspectos de sentido comn, los diseadores no son conscientes de estos aspectos hasta
que uno los lee. Adems de que lo ms probable es que un diseador no tenga
conocimientos de cmo el ser humano interpreta y asocia la informacin, es por ello,
que basarnos en la gua GEDIS, ser realmente eficaz.

Indicador: comandos e ingresos de datos

Normalmente, a parte del reconocimiento de alarmas, las operaciones que efecta el

usuario son bsicamente ejecutar comandos, seleccionar opciones e ingresar datos de
consigna y parmetros del proceso, por ello la importancia de analizar el diseo de
cmo esta planteado esta parte del aplicativo.

Para cumplir los requisitos mencionados, es imprescindible que su rea de accin en

pantalla sea de buen tamao, perfectamente etiquetada y por ello reconocible fcilmente
por el usuario evitando posibles confusiones o errores por parte del usuario.

Otra caracterstica importante es la No-modalidad de los comandos, lo cual significa

que estos deben tener el mismo significado sin importar el estado actual del sistema.

Finalmente, la gua GEDIS habla de la importancia de la retroalimentacin,

caracterstica clave de los comandos e ingreso de datos, es decir, el usuario debe recibir
una respuesta del sistema (positiva o negativa) inmediatamente despus que ha
efectuado una accin. Y decimos inmediatamente despus, ya que el exceso de tiempo
de espera de la retroalimentacin, puede hacer que el usuario se distraiga.

La ubicacin de los comandos e ingreso de datos se puede establecer ya sea en pantallas

especficamente diseadas para este fin, pueden ser localizados junto con los sinpticos
de proceso, o bien considerando una mezcla de ambos conceptos. Se recomienda ubicar
los comandos y el ingreso de datos en los sinpticos de proceso cuando estos son
crticos para la operacin de la planta o su uso es muy frecuente, de tal manera que el
usuario no tenga que estar cambiando pantalla a cada momento. En este caso por
ejemplo, en lugar de tener una pantalla donde el usuario pueda cambiar lo que en ese
momento cree oportuno, lo puede realizar donde se encuentran los sinpticos del
proceso como vemos en los siguientes ejemplos donde en las figuras siguientes hay
opcin de controlar la luminosidad de unas reas concretas.

42/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Control de focos

cc

Control luces en pista de ftbol

43/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Control de la caldera modo manual activado

Control de consigna en sala Fitness

44/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

En nuestro caso, nos ha parecido que la aplicacin, no permite al usuario intervenir en

muchas acciones de control, por ello pensamos que la pantalla no esta saturada en este
aspecto, aunque si lo podra estas con exceso de informacin como lo podemos
comprobar en la figura anterior.

Figura 5. Pantalla de alarmas

Por todo esto y lo comentado en la primera parte de esta prctica esta es nuestra
evaluacin del 1 al 5.

9. Comandos e ingreso de datos

9.1. Visibilidad2
9.2. Maniobrabilidad2
9.3. Retroalimentacin2
9.4. Consistencia2

45/46
 Diseo Industrial. Pere Ponsa, Toni Granollers
Diseo de pantalla

Elemento Evaluacin
1. Arquitectura 2
1.1. Correspondencia con la planta 4
1.2. Nmero de capas 1
1.3. Existencia de mapa 1
2. Distribucin 3
2.1. Consistencia 3
2.2. Densidad 3
2.3. Flujo de proceso 1
3. Navegacin 2
3.1. Correspondencia c/arquitectura 2
3.2. Accesibilidad 3
3.3. Consistencia 2
4. Uso del Color 5
4.1. Visibilidad 5
4.2. Contraste con el fondo 5
4.3. Nmero de colores 5
4.4. Diferenciabilidad entre colores 5
4.5. Uso de colores tpicos (rojo, verde, amarillo) 5
4.6. Consistencia 5
5. Info. Textual 4
5.1. Nmero de fuentes 5
5.2. Nmero de tamaos 5
5.3. Visibilidad del texto 3
5.4. Espaciamiento 3
5.5. Alineacin 3
5.6. Uso de nfasis 4
5.7. Uso de acrnimos 4
5.8. Coloracin del texto 4
5.9. Consistencia 4
6. Smbolos y representacin de los equipos 3
6.1. Facilidad de reconocimiento 3
6.2. Visibilidad del estado del equipo 3
6.3. Consistencia 3
7. Valores de proceso 3
7.1. Visibilidad 3
7.2. Ubicacin 2
7.3. Distribucin 2
7.4. Agrupacin de datos 4
7.5. Consistencia 3
8. Tablas y Grupos de tendencia 4
8.1. Formato 4
8.2. Visibilidad 4
8.3. Ubicacin 4
8.4. Agrupacin 4
8.5. Flexibilidad configuracin tendencias
8.6. Consistencia 4
9. Comandos e ingreso de datos 2
9.1. Visibilidad 2
9.2. Maniobrabilidad 2
9.3. Retroalimentacin 2
9.4. Consistencia 2
10. Alarmas 3
10.1. Visibilidad de la ventana de alarmas 3
10.2. Accesibilidad de la ventana de alarmas 2
10.3. Ubicacin de la ventana de alarmas 4
10.4. Informatividad de los textos de alarmas 4
10.5. Visibilidad de alarmas en sinpticos 2
10.6. Facilidad de reconocimiento 2
10.7. Consistencia 3
Evaluacin global 3,1

46/46