Diseño de interfaz de usuario

Objetivos

 Conocer el proceso de diseño de sistemas

interactivos
 Conocer la importancia de realizar un diseño
centrado en el usuario
 Aplicar métodos para el análisis de la
interfaz de usuario
 Introducción
 Los sistemas interactivos se caracterizan por la
importancia del diálogo con el usuario
 La interfaz es por tanto una parte fundamental en
el proceso de desarrollo y debe tenerse en cuenta
desde el principio
 La interfaz determina en gran medida la
percepción e impresión que el usuario posee de
una aplicación
 El usuario no está interesado en la estructura
interna de una aplicación, sino en cómo usarla
 No se puede realizar la especificación, diseñar
las funciones y estructuras de datos y escribir el
código y una vez casi terminado el proceso de
desarrollo de la aplicación plantearse el diseño
de la interfaz de usuario, de esta forma se
obtienen interfaces muy dependientes del
diseño de los datos y las funciones, sin tener en
cuenta al usuario que va a utilizar esos datos y
esas funciones
 Una vez hecha la especificación, propuesto un diseño
y desarrollado el código, es muy difícil cambiar las
características de la interacción y presentación de la
información, salvo pequeños detalles, por tanto,
debemos empezar con una idea clara de cómo
queremos la interfaz y cómo serán las interacciones
con el usuario para después desarrollar las
especificaciones funcionales que sirvan de guía al
diseño posterior
Principios de interfaz
 Regla de oro

Según Theo Mantel existen tres reglas de oro par el

diseño de la interfaz.

 Dar el control al usuario.

 Reducir la carga en la memoria del usuario.
 Lograr que la interfaz sea consistente.
 Dar el control al usuario

 Definir los modos de interacción de manera que el

usuario no realice acciones innecesarias.
 Proporcionar una interacción flexible.
 Ocultar al usuario elementos técnicos internos.
 Diseñar interacción directa con los objetos que
aparecen en la pantalla.
 Reducir la carga en la memoria del
usuario

 Definir valores por defecto.

 Definir accesos director intuitivos.
 Desglosar información de manera progresiva.
 Formato visual basado en la realidad.
 Lograr que la interfaz sea
consistente
 Toda la información visual
debe estar organizada de
acuerdo con un estándar de
diseño, que se mantengan en
todas las presentaciones de la
pantalla.
 Los mecanismos de entrada y
navegación se deben definir e
implementar de manera
consistente.
 Prototipos
 Son documentos, diseños o sistemas que simulan
o tienen implementadas partes del sistema final
 Son herramientas muy útiles para hacer
participar al usuario en el diseño y poder
evaluarlo ya en las primeras fases del desarrollo
Prototipos
Características
 Funcionan, no son ni una idea ni un dibujo
 Tienen un tiempo de vida corto
 Pueden servir para diferentes objetivos
 Han de poder ser construidos rápida y
eficientemente
Tipos de interfaces
Interfaces de lenguaje natural.
Estas interfaces son las “ideales” y utópicas a la vez, ya
que en teoría debe permitir la interacción del usuario en
su lenguaje natural, como el español o inglés, sin
requerir de ninguna otra habilidad especial. El problema
es que el lenguaje natural es ambiguo y las interfaces son
limitadas

Interfaces de pregunta y respuesta.

En esta interfaz se le presenta una pregunta al usuario,
da su respuesta y puede continuar con la siguiente
pregunta, normalmente dependiendo de la respuesta
anterior
Tipos de interfaces
Interfaces con Menús.
En esta interfaz se le presentan una serie de opciones al
usuario y dependiendo de su elección se ejecuta una
acción. Los menús pueden estar anidados y llevar de
una opción a un nuevo menú.
El usuario necesita saber qué tarea debe ser realizada.
En este tipo de interfaz es importante ser consistente,
respecto al lugar en que se colocan los menús, teclas
de rápido acceso, nombres comunes para ciertas
tareas, etc.
Tipos de interfaces
Interfaces con formularios (entrada/salida).
Estas interfaces tratan de asimilar las formas impresas
que normalmente utiliza el usuario, ayudándole
mostrando dónde colocar qué información. Algunas
formas facilitan el trabajo llenando valores por omisión.
En estas interfaces habrá que considerar si el usuario es
experimentado, en cuyo caso esperará que las
interfaces sean más eficientes que las formas impresas
tradicionales.
Interfaces de lenguaje de comandos.
En esta interfaz se permite al usuario controlar la
aplicación por medio de comandos, conjuntos de teclas,
frases, o combinación de las anteriores. Por lo anterior, el
usuario tiene mayor control y poder de decisión sobre la
aplicación, pero requieren capacitación para que el
usuario memorice los comandos y reglas de utilización.

Interfaces gráficas del usuario (GUI).

Estas son las interfaces más sofisticadas y complicadas,
que ofrecen mayor funcionalidad y flexibilidad al usuario.
El Proceso
 Análisis y modelado de usuarios, tarea y
entornos.
 Diseño de la interfaz
 Construcción de la interfaz
 Validación de la interfaz
 ANALISIS Y DISEÑO DE LA
INTERFAZ DE USUARIO

El proceso general para analizar y diseñar una interfaz de

usuario empieza con la creación de diferentes modelos de
función del sistema.

Se delinean las tareas orientadas al ser humano y al equipo

que se requieren para lograr el funcionamiento del sistema.
 Análisis de la interfaz

Es mejor comprender el problema antes de tratar de

diseñar una solución.

Se debe comprender:
• A las personas.
• Las tareas
• El contenido como parte de la interfaz
• El entorno.
Modelos del análisis y diseño de
la interfaz

Un ingeniero establece un modelo del usuario; el ingeniero

del software crea un modelo del diseño; el usuario final
desarrolla una imagen mental que suele denominarse modelo
mental del usuario o percepción del sistema, y quienes
implementan el sistema crean un modelo de la
implementación
 El diseño establece el perfil de los usuarios finales del sistema.

Para construir una interfaz de usuario efectiva, “ todo diseño

debe empezar por la comprensión de quienes son los usuarios
de destino, incluidos sus perfiles de edad, sexo, habilidades
físicas, educación, antecedentes culturales o étnicos,
motivaciones, objetivos y personalidad ”.

TIPOS DE USUARIOS
 Principiantes. Escaso conocimiento de aplicaciones.
 Esporádicos con conocimiento
 Frecuentes con conocimientos
El modelo de diseño incorpora datos, arquitectura interfaz y representaciones
procedimentales del software.

La especificación de requisitos establece ciertas restricciones que ayudan a definir

el usuario del sistema.

El modelo mental moldea la manera en que el usuario percibe la interfaz y esta

satisface sus necesidades.

La implementación combina la manifestación externa del sistema de computo y

toda la información de ayuda que describe la sintaxis y semántica del sistema.

Cuando coinciden el modelo de la implementación y el modelo mental del

usuario, los usuarios suelen sentirse a gusto con el software y lo usan con
efectividad.
PASOS DEL DISEÑO DE LA INTERFAZ

Se han propuesto muchos modelos diferentes para el diseño de

la interfaz de usuario, todos sugieren una combinación de los
siguientes pasos:

1. Con base en la información desarrollada durante el análisis

de la información, definir los objetos y las acciones de la
interfaz (operaciones).

2. Definir eventos (acciones del usuario) que cambiarán el

estado de la interfaz. Modelar este comportamiento.
3. Representar cada estado de la interfaz tal como lo verá el
usuario final.

4. Indicar como interpreta el usuario el estado del sistema a

partir de la interfaz proporcionada mediante la interfaz.
 Conclusiones

 El diseño de la interfaz es parte fundamental del

proceso de desarrollo del software y debe ser
considerado desde el principio
 El usuario debe tomar parte en el diseño y no ser
mero espectador
 Existen metodologías y notaciones para el diseño que
deben ser utilizadas
 La evaluación del diseño tiene una gran importancia