DISEÑO DE PANTALLA - Campus de la UPC a Vilanova i la
DISEÑO DE PANTALLA - Campus de la UPC a Vilanova i la
DISEÑO DE PANTALLA - Campus de la UPC a Vilanova i la
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>DISEÑO</strong> <strong>DE</strong><br />
<strong>PANTALLA</strong><br />
MIPO<br />
Máster en Interacción Persona Or<strong>de</strong>nador<br />
Diseño Industrial<br />
Pere Ponsa<br />
Antoni Granollers
2/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
3 Diseño <strong>de</strong> pantal<strong>la</strong><br />
3.1 Sa<strong>la</strong> <strong>de</strong> control industrial<br />
3.2 Ingeniería <strong>de</strong> <strong>la</strong> usabilidad aplicada al diseño <strong>de</strong> sa<strong>la</strong> <strong>de</strong> control<br />
3.3 Ergonomía aplicada al diseño <strong>de</strong> sa<strong>la</strong> <strong>de</strong> control<br />
3.4 Supervisión industrial<br />
3.5 Guía para diseño <strong>de</strong> pantal<strong>la</strong> en supervisión<br />
3.6 Aplicación en p<strong>la</strong>nta azucarera<br />
3.7 Aplicación en campus universitario<br />
3.5 Guía para el diseño <strong>de</strong> pantal<strong>la</strong> en supervisión<br />
A continuación se presenta <strong>la</strong> metodología propuesta para <strong>la</strong> guía ergonómica <strong>de</strong> diseño<br />
<strong>de</strong> interfaces <strong>de</strong> supervisión (GEDIS), <strong>la</strong> cual ha sido enfocada a ambientes industriales<br />
con sa<strong>la</strong>s <strong>de</strong> supervisión computerizadas y centralizadas. La primera fase <strong>de</strong> GEDIS<br />
consiste en <strong>la</strong> especificación <strong>de</strong> los principales elementos <strong>de</strong> <strong>la</strong> interfaz tales como <strong>la</strong><br />
arquitectura, <strong>la</strong> navegación los estándares <strong>de</strong> colores, fuentes, simbología, etcétera,<br />
siguiendo un or<strong>de</strong>n que será propuesto más a<strong>de</strong><strong>la</strong>nte en esta sección. Por otro <strong>la</strong>do,<br />
como su especificación no es el producto final <strong>de</strong> <strong>la</strong> interfaz, es necesario <strong>de</strong>sarrol<strong>la</strong>r <strong>la</strong>s<br />
pantal<strong>la</strong>s <strong>de</strong> <strong>la</strong> misma ya sea conforme se vayan <strong>de</strong>finiendo los elementos o bien, al final<br />
cuando <strong>la</strong> especificación este completa. El consejo para <strong>la</strong> fase <strong>de</strong> <strong>de</strong>sarrollo <strong>de</strong> <strong>la</strong>s<br />
pantal<strong>la</strong>s es el <strong>de</strong> seguir el primer enfoque, esto es, generar pantal<strong>la</strong>s tan pronto existan<br />
elementos suficientes para iniciar<strong>la</strong>s, ya que <strong>de</strong> esta manera po<strong>de</strong>mos ir <strong>de</strong>purando los<br />
prototipos y teniendo retroalimentación <strong>de</strong>l producto e<strong>la</strong>borado.<br />
3.5.1. Especificación <strong>de</strong> los Elementos <strong>de</strong> <strong>la</strong> Interfaz<br />
Para <strong>de</strong>terminar cuales son los elementos <strong>de</strong> <strong>la</strong> interfaz más importantes a <strong>de</strong>finir se<br />
realizó (como se p<strong>la</strong>neó en <strong>la</strong> sección anterior) una investigación documental extensa.<br />
Después <strong>de</strong> haber establecido los elementos más relevantes, entonces se han or<strong>de</strong>nado<br />
<strong>de</strong> lo general a lo particu<strong>la</strong>r tal como se muestra en <strong>la</strong> figura 3.14.
3/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Fig.3.14 Esquema general <strong>de</strong> <strong>la</strong> metodología <strong>de</strong> <strong>de</strong>sarrollo <strong>de</strong> <strong>la</strong> interfaz<br />
La secuencia que se <strong>de</strong>be seguir para <strong>la</strong> especificación <strong>de</strong> <strong>la</strong> interfaz parte <strong>de</strong> los niveles<br />
superiores <strong>de</strong> <strong>la</strong> figura 3.14 y va <strong>de</strong>scendiendo hasta <strong>de</strong>finir los aspectos específicos<br />
tales como <strong>la</strong> representación <strong>de</strong> los equipos, los valores analógicos, <strong>la</strong>s a<strong>la</strong>rmas y los<br />
comandos <strong>de</strong>l operador.<br />
Ahora bien, para cada uno <strong>de</strong> los diez pasos <strong>de</strong> <strong>la</strong> metodología <strong>de</strong>scritos arriba y con <strong>la</strong><br />
finalidad <strong>de</strong> obtener <strong>la</strong>s directrices más relevantes <strong>de</strong> cada uno <strong>de</strong> ellos se aplicó el<br />
procedimiento <strong>de</strong> investigación documental <strong>de</strong>scrito anteriormente, obteniéndose los<br />
siguientes resultados re<strong>la</strong>tivos a <strong>la</strong> especificación <strong>de</strong> los elementos <strong>de</strong> una interfaz<br />
persona-máquina en sa<strong>la</strong>s <strong>de</strong> control centralizadas y computerizadas para procesos<br />
industriales<br />
Como cada proceso tiene particu<strong>la</strong>rida<strong>de</strong>s propias, los elementos <strong>de</strong> interfaz que serán<br />
<strong>de</strong>scritos no son los únicos pero si los más comunes, lo que significa que al aplicar <strong>la</strong><br />
metodología propuesta, estos conceptos podrán enriquecerse <strong>de</strong> acuerdo a <strong>la</strong>s<br />
características específicas <strong>de</strong> cada aplicación.<br />
Arquitectura.<br />
Para iniciar con el proceso <strong>de</strong> <strong>de</strong>sarrollo el diseñador <strong>de</strong>be establecer un mapa don<strong>de</strong> se<br />
<strong>de</strong>finirán <strong>de</strong> manera general <strong>la</strong>s diferentes pantal<strong>la</strong>s con <strong>la</strong>s que contará el operador para<br />
interactuar con el sistema <strong>de</strong> automatización y control. Este mapa <strong>de</strong>berá establecer <strong>la</strong>s<br />
re<strong>la</strong>ciones lógicas entre <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> manera que pueda también servir<br />
posteriormente al diseño <strong>de</strong> <strong>la</strong> navegación <strong>de</strong>l sistema. Aunado al mapa se <strong>de</strong>be generar<br />
un listado que muestre <strong>la</strong>s pantal<strong>la</strong>s y su función específica. Los tipos <strong>de</strong> pantal<strong>la</strong>s que<br />
<strong>de</strong>berán ser incluidas en este primer paso <strong>de</strong> <strong>la</strong> metodología son <strong>la</strong>s siguientes:
4/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Fig.3.15 Ejemplo <strong>de</strong> arquitectura y navegación entre pantal<strong>la</strong>s <strong>de</strong> distintos niveles en el que se ha<br />
simplificado el <strong>de</strong>talle (no aparecen <strong>la</strong>s barras <strong>de</strong> botones en <strong>la</strong>s pantal<strong>la</strong>s, y no se ha dibujado <strong>la</strong><br />
posibilidad <strong>de</strong> regresar al nivel <strong>de</strong> área <strong>de</strong>s<strong>de</strong> cualquier pantal<strong>la</strong> <strong>de</strong>l nivel <strong>de</strong> equipo)<br />
� Pantal<strong>la</strong>s <strong>de</strong> Proceso, <strong>la</strong>s cuales muestran el estado <strong>de</strong> los equipos y <strong>de</strong>l proceso<br />
mismo. Estas a su vez se pue<strong>de</strong>n dividir en general <strong>de</strong> p<strong>la</strong>nta, general <strong>de</strong> área, <strong>de</strong><br />
<strong>de</strong>talle y <strong>de</strong> equipo. También son conocidas como mímicos o sinópticos <strong>de</strong><br />
proceso.<br />
� Pantal<strong>la</strong>s <strong>de</strong> Comandos, estas pantal<strong>la</strong>s permiten al operador realizar acciones<br />
generales tales como el arranque/paro <strong>de</strong> equipos y selecciones diversas.<br />
� Pantal<strong>la</strong>s <strong>de</strong> Configuración, <strong>la</strong>s cuales permiten al operador y al ingeniero <strong>de</strong><br />
proceso establecer los parámetros <strong>de</strong> configuración <strong>de</strong>l sistema tales como<br />
límites <strong>de</strong> a<strong>la</strong>rmas, sintonización <strong>de</strong> PID’s, calibración, recetas <strong>de</strong> producción,<br />
etc.<br />
� Pantal<strong>la</strong>s <strong>de</strong> ten<strong>de</strong>ncias, don<strong>de</strong> se muestran <strong>la</strong>s valores <strong>de</strong> <strong>la</strong>s variables mas<br />
importantes <strong>de</strong>l proceso en el tiempo<br />
� Pantal<strong>la</strong>s <strong>de</strong> a<strong>la</strong>rmas<br />
Una consi<strong>de</strong>ración importante para <strong>la</strong> arquitectura <strong>de</strong> <strong>la</strong> interfaz es <strong>la</strong> cantidad <strong>de</strong><br />
pantal<strong>la</strong>s disponibles para este fin, ya que si el número <strong>de</strong> estas es mucho menor al <strong>de</strong><br />
<strong>la</strong>s áreas <strong>de</strong>l proceso que se <strong>de</strong>ben supervisar a <strong>la</strong> vez y con ello el operador <strong>de</strong>be<br />
cambiar muy frecuentemente <strong>de</strong> sinóptico, se <strong>de</strong>ben tomar provisiones en <strong>la</strong> arquitectura<br />
y <strong>la</strong> navegación para facilitar el paso entre diferentes áreas <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta sin requerir <strong>de</strong><br />
muchos pasos intermedios (como pue<strong>de</strong> suce<strong>de</strong>r al subir en <strong>la</strong> jerarquía <strong>de</strong> <strong>la</strong><br />
arquitectura).<br />
Es importante notar que en este paso <strong>de</strong> <strong>la</strong> metodología so<strong>la</strong>mente se establecerá que<br />
pantal<strong>la</strong>s <strong>de</strong>berán <strong>de</strong>sarrol<strong>la</strong>rse pero NO se diseñarán propiamente. Recuér<strong>de</strong>se que el<br />
objetivo <strong>de</strong> este punto es el <strong>de</strong> generar <strong>la</strong> arquitectura <strong>de</strong>l sistema y NO el <strong>de</strong> generar<br />
gráficos específicamente.
5/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Con <strong>la</strong> finalidad <strong>de</strong> llevar a cabo <strong>la</strong> especificación <strong>de</strong> <strong>la</strong> arquitectura se sugiere <strong>la</strong>s<br />
siguientes directrices:<br />
� La arquitectura en forma <strong>de</strong> mapa <strong>de</strong>be reflejar <strong>la</strong> organización <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta<br />
� La arquitectura jerárquica basada en p<strong>la</strong>nta, área, subárea, equipo es <strong>la</strong> más<br />
recomendable<br />
� Es mejor <strong>de</strong>finir arquitecturas anchas que profundas para que el operador pueda<br />
acce<strong>de</strong>r más rápidamente <strong>la</strong> información requerida<br />
� Se recomienda también que el número <strong>de</strong> capas <strong>de</strong> <strong>la</strong> jerarquía no exceda <strong>de</strong><br />
cuatro niveles<br />
Resumiendo, en este punto <strong>de</strong> <strong>la</strong> metodología se <strong>de</strong>ben obtener dos productos: primero,<br />
el mapa gráfico <strong>de</strong> <strong>la</strong> arquitectura que muestra <strong>la</strong>s pantal<strong>la</strong>s que componen el sistema y<br />
sus re<strong>la</strong>ciones lógicas y segundo, el listado <strong>de</strong> <strong>la</strong>s mismas pantal<strong>la</strong>s con <strong>la</strong>s funciones<br />
que <strong>de</strong>sarrol<strong>la</strong>rán cada una <strong>de</strong> el<strong>la</strong>s.<br />
Distribución <strong>de</strong> <strong>la</strong>s Pantal<strong>la</strong>s.<br />
En el segundo paso <strong>de</strong> <strong>la</strong> metodología se <strong>de</strong>ben <strong>de</strong>sarrol<strong>la</strong>r <strong>la</strong>s p<strong>la</strong>ntil<strong>la</strong>s que regirán el<br />
<strong>de</strong>sarrollo <strong>de</strong> <strong>la</strong> interfaz. Como primera actividad se <strong>de</strong>berá <strong>de</strong>finir formalmente <strong>la</strong><br />
tipología <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s, esto es, se <strong>de</strong>berá establecer cuantas c<strong>la</strong>ses <strong>de</strong> pantal<strong>la</strong>s serán<br />
<strong>de</strong>sarrol<strong>la</strong>das (mientras menor el número es mejor), para posteriormente generar una<br />
p<strong>la</strong>ntil<strong>la</strong> general para cada una <strong>de</strong> el<strong>la</strong>s. En estas p<strong>la</strong>ntil<strong>la</strong>s se <strong>de</strong>berán establecer los<br />
siguientes conceptos:<br />
� Ubicación <strong>de</strong>l título <strong>de</strong> <strong>la</strong> pantal<strong>la</strong>, hora, fecha y logotipo <strong>de</strong> <strong>la</strong> empresa.<br />
� Si será utilizado, ubicación <strong>de</strong>l menú <strong>de</strong>l sistema<br />
� Ubicación <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas <strong>de</strong>l proceso<br />
� Ubicación <strong>de</strong>l mímico <strong>de</strong>l área o subárea<br />
� Ubicación <strong>de</strong> funciones genéricas, tales como confirmación <strong>de</strong> a<strong>la</strong>rmas<br />
� En caso <strong>de</strong> existir elementos como ten<strong>de</strong>ncias, tab<strong>la</strong>s, <strong>de</strong>finir su ubicación<br />
Con <strong>la</strong> finalidad <strong>de</strong> llevar a cabo <strong>la</strong> especificación <strong>de</strong> <strong>la</strong> distribución <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s se<br />
sugiere <strong>la</strong>s siguientes directrices:<br />
� Consi<strong>de</strong>rar que según el Diagrama <strong>de</strong> Gutenberg, el Movimiento <strong>de</strong>l ojo va <strong>de</strong><br />
arriba a abajo y <strong>de</strong> izquierda a <strong>de</strong>recha<br />
� Consi<strong>de</strong>rar entonces que <strong>la</strong> información mas importante <strong>de</strong>be ir arriba<br />
� El centro <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> es también un lugar <strong>de</strong> alta visibilidad<br />
� La información miscelánea <strong>de</strong>be ir abajo a <strong>la</strong> izquierda<br />
� Sobretodo <strong>la</strong>s funciones e información criticas <strong>de</strong>ben tener un lugar fijo en <strong>la</strong><br />
pantal<strong>la</strong><br />
� La mejor posición para los gráficos es a <strong>la</strong> izquierda <strong>de</strong>l campo visual<br />
� Se <strong>de</strong>be establecer una estructura <strong>de</strong> rejil<strong>la</strong> (grid) regu<strong>la</strong>r<br />
� Al <strong>de</strong>sarrol<strong>la</strong>r los prototipos <strong>de</strong> los sinópticos <strong>de</strong> proceso se <strong>de</strong>be contro<strong>la</strong>r <strong>la</strong><br />
<strong>de</strong>nsidad <strong>de</strong> los gráficos, <strong>la</strong> cual no <strong>de</strong>be sobrepasar <strong>de</strong>l 50%, para que no se<br />
vean muy aglutinados
6/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
� En este mismo sentido, <strong>la</strong> simetría <strong>de</strong>l gráfico <strong>de</strong>be ser también consi<strong>de</strong>rada, <strong>de</strong><br />
manera que <strong>la</strong> carga <strong>de</strong> elementos en los sinópticos este ba<strong>la</strong>nceada en toda <strong>la</strong><br />
pantal<strong>la</strong><br />
� Para el mismo nivel <strong>de</strong> información efectiva, se <strong>de</strong>be dar preferencia a <strong>la</strong>s<br />
distribuciones simples sobre <strong>la</strong>s complejas<br />
Los productos que se <strong>de</strong>ben obtener en esta etapa son: <strong>la</strong> tipología o c<strong>la</strong>sificación <strong>de</strong> <strong>la</strong>s<br />
pantal<strong>la</strong>s y <strong>la</strong>s p<strong>la</strong>ntil<strong>la</strong>s para cada una <strong>de</strong> estas c<strong>la</strong>ses. Un ejemplo simple <strong>de</strong> una<br />
p<strong>la</strong>ntil<strong>la</strong> <strong>de</strong> sinópicos se muestra en <strong>la</strong> siguiente figura:<br />
Fig.3.16 Ejemplo <strong>de</strong> una p<strong>la</strong>ntil<strong>la</strong> para un sinóptico <strong>de</strong> proceso<br />
Navegación.<br />
Con ayuda <strong>de</strong> <strong>la</strong> arquitectura <strong>de</strong>finida anteriormente se <strong>de</strong>be ahora <strong>de</strong>terminar como<br />
navegará el operador <strong>de</strong>ntro <strong>de</strong>l sistema. El objetivo es que el esquema <strong>de</strong> navegación<br />
sea intuitivo y fácil <strong>de</strong> usar, para este fin se pue<strong>de</strong> utilizar alguno <strong>de</strong> los siguientes<br />
métodos sugeridos (o bien alguna combinación <strong>de</strong> ellos):<br />
� Menús y submenús<br />
� Barra <strong>de</strong> Botones<br />
� Barras <strong>de</strong> Iconos gráficos<br />
� Link con hipertexto<br />
� Link con gráficos <strong>de</strong> proceso<br />
� Tec<strong>la</strong>s <strong>de</strong> Función<br />
� Cajas Combo o Listas Desplegables (‘Combo boxes’)<br />
Actualmente se prefiere <strong>la</strong> navegación utilizando dispositivos <strong>de</strong> apuntar y pulsar (point<br />
and click) sobre <strong>la</strong> navegación soportada con el tec<strong>la</strong>do, por lo que este argumento
7/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
<strong>de</strong>scartaría <strong>la</strong> sexta opción <strong>de</strong> <strong>la</strong>s anteriormente listadas, aunque bien pue<strong>de</strong> usarse como<br />
complemento <strong>de</strong> <strong>la</strong>s otras opciones. La diferencia entre barras <strong>de</strong> botones y <strong>de</strong> iconos es<br />
que estos últimos utilizan representaciones gráficas en lugar <strong>de</strong> texto para establecer su<br />
funcionalidad al usuario. Si se van a usar íconos es recomendable que estos sean<br />
simples, fáciles <strong>de</strong> reconocer y que no sobrecarguen el tamaño en bytes <strong>de</strong>l gráfico para<br />
que no se pague una penalidad en tiempo <strong>de</strong> respuesta. Respecto a los menús, ligas con<br />
hipertexto y cajas combo, se <strong>de</strong>be tomar en cuenta que a diferencia <strong>de</strong> aplicaciones <strong>de</strong><br />
escritorio, el operador <strong>de</strong>be po<strong>de</strong>r hacer clic con el apuntador fácilmente, esto es, que el<br />
área <strong>de</strong> contacto sea lo suficientemente gran<strong>de</strong> para que el usuario no tenga dificulta<strong>de</strong>s<br />
al utilizar estos medios <strong>de</strong> navegación. Dado lo anterior, los menús y los combos se<br />
recomiendan para proporcionar al operador acceso a funciones usadas con poca<br />
frecuencia. Finalmente respecto a <strong>la</strong>s ligas <strong>de</strong>ntro <strong>de</strong>l cuerpo <strong>de</strong>l gráfico <strong>de</strong> proceso,<br />
estos tienen <strong>la</strong> <strong>de</strong>sventaja <strong>de</strong> ser poco intuitivos y sujetos al contexto <strong>de</strong> cada pantal<strong>la</strong>,<br />
por lo que no son recomendables.<br />
Las siguientes directrices se <strong>de</strong>ben tomar en cuenta cuando se establece <strong>la</strong> forma <strong>de</strong><br />
navegación:<br />
� Cuando <strong>la</strong> sa<strong>la</strong> <strong>de</strong> control cuenta con pocos dispositivos <strong>de</strong> visualización se<br />
<strong>de</strong>ben proporcionar más medios para navegar horizontalmente <strong>de</strong> manera que el<br />
operador pueda cambiar <strong>de</strong> área frecuentemente con mayor facilidad.<br />
� La navegación no <strong>de</strong>be ser un obstáculo a <strong>la</strong>s acciones <strong>de</strong>l operador en<br />
situaciones <strong>de</strong> emergencia.<br />
� El área <strong>de</strong> contacto para pulsar <strong>de</strong>be ser lo suficientemente gran<strong>de</strong> para que se<br />
fácil <strong>de</strong> usar. Si se usa una pantal<strong>la</strong> táctil se <strong>de</strong>ben hacer <strong>la</strong>s consi<strong>de</strong>raciones<br />
antropométricas <strong>de</strong> los <strong>de</strong>dos índices <strong>de</strong> los operadores.<br />
� Es recomendable proporcionar al operador <strong>la</strong> posibilidad <strong>de</strong> <strong>de</strong>sp<strong>la</strong>zarse a <strong>la</strong><br />
pantal<strong>la</strong> anterior o <strong>la</strong> siguiente <strong>de</strong>ntro <strong>de</strong>l mapa <strong>de</strong> navegación así como <strong>la</strong> <strong>de</strong><br />
regresar al inicio <strong>de</strong>l sistema y <strong>la</strong> <strong>de</strong> cierre <strong>de</strong> pantal<strong>la</strong> en los casos en que sea<br />
aplicable<br />
� Si se utilizan íconos, se recomienda proporcionar una ayuda textual ulterior al<br />
usuario (pue<strong>de</strong> ser fuera <strong>de</strong> línea, o bien en línea, con una ayuda visible<br />
so<strong>la</strong>mente cuando se pasa el cursor por el área <strong>de</strong> contacto para no sobrecargar el<br />
sinóptico permanentemente). Este aspecto pue<strong>de</strong> mejorarse notablemente si se<br />
especifica un estándar <strong>de</strong> íconos <strong>de</strong>l sistema.<br />
� Se recomienda utilizar zonas pre<strong>de</strong>finidas <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> para ubicar los menús,<br />
barras <strong>de</strong> botones, <strong>de</strong> íconos, botones <strong>de</strong> atrás, a<strong>de</strong><strong>la</strong>nte, inicio, cierre, etc.<br />
� Dado que <strong>la</strong> navegación no es una actividad <strong>de</strong> <strong>la</strong> sensación ni <strong>de</strong> <strong>la</strong> percepción<br />
<strong>de</strong>l operador, se recomienda el fondo <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> como una zona factible para<br />
esta actividad.<br />
� De usarse menús estos <strong>de</strong>ben ser agrupados en base a <strong>la</strong> similitud funcional <strong>de</strong><br />
sus elementos<br />
� Los menús <strong>de</strong>ben presentarse en una so<strong>la</strong> columna vertical, evitando en lo<br />
posible anidar submenús<br />
� El or<strong>de</strong>n en que se muestran <strong>la</strong>s opciones <strong>de</strong> los menús <strong>de</strong>be basarse en<br />
conceptos como <strong>la</strong> importancia <strong>de</strong> <strong>la</strong> función o <strong>la</strong> frecuencia <strong>de</strong> su uso<br />
� El texto que <strong>de</strong>scribe <strong>la</strong>s funciones <strong>de</strong>be ser corto y conciso<br />
� Si favorece <strong>la</strong> c<strong>la</strong>ridad se pue<strong>de</strong>n usar separadores entre diferentes grupos <strong>de</strong><br />
opciones <strong>de</strong>l menú
8/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
� Se recomienda también proporcionar al operador el mapa general <strong>de</strong> navegación<br />
El producto que se <strong>de</strong>be obtener <strong>de</strong> este paso <strong>de</strong> <strong>la</strong> metodología es <strong>la</strong> <strong>de</strong>finición formal<br />
<strong>de</strong> él o <strong>la</strong>s formas <strong>de</strong> navegación (barra <strong>de</strong> botones, <strong>de</strong> íconos, menús, etc.), los botones<br />
especiales que se utilizarán (atrás, a<strong>de</strong><strong>la</strong>nte, inicio, a<strong>la</strong>rmas, etc.), <strong>la</strong>s zonas <strong>de</strong> <strong>la</strong><br />
pantal<strong>la</strong> en <strong>la</strong>s que serán ubicadas estas funciones, el tamaño <strong>de</strong> <strong>la</strong>s barras, los botones,<br />
los menús, combos, etc, así como <strong>la</strong> <strong>de</strong>finición general <strong>de</strong> los íconos en caso <strong>de</strong> que esta<br />
opción sea utilizada.<br />
Uso <strong>de</strong>l Color.<br />
El color es uno <strong>de</strong> los elementos más importantes <strong>de</strong>ntro <strong>de</strong>l contexto <strong>de</strong> <strong>la</strong>s interfaces<br />
persona-máquina, su uso a<strong>de</strong>cuado (conservador, convencional y consistente) es<br />
<strong>de</strong>terminante para <strong>la</strong> generación <strong>de</strong> una excelente interfaz.<br />
En esta fase se <strong>de</strong>ben <strong>de</strong>finir los siguientes estándares referidos al color:<br />
� Color para representar el estatus <strong>de</strong> los equipos <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta (marcha, paro, fal<strong>la</strong>,<br />
manual, etc.)<br />
� Color <strong>de</strong> los principales materiales y fluidos <strong>de</strong>l proceso (agua, aire, gases,<br />
materias primas, productos terminados, etc.)<br />
� Color <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas (críticas, advertencias, mensajes, etc.)<br />
� Color <strong>de</strong>l texto en general (Títulos, etiquetas, etc.)<br />
� Colores <strong>de</strong>l fondo <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> (general, <strong>de</strong> <strong>de</strong>talle, etc.)<br />
� Color <strong>de</strong> valores <strong>de</strong> proceso (Temperaturas, presiones, niveles, etc.)<br />
Al <strong>de</strong>finir cada uno <strong>de</strong> estos estándares es muy importante que sean congruentes entre<br />
ellos y que no supongan contradicciones, por ejemplo sería poco apropiado <strong>de</strong>finir que<br />
el color rojo será asociado a <strong>la</strong>s a<strong>la</strong>rmas críticas y a su vez establecer que este color será<br />
utilizado para los títulos <strong>de</strong> <strong>la</strong> pantal<strong>la</strong>. Otro factor que se <strong>de</strong>be tomar en cuenta es tanto<br />
el perfil <strong>de</strong> los operadores, así como <strong>la</strong> observación y cumplimiento <strong>de</strong> los estándares<br />
locales, nacionales e internacionales.<br />
Algunas directrices que se <strong>de</strong>ben tomar en cuenta para <strong>la</strong> especificación <strong>de</strong>l color son<br />
<strong>la</strong>s siguientes:<br />
� Limitar el número <strong>de</strong> colores a cuatro para principiantes y no utilizar más <strong>de</strong><br />
siete colores para los expertos en una pantal<strong>la</strong> y asegurase que estos sean<br />
perfectamente diferenciables entre ellos.<br />
� Cuando se combinen colores se <strong>de</strong>be maximizar el contraste entre ellos<br />
� No utilizar combinaciones con contrastes incompatibles como Rojo-Azul, Rojo-<br />
Ver<strong>de</strong>, Azul-Amarillo, Amarillo-B<strong>la</strong>nco, Ver<strong>de</strong>-Azul.<br />
� Debido a problemas fisiológicos que pudieran tener los operadores respecto a <strong>la</strong><br />
distinción <strong>de</strong> colores, reforzar estos con otros elementos: texto, tamaño, forma o<br />
posición, cuando sea necesario (evitar entonces <strong>la</strong>s combinaciones <strong>de</strong> texto y<br />
color <strong>de</strong>l tipo texto rojo sobre fondo ver<strong>de</strong>, texto azul sobre fondo amarillo)<br />
� Usar el color b<strong>la</strong>nco para <strong>la</strong> información periférica<br />
� El color <strong>de</strong>be usarse para indicar calidad y no cantidad<br />
� Para que el color sea visible, se <strong>de</strong>be usar en objetos <strong>de</strong> buen tamaño
9/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
� Evitar el uso <strong>de</strong> intermitencia (blink) <strong>de</strong> colores salvo en casos especiales y<br />
ais<strong>la</strong>dos<br />
� Cuando se llegue a usar <strong>la</strong> intermitencia, se <strong>de</strong>be proporcionar un medio al<br />
operador para <strong>de</strong>tener<strong>la</strong> una vez que ha reconocido el evento<br />
Particu<strong>la</strong>rmente respecto a <strong>la</strong> selección <strong>de</strong> los colores <strong>de</strong>l fondo <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> se<br />
recomiendan <strong>la</strong>s siguientes directrices:<br />
� Usar colores neutros para el fondo <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> (gris, beige, arena, azul)<br />
� No usar b<strong>la</strong>nco y negro dado que dan mucho resp<strong>la</strong>ndor<br />
� Los colores <strong>de</strong> fondo <strong>de</strong>ben ser contrastantes con los <strong>de</strong>más elementos<br />
� El uso <strong>de</strong> diferentes colores <strong>de</strong> fondo pue<strong>de</strong> ser utilizado para diferenciar o<br />
agrupar procesos o áreas <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta<br />
� Evitar el uso <strong>de</strong> colores primarios o fuertes en zonas gran<strong>de</strong>s <strong>de</strong> <strong>la</strong> pantal<strong>la</strong><br />
El producto que se <strong>de</strong>be obtener <strong>de</strong> esta fase <strong>de</strong> <strong>la</strong> metodología es <strong>la</strong> especificación <strong>de</strong>l<br />
estándar <strong>de</strong> colores <strong>de</strong> los elementos previamente mencionados (estatus <strong>de</strong> equipos,<br />
fondo <strong>de</strong> pantal<strong>la</strong>, materiales y fluidos, a<strong>la</strong>rmas, texto y valores numéricos). Es útil para<br />
los fines <strong>de</strong> documentar y distribuir <strong>la</strong> especificación <strong>de</strong>l uso <strong>de</strong>l color generar una tab<strong>la</strong><br />
con <strong>la</strong> información re<strong>la</strong>tiva a este punto, tal como se muestra en el ejemplo <strong>de</strong> <strong>la</strong> figura<br />
3.17:<br />
Fig.3.17 Ejemplo <strong>de</strong> paleta <strong>de</strong> colores <strong>de</strong>l sistema SCADA comercial Intouch <strong>de</strong> Won<strong>de</strong>rware
10/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Fondos <strong>de</strong> Pantal<strong>la</strong>s<br />
Item ColorDescripción Matiz/Sat/Lum Rojo/Ver<strong>de</strong>/Azul<br />
Sinópticos <strong>de</strong> Área y Subárea Arena 208/204/191 31/37/188<br />
Detalle Máquinas Ver<strong>de</strong> Oscuro 120/80/90 64/128/128<br />
Menus y Analógicas Gris P<strong>la</strong>ta 160/0/224 238/238/238<br />
Tab<strong>la</strong>s en Sinópticos Gris P<strong>la</strong>ta 160/0/224 238/238/238<br />
Estatus <strong>de</strong> Equipos <strong>de</strong> Proceso<br />
Item ColorDescripción Matiz/Sat/Lum Rojo/Ver<strong>de</strong>/Azul<br />
Equipo Parado B<strong>la</strong>nco 160/0/240 255/255/255<br />
Equipo Trabajando Ver<strong>de</strong> 80/240/53 0/113/0<br />
A<strong>la</strong>rmas<br />
Item ColorDescripción Matiz/Sat/Lum Rojo/Ver<strong>de</strong>/Azul<br />
A<strong>la</strong>rma Crítica Rojo 0/240/120 255/0/0<br />
A<strong>la</strong>rma <strong>de</strong> Advertencia Amarillo 40/240/120 255/255/0<br />
Mensaje General Azul C<strong>la</strong>ro 120/240/120 0/255/255<br />
Materiales <strong>de</strong> Proceso<br />
Item ColorDescripción Matiz/Sat/Lum Rojo/Ver<strong>de</strong>/Azul<br />
Gas con Material Amarillo C<strong>la</strong>ro 40/240/180 255/255/128<br />
Aceite Café Oscuro 80/240/190 148/255/148<br />
Agua Ver<strong>de</strong> 80/240/53 0/113/0<br />
Aire Azul C<strong>la</strong>ro 120/240/120 0/255/255<br />
Señales Analógicas<br />
Item ColorDescripción Matiz/Sat/Lum Rojo/Ver<strong>de</strong>/Azul<br />
Temperatura Marrón 0/240/46 98/0/0<br />
Presión, Depresión Azul Rey 160/240/120 0/0/255<br />
Potencia Violeta 200/240/60 128/0/128<br />
Caudal Azul Marino 140/240/60 0/64/128<br />
Velocidad Ver<strong>de</strong> Oscuro 80/240/53 0/113/0<br />
Otras Negro 160/0/0 0/0/0/<br />
Items Varios<br />
Item ColorDescripción Matiz/Sat/Lum Rojo/Ver<strong>de</strong>/Azul<br />
Código Equipos Normal Negro 160/0/0 0/0/0/<br />
Botón Confirmar A<strong>la</strong>rmas Amarillo C<strong>la</strong>ro 40/240/180 255/255/128<br />
Títulos <strong>de</strong> Pantal<strong>la</strong>s Azul Marino 140/240/60 0/64/128<br />
Texto Fal<strong>la</strong>s Críticas Rojo 0/240/120 255/0/0<br />
Texto Advertencias Amarillo 40/240/120 255/255/0<br />
Texto General Azul Marino 140/240/60 0/64/128<br />
Fig.3.18 Ejemplo <strong>de</strong> <strong>la</strong> especificación <strong>de</strong>l uso <strong>de</strong>l color
11/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Información Textual.<br />
La información <strong>de</strong>l proceso es presentada al usuario por medio <strong>de</strong> varios elementos <strong>de</strong><br />
los cuales el más comúnmente usado es el texto. Es importante regu<strong>la</strong>r el uso <strong>de</strong> este<br />
elemento para informar eficazmente al operador respecto al estado <strong>de</strong>l proceso, por lo<br />
que se <strong>de</strong>be establecer un estándar que rija su utilización. Las características <strong>de</strong>l texto<br />
que se <strong>de</strong>ben <strong>de</strong>finir para este fin son <strong>la</strong>s siguientes: el uso <strong>de</strong> fuentes, el tamaño <strong>de</strong>l<br />
texto, <strong>la</strong> alineación, el espaciamiento, los acrónimos y <strong>la</strong>s abreviaturas.<br />
� Específicamente, <strong>la</strong>s directrices que se <strong>de</strong>ben consi<strong>de</strong>rar para <strong>la</strong> <strong>de</strong>finición <strong>de</strong> <strong>la</strong>s<br />
fuentes son <strong>la</strong>s siguientes:<br />
� No se <strong>de</strong>ben utilizar más <strong>de</strong> tres fuentes en <strong>la</strong> interfaz<br />
� No usar más <strong>de</strong> tres tamaños <strong>de</strong> <strong>la</strong> misma fuente<br />
� Preferentemente usar fuentes sans serif<br />
� El tamaño <strong>de</strong> <strong>la</strong> fuente <strong>de</strong>be ser tal que se pueda leer a distancia por el operador.<br />
Una fuente menor a 8 es difícil <strong>de</strong> leer<br />
� No usar letras mayúscu<strong>la</strong>s en todas <strong>la</strong>s letras <strong>de</strong>l texto, procurar combinar<strong>la</strong>s con<br />
<strong>la</strong>s minúscu<strong>la</strong>s<br />
� No utilizar énfasis en el texto (subrayado, itálico, sombreado) salvo en casos<br />
especiales<br />
� El color <strong>de</strong>l texto <strong>de</strong>be contrastar con el fondo <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> y <strong>de</strong>be respetar el<br />
código <strong>de</strong> colores previamente <strong>de</strong>finido<br />
� Cuando se usa color en el texto se <strong>de</strong>be usar en toda <strong>la</strong> pa<strong>la</strong>bra y no solo en<br />
ciertos caracteres<br />
� Alinear el texto en pantal<strong>la</strong>: etiquetas a <strong>la</strong> izquierda, números a <strong>la</strong> <strong>de</strong>recha<br />
� El punto <strong>de</strong>cimal siempre <strong>de</strong>be ir alineado<br />
� Utilizar el mínimo posible <strong>de</strong> alineamientos verticales<br />
� Espaciar el texto tanto horizontal como verticalmente y así evitar<br />
aglutinamientos<br />
� Sobretodo cuando se muestra información crítica, esta <strong>de</strong>be ser espaciada con<br />
suficiencia
12/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Fig.3.19 Ejemplo <strong>de</strong> paleta <strong>de</strong> fuentes <strong>de</strong>l sistema SCADA comercial Intouch <strong>de</strong> Won<strong>de</strong>rware<br />
Como se sugirió al inicio <strong>de</strong> este párrafo el producto que se <strong>de</strong>be obtener <strong>de</strong> este paso <strong>de</strong><br />
<strong>la</strong> metodología son los estándares <strong>de</strong> fuentes, tamaño <strong>de</strong>l texto, los acrónimos y <strong>la</strong>s<br />
abreviaturas, así como <strong>la</strong>s directrices que se aplicarán en cuanto a <strong>la</strong> alineación y el<br />
espaciamiento.<br />
Acrónimo Significado<br />
LSH Nivel Alto<br />
LSL Nivel Bajo<br />
PSH Presión Alta o Filtro Sucio<br />
PSL Presión Baja<br />
TSH Temperatura Alta<br />
TSL Temperatura Baja<br />
FSL Flujo Bajo<br />
ZSHH Posición Máxima<br />
HS Paro <strong>de</strong> Cuerda en Campo<br />
SS Sensor <strong>de</strong> Rotación<br />
ZS Desalineamiento<br />
Tab<strong>la</strong> 3.1 Ejemplos <strong>de</strong> Acrónimos basados en el estándar ISA<br />
En el control <strong>de</strong> procesos industriales es habitual el uso <strong>de</strong> sensores, válvu<strong>la</strong>s, bombas,<br />
motores, contro<strong>la</strong>dores. De ahí que sea necesario especificar el estado <strong>de</strong> cada uno <strong>de</strong><br />
estos elementos en <strong>la</strong> interfaz junto a una etiqueta <strong>de</strong> 16 caracteres máximo. Por<br />
ejemplo, se dispone <strong>de</strong> una bomba i<strong>de</strong>ntificada como Bomba 440-BO-105 <strong>la</strong> cual pue<strong>de</strong><br />
tener como etiquetas:<br />
� 440HISBO105RD (ready)<br />
� 440HISBO105RM (remoto)<br />
� 440HISBO105RS (estado en funcionamiento)<br />
En el caso <strong>de</strong> una válvu<strong>la</strong> con dos solenoi<strong>de</strong>s <strong>de</strong> abrir/cerrar i<strong>de</strong>ntificada como Válvu<strong>la</strong><br />
545-FV-7017 pue<strong>de</strong> tener como etiquetas:<br />
� 545HISFV7017RM (remoto)<br />
� 545HISFV7017OS (estado <strong>de</strong> límite abierto)<br />
� 545HISFV7017CS (estado <strong>de</strong> límite cerrado)<br />
� 545HISFV7017OC (control abrir)<br />
� 545HISFV7017CC (control cerrar)<br />
En el caso <strong>de</strong> <strong>de</strong> un <strong>la</strong>zo <strong>de</strong> control el contro<strong>la</strong>dor automático se i<strong>de</strong>ntifica como<br />
Contro<strong>la</strong>dor 440-FIC-7025 y pue<strong>de</strong> tener <strong>la</strong>s siguientes etiquetas<br />
440FIC7025 (contro<strong>la</strong>dor <strong>de</strong> flujo)<br />
440FIT7025 (sensor/transmisor <strong>de</strong> flujo)<br />
440FV7025 (válvu<strong>la</strong> <strong>de</strong> control)
13/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
<strong>de</strong> esta forma se asocia el sensor y <strong>la</strong> válvu<strong>la</strong> al <strong>la</strong>zo <strong>de</strong> control y contro<strong>la</strong>dor<br />
correspondiente.<br />
Estatus <strong>de</strong> los Equipos y Eventos <strong>de</strong> Proceso.<br />
En esta fase se <strong>de</strong>be <strong>de</strong>finir el estándar gráfico <strong>de</strong> símbolos e íconos que representen el<br />
estatus <strong>de</strong> los diversos equipos <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta tales como venti<strong>la</strong>dores, bombas, bandas,<br />
válvu<strong>la</strong>s, filtros, etc, así como los cambios <strong>de</strong> estado digitales (On/Off) <strong>de</strong> eventos que<br />
se requieren representar en <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> proceso. Para este fin es importante recurrir<br />
a los estándares locales, nacionales o internacionales <strong>de</strong> manera que <strong>la</strong> simbología sea<br />
homogénea y fácil <strong>de</strong> reconocer y diferenciar por el operador.<br />
Al <strong>de</strong>finir estos símbolos e íconos que representen a los equipos y eventos <strong>de</strong>l proceso<br />
se recomienda observar <strong>la</strong>s siguientes directrices:<br />
� Deben se simples, cerrados y <strong>de</strong> un tamaño suficientemente visible<br />
� Se <strong>de</strong>ben evitar <strong>de</strong>talles y realismo innecesarios<br />
� Utilizar figuras geométricas simples para <strong>de</strong>finir los símbolos e íconos<br />
� Preferentemente <strong>de</strong>ben ser enmarcados y <strong>de</strong>limitados con bor<strong>de</strong> oscuro<br />
� Los símbolos e íconos no <strong>de</strong>ben ser ambiguos<br />
� Si es el caso, se pue<strong>de</strong> reforzar <strong>la</strong> señalización <strong>de</strong>l estado <strong>de</strong>l equipo o evento<br />
con un texto que también lo indique.<br />
Cuando integramos los símbolos que i<strong>de</strong>ntifican al equipo con el estatus <strong>de</strong> colores<br />
asociado <strong>de</strong>finido previamente <strong>de</strong>bemos obtener los objetos que representan a los<br />
dispositivos <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta y que informan al operador su estado <strong>de</strong> manera general<br />
(trabajando, parado, en fal<strong>la</strong>, advertencia, etc.).<br />
En esta etapa <strong>de</strong> <strong>la</strong> metodología <strong>de</strong>bemos obtener el catálogo <strong>de</strong> símbolos e íconos que<br />
representan cada uno <strong>de</strong> los tipos genéricos <strong>de</strong> los dispositivos que se encuentran en <strong>la</strong><br />
p<strong>la</strong>nta y <strong>de</strong> los eventos discretos (On/Off) asociados al proceso. Es también en esta<br />
etapa que po<strong>de</strong>mos iniciar realizando los primeros prototipos <strong>de</strong> los sinópticos <strong>de</strong><br />
proceso, tomando en consi<strong>de</strong>ración lo que haya sido especificado hasta este momento.<br />
A continuación se muestra un ejemplo <strong>de</strong> una tab<strong>la</strong> <strong>de</strong> símbolos <strong>de</strong> algunos equipos <strong>de</strong><br />
proceso comunes y a<strong>de</strong>más en el anexo A se muestran ejemplos <strong>de</strong> simbología <strong>de</strong><br />
equipos <strong>de</strong>l estándar 5.5 <strong>de</strong> <strong>la</strong> ISA.
14/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Símbolo Descripción<br />
Banda Transportadora<br />
Venti<strong>la</strong>dor<br />
Bomba Hidráulica<br />
Válvu<strong>la</strong> On/Off<br />
Tolva<br />
Sop<strong>la</strong>dor<br />
Motor Eléctrico<br />
Válvu<strong>la</strong> <strong>de</strong> Control<br />
Fig.3.20 Ejemplo <strong>de</strong> <strong>la</strong> especificación <strong>de</strong> símbolos <strong>de</strong> los equipos <strong>de</strong> proceso<br />
Fig.3.21 Ejemplo <strong>de</strong> símbolos <strong>de</strong>l sistema SCADA comercial Intouch <strong>de</strong> Won<strong>de</strong>rware<br />
Información y Valores <strong>de</strong> Proceso.<br />
El <strong>de</strong>spliegue <strong>de</strong> los datos analógicos <strong>de</strong> proceso es una <strong>de</strong> <strong>la</strong>s maneras más importantes<br />
con <strong>la</strong>s que se informa al operador sobre el estado <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta, ya sean valores directos<br />
<strong>de</strong>l campo o bien procesados por el sistema. La representación en <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> estas<br />
variables se lleva a cabo principalmente en dos modalida<strong>de</strong>s: en los gráficos o mímicos<br />
<strong>de</strong> proceso, o bien en tab<strong>la</strong>s y gráficos <strong>de</strong> ten<strong>de</strong>ncias; estos últimos se analizarán en el
15/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
siguiente paso <strong>de</strong> <strong>la</strong> metodología. El propósito <strong>de</strong> mostrar estos datos al operador es el<br />
<strong>de</strong> informarlo eficazmente para que logre sus objetivos, lo que significa que <strong>de</strong>bemos<br />
visualizar el conjunto <strong>de</strong> dato mínimo que le muestre el estado actual <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta y<br />
a<strong>de</strong>más estos datos <strong>de</strong>ben ser <strong>de</strong>splegados <strong>de</strong> tal forma que realmente tengan significado<br />
con respecto al proceso. Pue<strong>de</strong> haber datos que informan por si solos, pero hay otros<br />
que únicamente tienen significado cuando se comparan o acompañan con otros.<br />
También existen otros que solo vale <strong>la</strong> pena conocerlos en un contexto o estatus <strong>de</strong> <strong>la</strong><br />
p<strong>la</strong>nta <strong>de</strong>terminado, como pue<strong>de</strong> ser al arranque <strong>de</strong> los equipos o cuando rebasan un<br />
cierto límite <strong>de</strong> a<strong>la</strong>rma. Finalmente y como se analizará en <strong>la</strong> siguiente etapa <strong>de</strong> esta<br />
metodología, hay variables que se <strong>de</strong>ben observar en cuanto a su ten<strong>de</strong>ncia en el tiempo<br />
junto con otras variables.<br />
El principal problema en el que po<strong>de</strong>mos caer cuando insertamos valores en los<br />
mímicos <strong>de</strong> proceso es el <strong>de</strong> sobrecargar al operador con una gran cantidad <strong>de</strong> datos y<br />
pero aún <strong>de</strong>sperdigarlos sin sentido. Es por este motivo que primero <strong>de</strong>bemos c<strong>la</strong>sificar<br />
los valores, para <strong>de</strong>spués <strong>de</strong>cidir como los <strong>de</strong>bemos mostrar al usuario. La c<strong>la</strong>sificación<br />
que se propone es <strong>la</strong> siguiente:<br />
� Datos <strong>de</strong> conducción <strong>de</strong> una área <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta<br />
� Datos re<strong>la</strong>tivos a <strong>la</strong> seguridad <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta<br />
� Datos re<strong>la</strong>tivos a <strong>la</strong>s a<strong>la</strong>rmas <strong>de</strong> proceso que causan paros <strong>de</strong> producción<br />
� Datos re<strong>la</strong>tivos a <strong>la</strong>s a<strong>la</strong>rmas <strong>de</strong> proceso que NO causan paros <strong>de</strong> producción<br />
� Datos re<strong>la</strong>tivos a a<strong>la</strong>rmas <strong>de</strong> dispositivos<br />
� Datos estadísticos <strong>de</strong>l área<br />
� Datos estadísticos <strong>de</strong> los equipos individuales<br />
En algunos casos, por ejemplo, para los valores re<strong>la</strong>tivos a a<strong>la</strong>rmas <strong>de</strong> los dispositivos y<br />
en caso <strong>de</strong> que exista una situación anóma<strong>la</strong>, se pue<strong>de</strong> cambiar el estatus <strong>de</strong> ese equipo a<br />
advertencia y entonces el operador <strong>de</strong>berá proce<strong>de</strong>r a investigar más a fondo <strong>la</strong><br />
condición anormal accediendo a <strong>la</strong> ventana <strong>de</strong> <strong>de</strong>talle respectiva.<br />
El segundo paso <strong>de</strong>ntro <strong>de</strong> esta fase es <strong>la</strong> <strong>de</strong> agrupar los valores cuya re<strong>la</strong>ción implique<br />
que se <strong>de</strong>ban mostrar juntos, por ejemplo,<br />
� Grupo 1. Temperaturas <strong>de</strong> <strong>de</strong>vanados y cojinetes <strong>de</strong>l motor ‘x’<br />
� Grupo 2. Vibraciones <strong>de</strong>l venti<strong>la</strong>dor ‘y’<br />
� Grupo 3. Producción, <strong>de</strong>scartes y eficiencia <strong>de</strong>l área ‘z’<br />
Es importante notar que los grupos <strong>de</strong> datos <strong>de</strong>ben contener valores cuya c<strong>la</strong>sificación<br />
sea <strong>de</strong>l mismo nivel, esto es, datos <strong>de</strong> conducción, datos <strong>de</strong> seguridad, etc, <strong>de</strong> manera<br />
que puedan ser <strong>de</strong>splegados en un mismo sinóptico, sea general o <strong>de</strong> <strong>de</strong>talle, si esto no<br />
es así, se <strong>de</strong>be revisar <strong>la</strong> c<strong>la</strong>sificación realizada previamente.<br />
Una vez que sabemos que variables <strong>de</strong>ben ser mostradas en que gráficos y a<strong>de</strong>más<br />
cuales <strong>de</strong>ben ser <strong>de</strong>splegadas agrupadas con otras, <strong>de</strong>bemos proce<strong>de</strong>r a ubicar<strong>la</strong>s <strong>de</strong>ntro<br />
<strong>de</strong> los sinópticos <strong>de</strong> proceso. En términos generales <strong>de</strong>bemos seguir <strong>la</strong>s siguientes<br />
directrices que son compatibles con <strong>la</strong>s re<strong>la</strong>tivas a <strong>la</strong> distribución <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s:
16/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Los datos re<strong>la</strong>tivos a <strong>la</strong> seguridad <strong>de</strong> <strong>la</strong> insta<strong>la</strong>ción <strong>de</strong>be ubicarse en zonas <strong>de</strong> mayor<br />
visibilidad, esto es, en <strong>la</strong> parte superior o central <strong>de</strong> <strong>la</strong> pantal<strong>la</strong><br />
Los datos re<strong>la</strong>tivos a <strong>la</strong> conducción <strong>de</strong>l proceso o a <strong>la</strong>s a<strong>la</strong>rmas que causan paro <strong>de</strong> <strong>la</strong><br />
producción se <strong>de</strong>ben situar en una zona cercana a sus equipos respectivos o en zonas<br />
que sugieren su insta<strong>la</strong>ción física en <strong>la</strong> p<strong>la</strong>nta, pero NO en el área inferior izquierda <strong>de</strong><br />
<strong>la</strong> pantal<strong>la</strong><br />
Los datos estadísticos <strong>de</strong> producción se pue<strong>de</strong>n ubicar en zonas <strong>de</strong> menos visibilidad,<br />
como pue<strong>de</strong> tratarse <strong>de</strong>l área inferior <strong>de</strong> <strong>la</strong> pantal<strong>la</strong><br />
Los <strong>de</strong>más datos se <strong>de</strong>ben ubicar en <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> <strong>de</strong>talle y como se sugirió<br />
previamente pue<strong>de</strong>n provocar un cambio <strong>de</strong> estado en los equipos en <strong>la</strong> pantal<strong>la</strong><br />
principal, o bien, pue<strong>de</strong>n causar <strong>la</strong> aparición <strong>de</strong> una ban<strong>de</strong>ra o texto, en caso que el<br />
operador <strong>de</strong>ba investigar más a fondo una situación anóma<strong>la</strong> re<strong>la</strong>tiva. Sin embargo, este<br />
tipo <strong>de</strong> datos no se <strong>de</strong>be mostrar permanentemente al usuario.<br />
A continuación se sugieren otras directrices también re<strong>la</strong>tivas al <strong>de</strong>spliegue <strong>de</strong> los<br />
valores <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta:<br />
� Respetar y aplicar los estándares previamente <strong>de</strong>finidos respecto al color y <strong>la</strong><br />
información textual<br />
� Evitar el uso <strong>de</strong> <strong>de</strong>cimales poco significativos<br />
� Si es apropiado y da mejor comprensión al operador, usar barras dinámicas<br />
horizontales o verticales para mostrar los valores analógicos, a<strong>de</strong>más <strong>de</strong>l valor<br />
numérico re<strong>la</strong>tivo<br />
� En caso <strong>de</strong> utilizar estas barras dinámicas a<strong>de</strong>más <strong>de</strong> etiquetar<strong>la</strong>s c<strong>la</strong>ramente,<br />
hay que asegurarse <strong>de</strong> mostrar su esca<strong>la</strong><br />
� Si se muestran varias barras dinámicas con motivos <strong>de</strong> comparaciones es<br />
importante normalizar <strong>la</strong>s esca<strong>la</strong>s y utilizar diferentes colores para los diversos<br />
valores<br />
� Es importante que el operador pueda <strong>de</strong>terminar en todo momento <strong>la</strong>s unida<strong>de</strong>s<br />
<strong>de</strong> ingeniería <strong>de</strong> los datos numéricos pero no necesariamente se <strong>de</strong>ben mostrar<br />
siempre<br />
� Para resaltar valores se pue<strong>de</strong> aplicar un cambio <strong>de</strong> color <strong>de</strong> su fondo o bien<br />
enmarcarlo con un bor<strong>de</strong> negro<br />
� Otros efectos como el cambio dinámico <strong>de</strong> tamaño y posición se <strong>de</strong>ben usar en<br />
casos muy específicos y esporádicos para evitar sobrecargar al usuario con<br />
información<br />
Otras directrices para <strong>la</strong> creación y visualización <strong>de</strong> grupos <strong>de</strong> valores son <strong>la</strong>s<br />
siguientes:<br />
� Los grupos <strong>de</strong> datos se <strong>de</strong>ben establecer cuando se requiere mostrar<br />
comparaciones, causalida<strong>de</strong>s o integración <strong>de</strong> los datos<br />
� Es recomendable separar y/o enmarcar los grupos <strong>de</strong> datos para visualizarlos<br />
� Cuando existen varias tab<strong>la</strong>s con datos cualitativamente simi<strong>la</strong>res, pero<br />
aplicadas a diferentes áreas o equipos, se <strong>de</strong>be mantener el mismo or<strong>de</strong>n <strong>de</strong>ntro<br />
<strong>de</strong> el<strong>la</strong>s.
17/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
� Preferentemente agrupar valores en conjuntos <strong>de</strong> menos <strong>de</strong> 9 datos<br />
� El concepto <strong>de</strong> cada grupo <strong>de</strong> datos <strong>de</strong>be ser c<strong>la</strong>ro para el operador, si es<br />
necesario se <strong>de</strong>be etiquetar<br />
� Dentro <strong>de</strong>l grupo se <strong>de</strong>be or<strong>de</strong>nar los datos por alguno <strong>de</strong> los siguientes criterios:<br />
Importancia, frecuencia <strong>de</strong> uso, secuencia, función, tipo o bien alfabéticamente<br />
De esta fase <strong>de</strong> <strong>la</strong> metodología <strong>de</strong>bemos obtener <strong>la</strong> lista c<strong>la</strong>sificada <strong>de</strong> valores<br />
analógicos <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta y los grupos <strong>de</strong> datos re<strong>la</strong>cionados. También en este punto<br />
<strong>de</strong>bemos empezar a afinar los prototipos iniciados en <strong>la</strong> fase anterior agregando los<br />
datos analógicos a <strong>la</strong>s pantal<strong>la</strong>s.<br />
Fig.3.22 Ejemplo <strong>de</strong> distribución <strong>de</strong> mímicos, históricos y grupos <strong>de</strong> datos re<strong>la</strong>cionados. En algunos casos<br />
el mímico y el gráfico <strong>de</strong> históricos se distribuyen a <strong>la</strong> izquierda y <strong>de</strong>recha <strong>de</strong>ntro <strong>de</strong>l Sinóptico. En el<br />
ejemplo, tan solo se muestra el mímico, y para acce<strong>de</strong>r al gráfico histórico hay que utilizar los botones <strong>de</strong>l<br />
Submenú. En muchas ocasiones el valor analógico se dispone al <strong>la</strong>do <strong>de</strong>l símbolo gráfico, aunque hay que<br />
reconocer que <strong>la</strong> agrupación <strong>de</strong> datos asociados al mo<strong>de</strong>lo físico-matemático <strong>de</strong>l componente o equipo,<br />
pue<strong>de</strong> facilitar <strong>la</strong> toma <strong>de</strong> <strong>de</strong>cisión <strong>de</strong>l operario<br />
Gráficos <strong>de</strong> Ten<strong>de</strong>ncias y Tab<strong>la</strong>s.<br />
Los gráficos <strong>de</strong> ten<strong>de</strong>ncias y <strong>la</strong>s tab<strong>la</strong>s son los principales medios <strong>de</strong> agrupamiento <strong>de</strong><br />
<strong>la</strong>s variables para crear esquemas informativos para el usuario. Para crear los grupos <strong>de</strong><br />
valores que compondrán los diversos gráficos <strong>de</strong> ten<strong>de</strong>ncias es recomendable partir <strong>de</strong><br />
los <strong>de</strong>finidos en <strong>la</strong> etapa anterior y <strong>de</strong> ahí <strong>de</strong>purarlos, ya sea uniendo varios grupos, o<br />
bien creando nuevos. El establecimiento <strong>de</strong> los grupos <strong>de</strong> ten<strong>de</strong>ncias no elimina ni<br />
modifica los <strong>de</strong>finidos en <strong>la</strong> etapa siete, sino que crea un nuevo catalogo exclusivo para<br />
este tipo <strong>de</strong> gráficos.<br />
Como es común que los sistemas SCADA proporcionen un ambiente específico para <strong>la</strong>s<br />
ten<strong>de</strong>ncias, <strong>de</strong>bemos <strong>de</strong>cidir si estos grupos <strong>de</strong>ben pertenecer exclusivamente a este
18/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
ambiente, o bien si <strong>de</strong>bemos insertarlo también en los sinópticos <strong>de</strong> proceso. La ventaja<br />
<strong>de</strong> este último enfoque es el <strong>de</strong> proveer al operador un panorama más completo <strong>de</strong> <strong>la</strong><br />
situación <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta, mostrándole a<strong>de</strong>más <strong>de</strong> los equipos y valores puntuales, los datos<br />
que requieren una interpretación en el transcurso <strong>de</strong>l tiempo. Aún tomando esta opción<br />
se <strong>de</strong>be respetar lo dispuesto en el punto prece<strong>de</strong>nte respecto a <strong>la</strong> c<strong>la</strong>sificación <strong>de</strong> los<br />
datos y su <strong>de</strong>spliegue en <strong>la</strong>s pantal<strong>la</strong>s generales y <strong>de</strong> <strong>de</strong>talle para no abrumar al usuario<br />
con información inútil. Cuando tenemos varios grupos <strong>de</strong> ten<strong>de</strong>ncias es mejor<br />
mostrarlos en el ambiente <strong>de</strong>l sistema SCADA respectivo, permitiendo al operador<br />
seleccionar cuales <strong>de</strong> ellos <strong>de</strong>splegar para su análisis.<br />
Las siguientes directrices se pue<strong>de</strong>n aplicar cuando se especifican los gráficos <strong>de</strong><br />
ten<strong>de</strong>ncias:<br />
� No poner más <strong>de</strong> 9 variables en una so<strong>la</strong> grafica<br />
� Diferenciar los datos con diferentes colores y tipos <strong>de</strong> línea<br />
� Asegurarse que los rangos <strong>de</strong>l grafico sean a<strong>de</strong>cuados para <strong>la</strong> operación<br />
� Mostrar el mínimo y máximo para cada variable<br />
� Incrementar <strong>la</strong>s esca<strong>la</strong>s <strong>de</strong> abajo hacia arriba o <strong>de</strong> izquierda a <strong>de</strong>recha<br />
� Usar una rejil<strong>la</strong> tenue (grid) para ayudar al operador.<br />
� Las divisiones <strong>de</strong> <strong>la</strong> rejil<strong>la</strong> <strong>de</strong>ben ser comunes tales como 1, 2, 5 o 10 unida<strong>de</strong>s<br />
� Permitir al operador visualizar los valores numéricos <strong>de</strong> los datos en el tiempo<br />
� Etiquetar los ejes y puntos graficados<br />
� Permitir al operador cambiar el tamaño <strong>de</strong> <strong>la</strong> ventana en el tiempo y <strong>la</strong> fecha <strong>de</strong><br />
inicio<br />
� Permitir al operador quitar temporalmente algunas variables <strong>de</strong> <strong>la</strong> ten<strong>de</strong>ncia<br />
Las tab<strong>la</strong>s <strong>de</strong> datos son otros elementos que como ya se mencionó se utilizan para<br />
agrupar información re<strong>la</strong>cionada, en los sinópticos se usan principalmente para mostrar<br />
resúmenes <strong>de</strong> diversos tópicos referentes al proceso y su finalidad es <strong>la</strong> <strong>de</strong> mostrar un<br />
esquema informativo completo al usuario. Las directrices que se pue<strong>de</strong>n aplicar respecto<br />
a <strong>la</strong>s tab<strong>la</strong>s <strong>de</strong> datos son <strong>la</strong>s siguientes:<br />
� Es recomendable distinguir <strong>la</strong>s tab<strong>la</strong>s utilizando un color <strong>de</strong> fondo diverso al <strong>de</strong><br />
<strong>la</strong> pantal<strong>la</strong><br />
� Para separar <strong>la</strong>s celdas usar una rejil<strong>la</strong> (grid) tenue pero distinguible para el<br />
usuario<br />
� Titu<strong>la</strong>r c<strong>la</strong>ramente <strong>la</strong> tab<strong>la</strong><br />
� Or<strong>de</strong>nar <strong>la</strong>s fi<strong>la</strong>s y columnas <strong>de</strong> <strong>la</strong> tab<strong>la</strong> por alguno(s) <strong>de</strong>(l) (los) siguiente(s)<br />
criterio(s): Importancia, Frecuencia <strong>de</strong> uso, Función, Tipo, Tiempo o<br />
Alfabéticamente<br />
� La ubicación <strong>de</strong> <strong>la</strong> tab<strong>la</strong> <strong>de</strong>be seguir los criterios <strong>de</strong> posicionamiento según <strong>la</strong><br />
importancia <strong>de</strong> <strong>la</strong> información<br />
� Si <strong>la</strong> tab<strong>la</strong> <strong>de</strong>be contener una gran cantidad <strong>de</strong> renglones y columnas, es mejor<br />
<strong>de</strong>dicarle una pantal<strong>la</strong> <strong>de</strong> <strong>de</strong>talle en lugar <strong>de</strong> poner<strong>la</strong> junto a los sinópticos <strong>de</strong><br />
proceso<br />
En resumen, <strong>de</strong> esta fase <strong>de</strong> <strong>la</strong> metodología se <strong>de</strong>ben obtener los grupos <strong>de</strong> ten<strong>de</strong>ncias y<br />
<strong>la</strong> <strong>de</strong>finición <strong>de</strong> <strong>la</strong>s tab<strong>la</strong>s <strong>de</strong> datos que serán mostradas al operador. Con ellos se <strong>de</strong>ben
19/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
seguir afinando los prototipos <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> los sinópticos <strong>de</strong> proceso iniciadas en<br />
el paso 7 e iniciar <strong>la</strong> <strong>de</strong>finición <strong>de</strong> los prototipos <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> ten<strong>de</strong>ncias.<br />
Fig.3.23 Ejemplo <strong>de</strong> gráfico <strong>de</strong> históricos que recoge y agrupa <strong>la</strong> evolución temporal <strong>de</strong> <strong>la</strong>s variables<br />
asociadas a un reactor químico (temperatura, nivel, cantidad <strong>de</strong> producto acumu<strong>la</strong>do) junto a <strong>la</strong> referencia<br />
(setpoint)<br />
Comandos e Ingreso <strong>de</strong> Datos.<br />
En esta fase <strong>de</strong> <strong>la</strong> metodología <strong>de</strong> <strong>la</strong> interfaz, se establece <strong>la</strong> intervención <strong>de</strong>l operador al<br />
suministra datos al sistema <strong>de</strong> manera que este se comporte <strong>de</strong> acuerdo a sus objetivos.<br />
Normalmente, <strong>la</strong>s operaciones que efectúa el usuario son: ejecutar comandos,<br />
seleccionar opciones e ingresar datos <strong>de</strong> consigna y parámetros <strong>de</strong>l proceso, aparte <strong>de</strong>l<br />
reconocimiento <strong>de</strong> a<strong>la</strong>rmas que será analizado en el punto siguiente. Las características<br />
principales que <strong>de</strong>ben tener los comandos son su visibilidad y su facilidad <strong>de</strong> operación.<br />
Para cumplir con estos dos requisitos es imprescindible que su área <strong>de</strong> acción en<br />
pantal<strong>la</strong> sea <strong>de</strong> buen tamaño, perfectamente etiquetada y por ello reconocible fácilmente<br />
por el usuario. Cuando el área <strong>de</strong> acción (que es <strong>la</strong> zona don<strong>de</strong> el usuario <strong>de</strong>be pulsar) es<br />
pequeña se tiene el riesgo que el operador encuentre dificulta<strong>de</strong>s o inclusive termine<br />
pulsando áreas fuera <strong>de</strong>l comando en cuestión. Otra característica importante es <strong>la</strong> Nomodalidad<br />
<strong>de</strong> los comandos, lo cual significa que estos <strong>de</strong>ben tener el mismo<br />
significado sin importar el estado actual <strong>de</strong>l sistema. Por ejemplo, si el significado <strong>de</strong> un<br />
comando cambia <strong>de</strong>pendiendo si una secuencia <strong>de</strong> máquinas esta arrancando o parando,<br />
el usuario <strong>de</strong>berá estar conciente <strong>de</strong> este hecho para compren<strong>de</strong>r cual será el resultado<br />
<strong>de</strong> su acción. Finalmente, una característica c<strong>la</strong>ve <strong>de</strong> los comandos e ingreso <strong>de</strong> datos<br />
por parte <strong>de</strong>l operador es <strong>la</strong> retroalimentación, lo cual implica, que el usuario <strong>de</strong>be<br />
recibir una respuesta <strong>de</strong>l sistema (positiva o negativa) inmediatamente <strong>de</strong>spués que ha<br />
efectuado una acción.<br />
La ubicación <strong>de</strong> los comandos e ingreso <strong>de</strong> datos se pue<strong>de</strong> establecer ya sea en pantal<strong>la</strong>s<br />
específicamente diseñadas para este fin, pue<strong>de</strong>n ser localizados junto con los sinópticos<br />
<strong>de</strong> proceso, o bien consi<strong>de</strong>rando una mezc<strong>la</strong> <strong>de</strong> ambos conceptos. Se recomienda ubicar<br />
los comandos y el ingreso <strong>de</strong> datos en los sinópticos <strong>de</strong> proceso cuando estos son<br />
críticos para <strong>la</strong> operación <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta o su uso es muy frecuente, <strong>de</strong> tal manera que el<br />
usuario no tenga que estar cambiando pantal<strong>la</strong> a cada momento. Sin embargo,<br />
nuevamente hay que consi<strong>de</strong>rar <strong>la</strong> posibilidad <strong>de</strong> no saturar <strong>la</strong> pantal<strong>la</strong> con datos que no<br />
sean esenciales para <strong>la</strong> consecución <strong>de</strong> los objetivos <strong>de</strong>l operador.
20/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Es también importante c<strong>la</strong>sificar los tipos <strong>de</strong> comandos que emiten los operadores <strong>de</strong> tal<br />
suerte que se les asocien objetos estandarizados. Una posible c<strong>la</strong>sificación <strong>de</strong> los<br />
comandos es <strong>la</strong> siguiente:<br />
� Comandos <strong>de</strong> Arranque y Paro, tanto <strong>de</strong> áreas completas como <strong>de</strong> equipos<br />
individuales.<br />
� Confirmación <strong>de</strong> A<strong>la</strong>rmas (Ack)<br />
� Selección excluyente <strong>de</strong> una opción (una so<strong>la</strong> entre varias opciones)<br />
� Selección múltiple No-excluyente (más <strong>de</strong> una entre varias opciones)<br />
� Selección simple (Aceptar o no una opción)<br />
Asociar un objeto típico a cada una <strong>de</strong> estos comandos ayuda al operador a<br />
esquematizar fácilmente sus acciones <strong>de</strong> forma tal que cuando <strong>la</strong>s ejecute no requiera<br />
re<strong>de</strong>scubrir su lógica <strong>de</strong> funcionamiento.<br />
Algunas directrices para especificar los comandos <strong>de</strong>l operador se mencionan a<br />
continuación:<br />
� Los comandos <strong>de</strong>ben ser c<strong>la</strong>ramente visibles para el operador<br />
� Los comandos <strong>de</strong>ben estar c<strong>la</strong>ramente etiquetados<br />
� El área <strong>de</strong> acción sobre el comando <strong>de</strong>be ser suficientemente gran<strong>de</strong> como para<br />
que sea fácilmente operado<br />
� Los diferentes tipos <strong>de</strong> comandos <strong>de</strong>ben representarse siempre con los mismos<br />
tipos <strong>de</strong> botones para que el operador los i<strong>de</strong>ntifique rápidamente<br />
� El operador <strong>de</strong>be ser retroalimentado inmediatamente <strong>de</strong>l resultado <strong>de</strong> su acción<br />
� Los comandos cualitativamente simi<strong>la</strong>res <strong>de</strong>ben dar retroalimentación simi<strong>la</strong>r<br />
� Los comandos que activan una acción crítica o <strong>de</strong> riesgo <strong>de</strong>ben estar c<strong>la</strong>ramente<br />
etiquetadas y no <strong>de</strong>ben estar cerca <strong>de</strong> comandos <strong>de</strong> uso frecuente<br />
Para el ingreso <strong>de</strong> datos, se sugiere seguir <strong>la</strong>s directrices que se mencionan a<br />
continuación:<br />
Al igual que los comandos, el ingreso <strong>de</strong> datos <strong>de</strong>be ser visible, i<strong>de</strong>ntificable c<strong>la</strong>ramente<br />
y <strong>de</strong> tamaño a<strong>de</strong>cuado<br />
El operador <strong>de</strong>be confirmar con el botón <strong>de</strong> entrada o con un botón <strong>de</strong> pantal<strong>la</strong> antes <strong>de</strong><br />
aceptar el ingreso <strong>de</strong> cada dato<br />
A su vez se <strong>de</strong>be confirmar al operador que el dato ha sido aceptado por <strong>la</strong> interfaz<br />
Otra modalidad <strong>de</strong> comunicación con el operador es a través <strong>de</strong> cajas <strong>de</strong> diálogos <strong>la</strong>s<br />
cuales solicitan datos o respuestas al usuario. Las directrices asociadas a <strong>la</strong>s cajas <strong>de</strong><br />
diálogo son <strong>la</strong>s siguientes:<br />
� Los diálogos se <strong>de</strong>ben mostrar al operador como consecuencia <strong>de</strong> una acción <strong>de</strong><br />
él<br />
� Los diálogos <strong>de</strong>ben ser concisos y c<strong>la</strong>ros.<br />
� Los diálogos se <strong>de</strong>ben situar en una parte <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> don<strong>de</strong> no interfieran con<br />
los datos <strong>de</strong> proceso, esto es, preferentemente en <strong>la</strong> zona inferior<br />
� So<strong>la</strong>mente cuando el dialogo es <strong>de</strong> carácter critico se <strong>de</strong>be mostrar al centro
21/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
� Los diálogos <strong>de</strong> confirmación <strong>de</strong> <strong>la</strong>s acciones <strong>de</strong>l operador se <strong>de</strong>ben mostrar<br />
so<strong>la</strong>mente cuando se trate <strong>de</strong> operaciones críticas y/o irreversibles.<br />
Al igual que <strong>la</strong>s p<strong>la</strong>ntil<strong>la</strong>s <strong>de</strong> los gráficos principales, los diálogos se <strong>de</strong>ben tipificar y<br />
estandarizar para que sean fácilmente i<strong>de</strong>ntificables<br />
El producto que se <strong>de</strong>be obtener <strong>de</strong> esta fase <strong>de</strong> <strong>la</strong> metodología son los estándares <strong>de</strong> los<br />
botones <strong>de</strong> comando y selecciones, el estándar <strong>de</strong> ingreso <strong>de</strong> datos y <strong>la</strong>s p<strong>la</strong>ntil<strong>la</strong>s <strong>de</strong> los<br />
diálogos. Con estas especificaciones en mano es posible iniciar con el <strong>de</strong>sarrollo <strong>de</strong> los<br />
prototipos <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> comandos y configuración. También en el caso <strong>de</strong> que se<br />
<strong>de</strong>ban agregar comandos, selecciones e ingreso <strong>de</strong> datos en los sinópticos <strong>de</strong> proceso<br />
cuyo <strong>de</strong>sarrollo ya había iniciado, este es el momento <strong>de</strong> complementar estos prototipos.<br />
Comando Descripción Retroalimentacion<br />
Comando <strong>de</strong> Arranque Cambio <strong>de</strong> color <strong>de</strong>l Boton y/o Texto<br />
Comando <strong>de</strong> Paro Cambio <strong>de</strong> color <strong>de</strong>l Boton y/o Texto<br />
Paro <strong>de</strong> Emergencia <strong>de</strong>l Área Cambio <strong>de</strong> color <strong>de</strong>l Boton y Texto<br />
Confirma A<strong>la</strong>rmas Supresion <strong>de</strong> señal Auditiva<br />
Seleccion Excluyente Visibilidad <strong>de</strong> un circulo interno<br />
Seleccion In<strong>de</strong>pendiente Visibilidad <strong>de</strong> una '√' interna<br />
Fig.3.24 Ejemplo <strong>de</strong> <strong>la</strong> especificación <strong>de</strong> comandos <strong>de</strong>l operador
22/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Fig.3.25 Ejemplo <strong>de</strong> localización <strong>de</strong> zona en Sinóptico para entrada <strong>de</strong> comandos por parte <strong>de</strong>l operario.<br />
En algunas ocasiones, <strong>de</strong>ntro <strong>de</strong>l mímico se obtiene una ventana <strong>de</strong>splegable <strong>de</strong> los parámetros <strong>de</strong>l<br />
contro<strong>la</strong>dor (consigna, y parámetros <strong>de</strong>l PID) <strong>de</strong> manera que <strong>la</strong> entrada <strong>de</strong> comandos se produce al <strong>la</strong>do<br />
<strong>de</strong> los símbolos<br />
Fig.3.26 Ejemplo <strong>de</strong> diversas posibilida<strong>de</strong>s <strong>de</strong> entradas <strong>de</strong> comandos en objetos <strong>de</strong>l sistema SCADA<br />
comercial Intouch
23/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
A<strong>la</strong>rmas.<br />
Las a<strong>la</strong>rmas junto con <strong>la</strong> representación <strong>de</strong>l estatus <strong>de</strong> los equipos y <strong>de</strong> los valores<br />
analógicos <strong>de</strong>l sistema constituyen los principales elementos con los que se informa al<br />
operador sobre el estado <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta. Las a<strong>la</strong>rmas son muy importantes ya que alertan al<br />
operador sobre <strong>la</strong>s situaciones anóma<strong>la</strong>s que se presentan en el proceso e implican una<br />
intervención <strong>de</strong> el. En caso <strong>de</strong> que exista una situación informativa que no requiera una<br />
intervención <strong>de</strong>l usuario, entonces será <strong>de</strong>finido como un mensaje en vez <strong>de</strong> una a<strong>la</strong>rma.<br />
A<strong>la</strong>rmas y mensajes se <strong>de</strong>ben c<strong>la</strong>sificar por priorida<strong>de</strong>s en cuanto a su criticidad:<br />
� Críticas: <strong>la</strong>s cuales amenazan <strong>la</strong> seguridad <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta y/o que pue<strong>de</strong>n implicar<br />
<strong>la</strong> <strong>de</strong>tención <strong>de</strong> <strong>la</strong> producción<br />
� Advertencias: <strong>la</strong>s cuales se pue<strong>de</strong>n convertir potencialmente en situaciones<br />
críticas <strong>de</strong>spués <strong>de</strong> un tiempo si el evento que originó <strong>la</strong> advertencia continúa<br />
empeorando el estado <strong>de</strong>l equipo. Se pue<strong>de</strong> consi<strong>de</strong>rar también una advertencia<br />
cuando se presenta una situación que afecta negativamente <strong>la</strong> conducción óptima<br />
<strong>de</strong> <strong>la</strong> p<strong>la</strong>nta<br />
� Mensaje: eventos que conviene transmitir al operador pero no representan una<br />
amenaza a <strong>la</strong> conducción <strong>de</strong>l equipo, a <strong>la</strong> producción o a <strong>la</strong> seguridad <strong>de</strong> <strong>la</strong><br />
p<strong>la</strong>nta<br />
Las directrices que <strong>de</strong> manera general <strong>de</strong>ben observarse al <strong>de</strong>finir <strong>la</strong>s a<strong>la</strong>rmas son <strong>la</strong>s<br />
siguientes:<br />
� Los mensajes y <strong>la</strong>s a<strong>la</strong>rmas <strong>de</strong>ben ser congruentes con los estándares <strong>de</strong> color,<br />
fuentes, texto, tamaño, espaciamiento y alineamiento pre<strong>de</strong>finidos<br />
� Se <strong>de</strong>be evitar el exceso <strong>de</strong> a<strong>la</strong>rmas y mensajes superfluos al operador<br />
� En cambio, para constatar el reconocimiento <strong>de</strong> <strong>la</strong> situación, el operario <strong>de</strong>be<br />
validar <strong>la</strong>s a<strong>la</strong>rmas criticas (Ack)<br />
� El código <strong>de</strong> colores <strong>de</strong> a<strong>la</strong>rmas <strong>de</strong>be complementarse son otros elementos como<br />
un icono, <strong>la</strong> visibilidad <strong>de</strong> un texto, su posición en pantal<strong>la</strong> o un sonido<br />
De manera general <strong>la</strong>s directrices que se <strong>de</strong>ben consi<strong>de</strong>rar para ubicar <strong>la</strong> pantal<strong>la</strong> <strong>de</strong><br />
a<strong>la</strong>rmas son <strong>la</strong>s siguientes:<br />
� La ventana o zona <strong>de</strong> a<strong>la</strong>rmas <strong>de</strong>be ser distinguible por el operador y <strong>de</strong>be estar<br />
preferentemente siempre presente y visible<br />
� En caso que no puedan estar fijas siempre, se <strong>de</strong>ben po<strong>de</strong>r acce<strong>de</strong>r <strong>de</strong> manera<br />
inmediata o mostrarse automáticamente al presentarse una nueva a<strong>la</strong>rma<br />
� Los mensajes en cambio no <strong>de</strong>ben ser mostrados todo el tiempo pero se <strong>de</strong>be<br />
po<strong>de</strong>r acce<strong>de</strong>r a ellos fácilmente<br />
Asimismo <strong>la</strong> representación <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas y mensajes se <strong>de</strong>ben guiar por <strong>la</strong>s siguientes<br />
directrices:<br />
� El texto <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas <strong>de</strong>be mostrar el área/equipo concreto, <strong>la</strong> condición o<br />
parámetro anómalo, <strong>la</strong> prioridad, a<strong>de</strong>más <strong>de</strong> <strong>la</strong> hora y fecha <strong>de</strong>l evento<br />
� En todo caso el texto <strong>de</strong>be ser conciso y c<strong>la</strong>ro
24/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
� Las a<strong>la</strong>rmas <strong>de</strong> mas alta prioridad (critica) <strong>de</strong>ben aparecer en <strong>la</strong> parte superior <strong>de</strong><br />
<strong>la</strong> ventana o zona <strong>de</strong> a<strong>la</strong>rmas<br />
� Es recomendable asociar sonidos a <strong>la</strong>s a<strong>la</strong>rmas que requieren una intervención<br />
<strong>de</strong>l operador<br />
� Los sonidos mas agudos y <strong>de</strong> frecuencias altas <strong>de</strong>ben asignarse a a<strong>la</strong>rmas <strong>de</strong><br />
prioridad mayor ya que l<strong>la</strong>man mas <strong>la</strong> atención <strong>de</strong>l operador<br />
� Al reconocer <strong>la</strong> a<strong>la</strong>rma el sonido asociado <strong>de</strong>be <strong>de</strong>tenerse aun si <strong>la</strong> situación<br />
anóma<strong>la</strong> aun permanece<br />
� Las a<strong>la</strong>rmas se <strong>de</strong>ben mostrar agrupadas lógicamente a parte <strong>de</strong> su prioridad y<br />
cronología, ya sea por área, subárea, equipos, etc.<br />
� Las a<strong>la</strong>rmas tienen normalmente un componente textual en su ventana y uno<br />
grafico en el sinóptico <strong>de</strong> proceso respectivo<br />
� Los cambios <strong>de</strong> estado en <strong>la</strong>s pantal<strong>la</strong>s <strong>de</strong> proceso <strong>de</strong>ben correspon<strong>de</strong>r a lo<br />
mostrado en <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas, para confirmar al operador lo sucedido<br />
a<strong>de</strong>más <strong>de</strong> permitirle visualizar<strong>la</strong>s con un mejor contexto<br />
� No se recomienda el uso <strong>de</strong> intermitencia (blinking) para mostrar <strong>la</strong>s a<strong>la</strong>rmas ni<br />
en <strong>la</strong> pantal<strong>la</strong> <strong>de</strong> proceso ni en <strong>la</strong> ventana <strong>de</strong> textos <strong>de</strong> <strong>la</strong>s mismas salvo en casos<br />
excepcionales<br />
� El operador <strong>de</strong>be po<strong>de</strong>r reconocer <strong>la</strong>s a<strong>la</strong>rmas fácilmente y sin tener que<br />
<strong>de</strong>sp<strong>la</strong>zarse <strong>de</strong> su zona actual <strong>de</strong> trabajo<br />
Resumiendo, en esta etapa se <strong>de</strong>ben establecer <strong>la</strong>s características principales <strong>de</strong>l sistema<br />
<strong>de</strong> a<strong>la</strong>rmas y mensajes al operador, el esquema <strong>de</strong> sus priorida<strong>de</strong>s, <strong>la</strong> ubicación <strong>de</strong>l<br />
listado <strong>de</strong> a<strong>la</strong>rmas (si no había sido <strong>de</strong>finida durante <strong>la</strong> fase <strong>de</strong> especificación <strong>de</strong> <strong>la</strong><br />
distribución <strong>de</strong> <strong>la</strong> pantal<strong>la</strong>) y completar <strong>la</strong> simbología re<strong>la</strong>tiva a <strong>la</strong> representación <strong>de</strong> <strong>la</strong>s<br />
a<strong>la</strong>rmas y mensajes sobre los sinópticos <strong>de</strong> proceso. En re<strong>la</strong>ción al <strong>de</strong>sarrollo específico<br />
<strong>de</strong> <strong>la</strong> interfaz, en esta fase se <strong>de</strong>ben finalizar los prototipos <strong>de</strong> los sinópticos <strong>de</strong> proceso<br />
a parte <strong>de</strong> <strong>de</strong>finir los prototipos <strong>de</strong> <strong>la</strong> ventana <strong>de</strong>l sistema <strong>de</strong> a<strong>la</strong>rmas.<br />
Fig.3.27 Ejemplo <strong>de</strong> disp<strong>la</strong>y <strong>de</strong> a<strong>la</strong>rmas <strong>de</strong>l sistema SCADA Intouch. Se trata <strong>de</strong> un ActiveX que permite<br />
conocer el tipo <strong>de</strong> a<strong>la</strong>rmas, el instante en que se produce, si el operario <strong>la</strong> ha reconocido, los límites <strong>de</strong> <strong>la</strong><br />
a<strong>la</strong>rma (muy baja, baja, alta, muy alta)
25/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Fig.3.28 Ejemplo <strong>de</strong> ventana emergente facep<strong>la</strong>te que permite configurar los límites numéricos <strong>de</strong><br />
a<strong>la</strong>rmas asociadas a una variable <strong>de</strong>l sistema SCADA Intouch.<br />
3.5.2. Evaluación <strong>de</strong> <strong>la</strong> Interfaz<br />
Los diez indicadores pue<strong>de</strong>n agruparse en una tab<strong>la</strong> <strong>de</strong> forma que el operario encargado<br />
<strong>de</strong> aplicar <strong>la</strong> guía GEDIS pueda medir cada uno <strong>de</strong> ellos para obtener un índice global.<br />
Medida <strong>de</strong>l Indicador<br />
Cada uno <strong>de</strong> los indicadores <strong>de</strong> <strong>la</strong> Tab<strong>la</strong> 2 pue<strong>de</strong> <strong>de</strong>scomponerse en diversos<br />
subindicadores. Por ejemplo, el indicador Uso <strong>de</strong>l Color pue<strong>de</strong> <strong>de</strong>tal<strong>la</strong>rse en: visibilidad<br />
(3), contraste con el fondo (4), número <strong>de</strong> colores (4), diferenciabilidad entre colores<br />
(3), uso <strong>de</strong> colores típicos (rojo, ver<strong>de</strong>, amarillo) (2), consistencia (4). Para cada<br />
subindicador se recomienda se puntúe numéricamente en una esca<strong>la</strong> <strong>de</strong> 1 a 5. En este<br />
ejemplo el número <strong>de</strong> subindicadores <strong>de</strong>l indicador Uso <strong>de</strong>l Color es J= 6<br />
Valor _ indicador<br />
J<br />
�<br />
j�<br />
� 1<br />
Subind<br />
J<br />
El valor medio que se obtiene mediante <strong>la</strong> fórmu<strong>la</strong> 1 con estos valores es <strong>de</strong> 2,83. Si se<br />
redon<strong>de</strong>a el valor es 3, <strong>de</strong> manera que al indicador Uso <strong>de</strong>l Color se le asigna el valor 3<br />
en este ejemplo.<br />
Medida <strong>de</strong> Evaluación Global<br />
Cada uno <strong>de</strong> los indicadores <strong>de</strong> <strong>la</strong> Tab<strong>la</strong> 2 se mi<strong>de</strong> en una esca<strong>la</strong> <strong>de</strong> 1 a 5. El experto<br />
dispone en este punto <strong>de</strong> información concreta sobre el indicador, <strong>de</strong> forma que ya<br />
pue<strong>de</strong> valorar <strong>la</strong>s necesida<strong>de</strong>s <strong>de</strong> mejora. Los valores <strong>de</strong> los indicadores pue<strong>de</strong>n<br />
agruparse <strong>de</strong> manera que <strong>la</strong> guía GEDIS ofrezca <strong>la</strong> evaluación global <strong>de</strong> <strong>la</strong> interfaz y<br />
pueda ser comparada con otras. En una primera aproximación se ha consi<strong>de</strong>rado el valor<br />
medio entre indicadores expresado en <strong>la</strong> fórmu<strong>la</strong> 2. Es <strong>de</strong>cir, a cada indicador se le<br />
(1)
26/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
asigna un peso idéntico (pi= p2 …=p10= 1) aunque ello permitirá en futuros estudios<br />
valorar <strong>la</strong> importancia <strong>de</strong> algunos indicadores por encima <strong>de</strong> otros. La evaluación global<br />
se expresa en una esca<strong>la</strong> <strong>de</strong> 1 a 5. Atendiendo a <strong>la</strong> complejidad <strong>de</strong> los sistemas <strong>de</strong><br />
supervisión industrial y al hecho <strong>de</strong> que un diseño ineficaz <strong>de</strong> <strong>la</strong> interfaz pue<strong>de</strong> provocar<br />
el error humano, <strong>la</strong> evaluación global <strong>de</strong> una interfaz <strong>de</strong> supervisión <strong>de</strong>bería situarse en<br />
un valor inicial <strong>de</strong> 3-4 y proponer medidas <strong>de</strong> mejora para acercarse al 5.<br />
Eval _ global<br />
3.6 Aplicación en p<strong>la</strong>nta azucarera<br />
10<br />
�<br />
i<br />
i�1<br />
� 10<br />
p ind<br />
�<br />
i�1<br />
p<br />
i<br />
El proceso seguido en esta investigación consiste en aplicar <strong>la</strong> guía GEDIS al simu<strong>la</strong>dor<br />
<strong>de</strong> entrenamiento <strong>de</strong> operarios <strong>de</strong>l CTA. El trabajo se ha realizado sin <strong>la</strong> intervención <strong>de</strong><br />
expertos <strong>de</strong>l CTA, ello significa que en algunos aspectos no se ha podido completar<br />
algunos indicadores.<br />
Este simu<strong>la</strong>dor es utilizado principalmente como herramienta <strong>de</strong> capacitación <strong>de</strong><br />
operadores <strong>de</strong> este tipo <strong>de</strong> industrias utilizando un sistema SCADA específicamente<br />
diseñado para este objetivo. Analizando casos prácticos como este se pue<strong>de</strong> verificar los<br />
conceptos que se han <strong>de</strong>sarrol<strong>la</strong>do en el apartado 3.1 y se pue<strong>de</strong> también valorar su<br />
potencialidad. Como se mencionó previamente uno <strong>de</strong> los objetivos <strong>de</strong> contar con una<br />
metodología sistemática para el <strong>de</strong>sarrollo <strong>de</strong> interfaces hombre-máquina en ambiente<br />
industrial es po<strong>de</strong>r diseñar<strong>la</strong>s y realizar<strong>la</strong>s <strong>de</strong>s<strong>de</strong> su inicio, o sea, <strong>de</strong>s<strong>de</strong> cero. Sin<br />
embargo, el contar con este procedimiento nos permite también evaluar interfaces<br />
existentes aplicándole un análisis cognitivo estructurado, pudiendo así emitir juicios y/o<br />
recomendaciones respecto a ese producto. Los módulos que serán analizados <strong>de</strong>l<br />
simu<strong>la</strong>dor dado que son los que se tienen disponibles son los siguientes: Evaporación,<br />
Difusión y Cal<strong>de</strong>ras. Una ac<strong>la</strong>ración a notar es el hecho <strong>de</strong> que los comentarios<br />
subsecuentes se harán con re<strong>la</strong>ción a <strong>la</strong> operación <strong>de</strong>l proceso y no con respecto a <strong>la</strong><br />
simu<strong>la</strong>ción <strong>de</strong> fal<strong>la</strong>s por parte <strong>de</strong>l instructor, ya que esta aplicación SCADA tiene esta<br />
posibilidad.<br />
A continuación se muestra <strong>la</strong> tab<strong>la</strong> con cada uno <strong>de</strong> los indicadores y <strong>la</strong> Evaluación<br />
Global. En algunos casos es imprescindible <strong>la</strong> co<strong>la</strong>boración con el experto <strong>de</strong>l proceso<br />
para po<strong>de</strong>r dictaminar un valor numérico concreto.<br />
i<br />
(2)
27/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Elemento Evaluacion Comentarios<br />
1. Arquitectura 5<br />
1.1. Correspon<strong>de</strong>ncia con <strong>la</strong> P<strong>la</strong>nta 5<br />
1.2. Numero <strong>de</strong> Capas 5<br />
2. Distribución 3<br />
2.1. Consistencia 3 Faltan p<strong>la</strong>ntil<strong>la</strong>s <strong>de</strong> distribucion<br />
2.2. Densidad 3 Alta en los graficos generales<br />
2.3. Simetria y Ba<strong>la</strong>nce 5<br />
2.4. Flujo <strong>de</strong> Proceso 3 En general no es c<strong>la</strong>ro<br />
3. Navegación 3<br />
3.1 Correspon<strong>de</strong>ncia c/arquitectura 5<br />
3.2. Accesibilidad 4 No se sabe que botones usar<br />
3.3. Consistencia 3 Los botones estan dispersos en pantal<strong>la</strong><br />
4. Uso <strong>de</strong>l color 3<br />
4.1. Visibilidad 3 Sobretodo en equipos <strong>de</strong> proceso<br />
4.2. Contraste con el fondo 4<br />
4.3. Numero <strong>de</strong> colores 4<br />
4.4. Diferenciabilidad entre colores 3 Problemas entre lineas <strong>de</strong> flujo y equipos<br />
4.5. Uso <strong>de</strong> colores tipicos(rojo, ver<strong>de</strong>, amarillo) 2 Exceso <strong>de</strong> uso <strong>de</strong>l color rojo<br />
4.6. Consistencia 4<br />
5. Info. Textual 4<br />
5.1. Numero <strong>de</strong> fuentes 5<br />
5.2. Numero <strong>de</strong> tamaños 4<br />
5.3. Visibilidad <strong>de</strong>l texto 3 Sobretodo en valores numericos<br />
5.4. Espaciamiento 5<br />
5.5. Alineacion 5<br />
5.6. Uso <strong>de</strong>l enfasis 4<br />
5.7. Uso <strong>de</strong> acronimos 4<br />
5.8. Coloración <strong>de</strong>l texto 3 Texto <strong>de</strong> flujos no codificado con el color<br />
5.9. Consistencia 4<br />
6. Simbolos y representacion <strong>de</strong> los equipos 4<br />
6.1. Facilidad <strong>de</strong> reconocimiento 5<br />
6.2. Visibilidad <strong>de</strong>l estado <strong>de</strong>l equipo 3 En algunos casos, no se nota el estado<br />
6.3. Consistencia 5<br />
7. Valores <strong>de</strong> proceso 3<br />
7.1. Visibilidad 3 Numeros dificiles <strong>de</strong> ver a distancia<br />
7.2. Ubicación ? Verificar con un experto <strong>de</strong>l proceso<br />
7.3. Distribucion 4<br />
7.4. Agrupación <strong>de</strong> datos 2 Practicamente no existe<br />
7.5. Consistencia 4<br />
8. Tab<strong>la</strong>s y Grupos <strong>de</strong> Ten<strong>de</strong>ncia 4<br />
8.1. Formato 5<br />
8.2. Visibilidad 5<br />
8.3. Ubicacion 5<br />
8.4. Agrupacion 2 Practicamente no existe<br />
8.5. Flexibilidad <strong>de</strong> configuracion ten<strong>de</strong>ncias 4<br />
8.6. Consistencia 5<br />
9. Comandos e Ingreso <strong>de</strong> Datos 3<br />
9.1. Visibilidad 2 No se aprecia lo que se pue<strong>de</strong> comandar<br />
9.2. Maniobrabilidad 3 Falta mas area <strong>de</strong> contacto <strong>de</strong>l comando<br />
9.3. Retroalimentación 3 Falta interactividad<br />
9.4. Consistencia 4<br />
10. A<strong>la</strong>rmas 3<br />
10.1. Visibilidad <strong>de</strong> <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas 5<br />
10.2. Accesibilidad <strong>de</strong> <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas 5<br />
10.3. Ubicacion <strong>de</strong> <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas 5<br />
10.4. Informatividad <strong>de</strong> los textos <strong>de</strong> a<strong>la</strong>rmas 2 Falta mas info. re<strong>la</strong>tiva al evento<br />
10.5. Visibilidad <strong>de</strong> a<strong>la</strong>rmas en sinopticos 3 Exceso <strong>de</strong> color rojo filtra <strong>la</strong>s indicaciones<br />
10.6. Facilidad <strong>de</strong> reconocimiento 4<br />
10.7. Consistencia 5<br />
Evaluacion Global 3.5<br />
Tab<strong>la</strong>.3.2 Evaluación <strong>de</strong>l simu<strong>la</strong>dor <strong>de</strong>l CTA mediante <strong>la</strong> guía GEDIS<br />
A continuación se mostrarán tres ejemplos <strong>de</strong> los gráficos <strong>de</strong>l simu<strong>la</strong>dor modificados a<br />
partir <strong>de</strong> los resultados <strong>de</strong> aplicar <strong>la</strong> guía GEDIS. En algunos casos <strong>la</strong>s mejoras<br />
requieren <strong>la</strong> intervención <strong>de</strong> un experto <strong>de</strong>l proceso que pueda guiar al diseñador <strong>de</strong> <strong>la</strong><br />
interfaz en aspectos como <strong>la</strong> agrupación <strong>de</strong> valores, <strong>la</strong>s tab<strong>la</strong>s <strong>de</strong> datos, los valores<br />
principales <strong>de</strong> conducción <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta, etc.<br />
Los elementos que si fueron modificados son los siguientes:<br />
- Barra <strong>de</strong> navegación. La barra fue localizada en <strong>la</strong> misma zona <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> (parte<br />
inferior).
28/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
- Títulos <strong>de</strong> pantal<strong>la</strong>s. Fueron ubicados en <strong>la</strong> misma zona <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> (parte superior<br />
central).<br />
- Botones <strong>de</strong> navegación. Se cambió el color <strong>de</strong>l bor<strong>de</strong> a un color diverso <strong>de</strong>l rojo<br />
(azul).<br />
- Coloración <strong>de</strong> textos estandarizada. El color <strong>de</strong> los textos se modificó para dar más<br />
información al operador:<br />
B<strong>la</strong>nco : Entrada al proceso<br />
Azul : Salida <strong>de</strong>l proceso<br />
Amarillo : Flujo interno<br />
- Coloración <strong>de</strong> valores <strong>de</strong> proceso estandarizada. El color <strong>de</strong> algunas variables<br />
numéricas se modificó, específicamente <strong>la</strong>s que usaban color rojo se cambiaron a ver<strong>de</strong>.<br />
- Manejo <strong>de</strong> fuentes y tamaños. Se uniformó <strong>la</strong> fuente <strong>de</strong> los textos, el uso <strong>de</strong> <strong>la</strong>s<br />
negritas y el tamaño.<br />
- Tamaño <strong>de</strong> los caracteres numéricos. Se aumentó el tamaño y el grosor (este último<br />
usando negritas) <strong>de</strong> los valores numéricos para tener una mejor visibilidad.<br />
- Uso <strong>de</strong> barras dinámicas. Se utilizaron barras dinámicas para representar los niveles <strong>de</strong><br />
material en tanques, para dar una mejor percepción <strong>de</strong> su estado al primer vistazo.<br />
- Representación <strong>de</strong> equipos. Se aumentó el tamaño <strong>de</strong> algunos equipos (como <strong>la</strong>s<br />
bombas) y se utilizaron colores más bril<strong>la</strong>ntes para representar que un dispositivo esta<br />
trabajando y así dar una mejor visibilidad <strong>de</strong> su estado. En el gráfico <strong>de</strong> evaporación se<br />
ejemplifica también <strong>la</strong> posibilidad <strong>de</strong> rellenar con ver<strong>de</strong> (en este caso) el cuerpo entero<br />
<strong>de</strong> los equipos, como lo es el equipo <strong>de</strong>nominado ‘IB”, para mostrar como sobresale su<br />
estado usando el color en elementos <strong>de</strong> mayor tamaño.<br />
En el caso <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> principal <strong>de</strong> evaporación se anexo un cuadro resumen <strong>de</strong>l<br />
proceso, como ejemplo <strong>de</strong>l uso <strong>de</strong> esta herramienta para dar información global al<br />
operador.<br />
Ahora se mencionan algunos otros puntos específicos que se pue<strong>de</strong>n mejorar con <strong>la</strong><br />
asesoría <strong>de</strong> un experto <strong>de</strong>l proceso y una mejor herramienta <strong>de</strong> diseño:<br />
- El color rojo <strong>de</strong> los caudales <strong>de</strong> vapor son todavía muy agresivos y a<strong>de</strong>más pue<strong>de</strong>n<br />
arruinar el concepto <strong>de</strong> l<strong>la</strong>mar <strong>la</strong> atención <strong>de</strong>l operador rápidamente con el uso <strong>de</strong> este<br />
color. Convendría reevaluar su uso y cambiarlo por otro.<br />
- Es importante ubicar correctamente los valores <strong>de</strong> proceso en los sinópticos generales<br />
y los <strong>de</strong> <strong>de</strong>talle. Con <strong>la</strong> ayuda <strong>de</strong> un experto <strong>de</strong>l proceso sería bueno revisar como han<br />
sido distribuidos actualmente y en su caso reubicarlos.<br />
- Otro punto a verificar es el <strong>de</strong> <strong>la</strong> <strong>de</strong>nsidad <strong>de</strong> <strong>la</strong>s pantal<strong>la</strong>s, por este motivo se requiere<br />
puntualizar el inciso anterior y en su caso suprimir variables <strong>de</strong> importancia menor <strong>de</strong><br />
<strong>la</strong>s pantal<strong>la</strong>s generales.<br />
- Se requiere proporcionar al operador información agrupada con<strong>de</strong>nsada e índices <strong>de</strong><br />
operación para darle una mejor panorámica <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta. Habría que crear grupos y<br />
tab<strong>la</strong>s con datos e índices relevantes que cump<strong>la</strong>n este objetivo. En este punto también<br />
se requiere <strong>la</strong> ayuda <strong>de</strong> un ingeniero <strong>de</strong> proceso.<br />
- Igual suce<strong>de</strong> con los gráficos <strong>de</strong> ten<strong>de</strong>ncia, se requiere crear grupos con variables<br />
re<strong>la</strong>cionadas que le <strong>de</strong>n una mejor visión <strong>de</strong>l proceso al operador.<br />
- Otro factor a verificar es el <strong>de</strong> los comandos <strong>de</strong>l operador. No se i<strong>de</strong>ntificaron<br />
c<strong>la</strong>ramente cuales son los comandos disponibles para el manejo <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta
29/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
(arranque/paro/selecciones), por lo que sería conveniente <strong>de</strong>finir un mejor estándar para<br />
interactuar con el usuario en este sentido.<br />
- Finalmente, los textos <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas no muestran suficiente información al operador<br />
acerca <strong>de</strong>l evento anómalo. Se requiere revisarlos y profundizar <strong>la</strong> explicación. También<br />
sería importante c<strong>la</strong>sificar <strong>la</strong>s a<strong>la</strong>rmas en función <strong>de</strong> su prioridad, para informar mejor al<br />
usuario respecto a <strong>la</strong> gravedad <strong>de</strong> <strong>la</strong> situación.
1 Gráfico <strong>de</strong> difusión original<br />
30/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
2 Gráfico <strong>de</strong> difusión modificado<br />
31/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
3. Gráfico <strong>de</strong> Evaporación Original<br />
32/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
4. Gráfico <strong>de</strong> Evaporación Modificado<br />
33/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
5. Gráfico <strong>de</strong>l Efecto III Original<br />
34/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
6. Gráfico <strong>de</strong>l Efecto III Modificado<br />
35/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
3.7 Aplicación en campus universitario<br />
36/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
A partir <strong>de</strong> <strong>la</strong>s insta<strong>la</strong>ciones S.A.F. <strong>de</strong> <strong>la</strong> Universitat Autònoma <strong>de</strong> Barcelona, se generó<br />
el control y <strong>la</strong> monitorización mediante el sistema SCADA Intouch. A continuación se<br />
comenta <strong>la</strong> aplicación <strong>de</strong> <strong>la</strong> guía GEDIS sobre <strong>la</strong> interfaz <strong>de</strong>l S.A.F. Se presentan<br />
algunos casos abordados por los estudiantes <strong>de</strong> ingeniería <strong>de</strong>l centro EPSEVG que<br />
aplicaron <strong>la</strong> guía GEDIS sobre <strong>la</strong> interfaz <strong>de</strong>l S.A.F.<br />
3.7.1 Estudio <strong>de</strong> casos<br />
Mediante <strong>la</strong>s páginas ofrecidas por <strong>la</strong> UAB se han investigado y analizado distintos<br />
procesos que entran en juego en este sistema como pue<strong>de</strong>n ser el control <strong>de</strong>l tratamiento<br />
<strong>de</strong>l agua:<br />
� <strong>la</strong> <strong>de</strong>puración y <strong>de</strong>sinfección <strong>de</strong>l agua mediante Ozono (O3)<br />
� <strong>la</strong> regu<strong>la</strong>ción <strong>de</strong> variables como cloro<br />
� control <strong>de</strong>l pH<br />
A nuestro grupo <strong>de</strong> prácticas se nos ha asignado analizar y evaluar <strong>de</strong> manera crítica <strong>la</strong><br />
aplicación <strong>de</strong>l sistema SCADA para SAF centrándonos básicamente en lo re<strong>la</strong>cionado a<br />
comandos e ingreso <strong>de</strong> datos.<br />
Realmente tenemos que <strong>de</strong>cir, que <strong>la</strong> valoración en el tema a analizar, no es muy<br />
positiva, ya que hemos encontrado varios aspectos a mejorar. Decir también que para el<br />
análisis nos hemos guiado <strong>de</strong> <strong>la</strong> guía GEDIS, estudiada en c<strong>la</strong>se.<br />
Nos hemos centrado en valorar puntos en re<strong>la</strong>ción a ejecutar comandos, seleccionar<br />
opciones e ingresar datos <strong>de</strong> consigna y parámetros <strong>de</strong>l proceso finalizando con el<br />
reconocimiento <strong>de</strong> a<strong>la</strong>rmas.<br />
El primer paso que hemos realizado, es el <strong>de</strong> entrar y navegar a través <strong>de</strong> <strong>la</strong> aplicación<br />
para ubicarnos y tener una i<strong>de</strong>a general <strong>de</strong> <strong>la</strong> aplicación. En <strong>la</strong>s dos primeras pasadas,<br />
que han sido <strong>de</strong> forma rápida, no nos hemos encontrado con ningún botón que nos<br />
sirviera para introducir comandos, por lo que el primer punto que nos gustaría<br />
mencionar, sería <strong>la</strong> falta <strong>de</strong> visibilidad para el operario.<br />
Analizaremos exhaustivamente <strong>la</strong>s partes don<strong>de</strong> <strong>la</strong> aplicación permite al operario<br />
introducir datos, ya que nos encontramos con pocos casos.
1º CASO:<br />
37/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
En <strong>la</strong> figura po<strong>de</strong>mos ver <strong>la</strong> pantal<strong>la</strong> principal <strong>de</strong> <strong>la</strong> aplicación. Observamos (enmarcado<br />
en rojo) que el usuario tiene opción <strong>de</strong> registrarse o salir <strong>de</strong>l registro con los comandos<br />
‘LOG ON’ y ‘LOG OUT’. En nuestra opinión esta información <strong>de</strong>bería <strong>de</strong> estar más<br />
resaltada que <strong>la</strong>s <strong>de</strong>más opciones, <strong>de</strong> algún otro color por ejemplo, ya que sino el<br />
usuario podría empezar navegando por <strong>la</strong> aplicación pero sin registrarse, perdiendo así<br />
datos ya que al no estar registrado <strong>la</strong> aplicación no muestra todos los datos <strong>de</strong> los que<br />
dispone, echo que nos ocurrió a nosotros mismo, por ello hab<strong>la</strong>mos <strong>de</strong> <strong>la</strong> experiencia<br />
propia.<br />
Por otro <strong>la</strong>do, comentar que el hecho <strong>de</strong> que el diseñador hal<strong>la</strong> tenido en cuenta que<br />
diferentes tipos <strong>de</strong> usuarios es un punto positivo ya que pue<strong>de</strong> que no les interese que<br />
toso el mundo pueda acce<strong>de</strong>r a todos los datos.<br />
Pantal<strong>la</strong> principal <strong>de</strong> <strong>la</strong> aplicación
2º CASO<br />
38/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
En <strong>la</strong> figura vemos <strong>la</strong> pantal<strong>la</strong> <strong>de</strong> control <strong>de</strong> distintas áreas o zonas exteriores como el<br />
rocódromo, el campo <strong>de</strong> hierba artificial o el frontón. Es visible el <strong>de</strong>salineamiento <strong>de</strong><br />
los controles así como <strong>la</strong> apariencia en general.<br />
Por otro <strong>la</strong>do es difícil <strong>de</strong> visualizar cualquier situación <strong>de</strong> a<strong>la</strong>rmas así como <strong>la</strong><br />
navegación hasta <strong>la</strong> correspondiente pantal<strong>la</strong> <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas, al igual que <strong>la</strong> dificultad <strong>de</strong><br />
operación.<br />
No se pue<strong>de</strong> analizar el hecho <strong>de</strong> que haya o no retroalimentación, ya que estamos<br />
trabajando con un simu<strong>la</strong>dor y por tanto no po<strong>de</strong>mos introducir datos. En <strong>la</strong>s a<strong>la</strong>rmas,<br />
por el contrario (en el siguiente caso está mejor explicado) si que po<strong>de</strong>mos actuar aún<br />
trabajando con el simu<strong>la</strong>dor y se pue<strong>de</strong> ver c<strong>la</strong>ramente que no se hace uso <strong>de</strong> ningún<br />
tipo <strong>de</strong> retroalimentación, punto cuestionable para una a<strong>de</strong>cuada seguridad.<br />
No pone el nombre <strong>de</strong> <strong>la</strong> pantal<strong>la</strong> don<strong>de</strong> estamos para po<strong>de</strong>rnos ubicar al usuario en <strong>la</strong><br />
aplicación SCADA.<br />
Pantal<strong>la</strong> <strong>de</strong> control <strong>de</strong> distintos complejos exteriores.
3º CASO<br />
39/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
En esta imagen, vemos <strong>la</strong> pantal<strong>la</strong> <strong>de</strong> a<strong>la</strong>rmas, cuya navegación y llegada a el<strong>la</strong> no ha<br />
resultado nada fácil ni intuitiva, característica imprescindible a nuestro juicio para todo<br />
sistema <strong>de</strong> control.<br />
Centrándonos en puntos concretos, l<strong>la</strong>ma <strong>la</strong> atención el hecho <strong>de</strong> no po<strong>de</strong>r realizar<br />
ninguna validación <strong>de</strong>l estado <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas.<br />
Tras investigar <strong>la</strong> pantal<strong>la</strong>, se ha encontrado una posible alternativa para realizar <strong>la</strong><br />
validación <strong>de</strong> <strong>la</strong>s a<strong>la</strong>rmas aunque con los siguientes puntos a cuestionar:<br />
� No es intuitivo.<br />
� Difícil <strong>de</strong> enten<strong>de</strong>r para todo el personal (idioma).<br />
� Necesidad <strong>de</strong> un botón más visible y accesible.<br />
Sistema <strong>de</strong> validación <strong>de</strong> a<strong>la</strong>rmas actual.<br />
� Posibilidad <strong>de</strong> introducir comentarios como ventaja a <strong>la</strong> hora <strong>de</strong> su comprensión.<br />
Creación <strong>de</strong> comentarios.
4º CASO Campo <strong>de</strong> hierba:<br />
40/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
En este caso, los puntos observados han sido los siguientes:<br />
� Ma<strong>la</strong> estructuración <strong>de</strong>l espacio <strong>de</strong> <strong>la</strong> pantal<strong>la</strong><br />
� Mensajes superpuestos<br />
� Fotos <strong>de</strong> ma<strong>la</strong> calidad (reflejos <strong>de</strong> focos…) y poca visibilidad<br />
� No indica al operario en qué lugar está para así po<strong>de</strong>r ubicarse en <strong>la</strong> misma<br />
aplicación SCADA.<br />
Pantal<strong>la</strong> <strong>de</strong> control <strong>de</strong>l campo <strong>de</strong> hierba.<br />
�Podría haber realimentación en casos muy concretos que requieran un riesgo<br />
importante. Ya que si en cada ingresemos datos pusiéramos retroalimentación, el<br />
operario podría adquirir una errónea dinámica <strong>de</strong> clicar dos veces inconscientemente,<br />
sin tener en cuenta <strong>la</strong> responsabilidad que pueda acarreas su acto.
41/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
6º CASO: Indicaciones erróneas y confusas en <strong>la</strong> navegación.<br />
Pantal<strong>la</strong>s <strong>de</strong> control <strong>de</strong> distintas secciones <strong>de</strong> <strong>la</strong> piscina.<br />
Por el contrario, y estando al mismo nivel <strong>de</strong>ntro <strong>de</strong> <strong>la</strong> organización <strong>de</strong>l sistema<br />
SCADA, po<strong>de</strong>mos ver como en <strong>la</strong> pantal<strong>la</strong> <strong>de</strong> Vestuarios – Venti<strong>la</strong>ción el botón <strong>de</strong><br />
retorno se correspon<strong>de</strong> al <strong>de</strong>nominado Poli<strong>de</strong>portivo que nos <strong>de</strong>volvería al menú<br />
principal, lo que es algo erróneo y que da pie a posibles confusiones.<br />
Pantal<strong>la</strong> <strong>de</strong> control <strong>de</strong> otra sección <strong>de</strong> <strong>la</strong> piscina.
3.7.2 Valoración <strong>de</strong> <strong>la</strong> interfaz S.A.F. mediante <strong>la</strong> guía GEDIS<br />
42/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Hemos escogido basarnos en <strong>la</strong> guía GEDIS para realizar <strong>la</strong> valoración <strong>de</strong> esta<br />
aplicación. ¿Por qué esta guía? No solo porque es <strong>la</strong> única guía que conocemos <strong>la</strong> cual<br />
tiene en cuenta los aspectos <strong>de</strong> <strong>la</strong> ergonomía cognitiva si no que se <strong>de</strong>ci<strong>de</strong> trabajar con<br />
el<strong>la</strong> por <strong>la</strong> credibilidad <strong>de</strong> su eficacia, ya que aunque parezca que tiene en cuenta<br />
aspectos <strong>de</strong> sentido común, los diseñadores no son conscientes <strong>de</strong> estos aspectos hasta<br />
que uno los lee. A<strong>de</strong>más <strong>de</strong> que lo más probable es que un diseñador no tenga<br />
conocimientos <strong>de</strong> cómo el ser humano interpreta y asocia <strong>la</strong> información, es por ello,<br />
que basarnos en <strong>la</strong> guía GEDIS, será realmente eficaz.<br />
Indicador: comandos e ingresos <strong>de</strong> datos<br />
Normalmente, a parte <strong>de</strong>l reconocimiento <strong>de</strong> a<strong>la</strong>rmas, <strong>la</strong>s operaciones que efectúa el<br />
usuario son básicamente ejecutar comandos, seleccionar opciones e ingresar datos <strong>de</strong><br />
consigna y parámetros <strong>de</strong>l proceso, por ello <strong>la</strong> importancia <strong>de</strong> analizar el diseño <strong>de</strong><br />
cómo esta p<strong>la</strong>nteado esta parte <strong>de</strong>l aplicativo.<br />
Para cumplir los requisitos mencionados, es imprescindible que su área <strong>de</strong> acción en<br />
pantal<strong>la</strong> sea <strong>de</strong> buen tamaño, perfectamente etiquetada y por ello reconocible fácilmente<br />
por el usuario evitando posibles confusiones o errores por parte <strong>de</strong>l usuario.<br />
Otra característica importante es <strong>la</strong> No-modalidad <strong>de</strong> los comandos, lo cual significa<br />
que estos <strong>de</strong>ben tener el mismo significado sin importar el estado actual <strong>de</strong>l sistema.<br />
Finalmente, <strong>la</strong> guía GEDIS hab<strong>la</strong> <strong>de</strong> <strong>la</strong> importancia <strong>de</strong> <strong>la</strong> retroalimentación,<br />
característica c<strong>la</strong>ve <strong>de</strong> los comandos e ingreso <strong>de</strong> datos, es <strong>de</strong>cir, el usuario <strong>de</strong>be recibir<br />
una respuesta <strong>de</strong>l sistema (positiva o negativa) inmediatamente <strong>de</strong>spués que ha<br />
efectuado una acción. Y <strong>de</strong>cimos inmediatamente <strong>de</strong>spués, ya que el exceso <strong>de</strong> tiempo<br />
<strong>de</strong> espera <strong>de</strong> <strong>la</strong> retroalimentación, pue<strong>de</strong> hacer que el usuario se distraiga.<br />
La ubicación <strong>de</strong> los comandos e ingreso <strong>de</strong> datos se pue<strong>de</strong> establecer ya sea en pantal<strong>la</strong>s<br />
específicamente diseñadas para este fin, pue<strong>de</strong>n ser localizados junto con los sinópticos<br />
<strong>de</strong> proceso, o bien consi<strong>de</strong>rando una mezc<strong>la</strong> <strong>de</strong> ambos conceptos. Se recomienda ubicar<br />
los comandos y el ingreso <strong>de</strong> datos en los sinópticos <strong>de</strong> proceso cuando estos son<br />
críticos para <strong>la</strong> operación <strong>de</strong> <strong>la</strong> p<strong>la</strong>nta o su uso es muy frecuente, <strong>de</strong> tal manera que el<br />
usuario no tenga que estar cambiando pantal<strong>la</strong> a cada momento. En este caso por<br />
ejemplo, en lugar <strong>de</strong> tener una pantal<strong>la</strong> don<strong>de</strong> el usuario pueda cambiar lo que en ese<br />
momento cree oportuno, lo pue<strong>de</strong> realizar don<strong>de</strong> se encuentran los sinópticos <strong>de</strong>l<br />
proceso como vemos en los siguientes ejemplos don<strong>de</strong> en <strong>la</strong>s figuras siguientes hay<br />
opción <strong>de</strong> contro<strong>la</strong>r <strong>la</strong> luminosidad <strong>de</strong> unas áreas concretas.
cc<br />
Control <strong>de</strong> focos<br />
Control luces en pista <strong>de</strong> fútbol<br />
43/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
Control <strong>de</strong> <strong>la</strong> cal<strong>de</strong>ra modo manual activado<br />
Control <strong>de</strong> consigna en sa<strong>la</strong> Fitness<br />
44/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong>
45/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
En nuestro caso, nos ha parecido que <strong>la</strong> aplicación, no permite al usuario intervenir en<br />
muchas acciones <strong>de</strong> control, por ello pensamos que <strong>la</strong> pantal<strong>la</strong> no esta saturada en este<br />
aspecto, aunque si lo podría estas con exceso <strong>de</strong> información como lo po<strong>de</strong>mos<br />
comprobar en <strong>la</strong> figura anterior.<br />
Por todo esto y lo comentado en <strong>la</strong> primera parte <strong>de</strong> esta práctica esta es nuestra<br />
evaluación <strong>de</strong>l 1 al 5.<br />
9. Comandos e ingreso <strong>de</strong> datos<br />
9.1. Visibilidad�2<br />
9.2. Maniobrabilidad�2<br />
9.3. Retroalimentación�2<br />
9.4. Consistencia�2<br />
Figura 5. Pantal<strong>la</strong> <strong>de</strong> a<strong>la</strong>rmas
46/46<br />
Diseño Industrial. Pere Ponsa, Toni Granollers<br />
Diseño <strong>de</strong> pantal<strong>la</strong><br />
Elemento Evaluación<br />
1. Arquitectura<br />
1.1. Correspon<strong>de</strong>ncia con <strong>la</strong> p<strong>la</strong>nta<br />
1.2. Número <strong>de</strong> capas<br />
1.3. Existencia <strong>de</strong> mapa<br />
2. Distribución<br />
2.1. Consistencia<br />
2.2. Densidad<br />
2.3. Flujo <strong>de</strong> proceso<br />
3. Navegación<br />
3.1. Correspon<strong>de</strong>ncia c/arquitectura<br />
3.2. Accesibilidad<br />
3.3. Consistencia<br />
4. Uso <strong>de</strong>l Color<br />
4.1. Visibilidad<br />
4.2. Contraste con el fondo<br />
4.3. Número <strong>de</strong> colores<br />
4.4. Diferenciabilidad entre colores<br />
4.5. Uso <strong>de</strong> colores típicos (rojo, ver<strong>de</strong>, amarillo)<br />
4.6. Consistencia<br />
5. Info. Textual<br />
5.1. Número <strong>de</strong> fuentes<br />
5.2. Número <strong>de</strong> tamaños<br />
5.3. Visibilidad <strong>de</strong>l texto<br />
5.4. Espaciamiento<br />
5.5. Alineación<br />
5.6. Uso <strong>de</strong> énfasis<br />
5.7. Uso <strong>de</strong> acrónimos<br />
5.8. Coloración <strong>de</strong>l texto<br />
5.9. Consistencia<br />
6. Símbolos y representación <strong>de</strong> los equipos<br />
6.1. Facilidad <strong>de</strong> reconocimiento<br />
6.2. Visibilidad <strong>de</strong>l estado <strong>de</strong>l equipo<br />
6.3. Consistencia<br />
7. Valores <strong>de</strong> proceso<br />
7.1. Visibilidad<br />
7.2. Ubicación<br />
7.3. Distribución<br />
7.4. Agrupación <strong>de</strong> datos<br />
7.5. Consistencia<br />
8. Tab<strong>la</strong>s y Grupos <strong>de</strong> ten<strong>de</strong>ncia<br />
8.1. Formato<br />
8.2. Visibilidad<br />
8.3. Ubicación<br />
8.4. Agrupación<br />
8.5. Flexibilidad configuración ten<strong>de</strong>ncias<br />
8.6. Consistencia<br />
9. Comandos e ingreso <strong>de</strong> datos<br />
9.1. Visibilidad<br />
9.2. Maniobrabilidad<br />
9.3. Retroalimentación<br />
9.4. Consistencia<br />
10. A<strong>la</strong>rmas<br />
10.1. Visibilidad <strong>de</strong> <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas<br />
10.2. Accesibilidad <strong>de</strong> <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas<br />
10.3. Ubicación <strong>de</strong> <strong>la</strong> ventana <strong>de</strong> a<strong>la</strong>rmas<br />
10.4. Informatividad <strong>de</strong> los textos <strong>de</strong> a<strong>la</strong>rmas<br />
10.5. Visibilidad <strong>de</strong> a<strong>la</strong>rmas en sinópticos<br />
10.6. Facilidad <strong>de</strong> reconocimiento<br />
10.7. Consistencia<br />
Evaluación global<br />
2<br />
4<br />
1<br />
1<br />
3<br />
3<br />
3<br />
1<br />
2<br />
2<br />
3<br />
2<br />
5<br />
5<br />
5<br />
5<br />
5<br />
5<br />
5<br />
4<br />
5<br />
5<br />
3<br />
3<br />
3<br />
4<br />
4<br />
4<br />
4<br />
3<br />
3<br />
3<br />
3<br />
3<br />
3<br />
2<br />
2<br />
4<br />
3<br />
4<br />
4<br />
4<br />
4<br />
4<br />
4<br />
2<br />
2<br />
2<br />
2<br />
2<br />
3<br />
3<br />
2<br />
4<br />
4<br />
2<br />
2<br />
3<br />
3,1