Tecnico

Diseño de Interfaces
Hombre-Máquina (HMI)

Alfredo Rosado
SID. ITT-SE

Objetivos de la sesión
Tipos de Interfaces gráficas
Teorías y modelos de alto nivel
Principios y reglas: diálogos y
prevención de errores.
Principios generales:
? Guías,

estándares, métodos de prototipos
y pruebas

Interfaces gráficas
Los tres estilos más comunes de interfaces gráficas hombre
computadorason:

WYSIWYG What you see is what you get, Lo que tú
ves es lo que puedes conseguir
Manipulación directa e Interfaces de usuario basados
en iconos.
Se mencionarán brevemente algunos otros estilos de
interacción como: menú de selección, lenguaje de
comandos, lenguaje natural, diálogo de preguntarespuesta.
Estos estilos de interacción no son esencialmente gráficos pero pueden
serutilizados en aplicaciones gráficas.

Lo que tú ves es lo que puedes
conseguir (WYSIWYG)
En una interfaz WYSIWYG la representación
gráfica con la cual los usuarios interactúan en
la pantalla es esencialmente la misma
imagen creada por la aplicación. Muchas de
la aplicaciones gráficas tienen algún
componente WYSIWYG.
Existen muchos editores que tienen
interfaces
WYSIWYG;
principalmenteaquellas aplicaciones gráficas. Lo que
nosotros vemos en la pantalla es el resultado
de nuestra aplicación en papel.

Manipulación directa
La interfaz gráfica de manipulación directa es aquella en la cual a
través de acciones físicas los usuarios manipulan los objetos gráficos
(son hechos de acuerdo con entidades y experiencias del mundo real.
Por ejemplo: metáforas del mundo real) en lapantalla. Estas acciones
son ejecutadas comúnmente utilizando el ratón.
Shneiderman [1992] propuso en su terminología los siguientes
principios para describir la manipulación directa:
Continua representación de los objetos y acciones de interés.
Acciones físicas o presión de botones etiquetados en lugar de sintaxis
muy compleja.
Rápidas y reversibles operaciones que afectan a los objetos deinterés
son inmediatamente visibles.
Con el uso de manipulación directa se puede evitar el uso de sintaxis
compleja, por lo tanto, se reducen los errores cometidos con el uso del
mismo, ayudando a los novatos a aprender más rápido la funcionalidad
básica del sistema. Por ejemplo, para borrar un archivo dentro de la
interfaz de Macintosh se selecciona visualmente el archivo y se
arrastra hastael bote de basura.

Manipulación directa
Comúnmente manipulación directa es utilizado con otros estilos de
interfaces como la ejecución de comandos por medio de menús o por
el teclado permitiendo una mejor usabilidad de la misma.
Manipulación directa es un estilo de interfaz muy fácil de aprender y
muy poderosa, muchas veces es presentada como el mejor estilo de
interfaz, pero sin embargotiene algunas limitaciones.
La exactitud dentro de la manipulación es dejada mucha veces a la
habilidad que tenga el usuario con el uso del ratón (eje. ajustar botón
movible en un valor especificado).
Requiere de mucho conocimiento del mundo real (eje. es necesario
que una persona sepa utilizar una calculadora común y corriente para
que se le facilite el uso de la que está representada en lapantalla).
La velocidad en usuario experimentados es reducida si el usuario es
forzado a utilizar solo manipulación directa cuando otro tipo de
interacción es más rápida ( p. eje. para borrar todos los archivos con
extensión “txt” -en una carpeta- probablemente se requiera
encontrarlos visualmente dentro de muchos iconos y arrastrarlos hasta
el bote de basura siendo más fácil borrarlos comoen DOS con un
comando “del *.txt”).

Interfaces de usuario basados en iconos
Este estilo de interfaz se basa en gráficas (iconos)
para representar un objeto, una acción, una
propiedad o algún otro concepto. No siempre el uso
de iconos es mejor para representar algún concepto
o acción, muchas veces es mejor utilizar texto para
representar algo.
No se puede decir que el icono sea mejor...