Diseño de la

interfaz de usuario
Diseño de la interfaz de usuario
Los usuarios de sistemas frecuentemente juzgan un
sistema por su interfaz más que por su funcionalidad

 El diseño pobre de la interfaz de usuario es la razón por

la cual muchos sistemas de software nunca son usados

 Una interfaz pobre puede causar que el usuario cometa

errores importantes

 La mayoría de los usuarios de sistemas de negocios

interactúan a través de interfaces gráficas
Características de las interfaces
gráficas de usuario
 Ventajas de las interfaces
gráficas de usuario
 Son fáciles de aprender y usar
 Los usuarios sin experiencia pueden aprender a usar
el sistema rápidamente
 El usuario puede ir de una tarea a otra y puede
interactuar con diferentes aplicaciones
 La información se mantiene visible al cambiar de
tarea
 Es posible la interacción completa con acceso
inmediato a cualquier parte de la pantalla
Diseño centrado en el usuario
 El propósito del diseño centrado en el usuario es
concientizar al ingeniero de software sobre los aspectos
clave del diseño más que de la implementación de
interfaces de usuario
 El diseño centrado en el usuario es un enfoque para
diseñar IU donde las necesidades del usuario son lo más
importante y donde el usuario se involucra en el proceso
de diseño
 El diseño de la IU involucra siempre el desarrollo de
prototipos de interfaz
Principios de diseño
 El diseño de la IU debe considerar las necesidades,
experiencia y capacidad de los usuarios del sistema

 Los diseñadores deben estar atentos de las limitaciones

físicas y mentales de la gente (por ejemplo memoria de
corto plazo) y deben reconocer que la gente comete
errores

 Los principios de diseño de IU se basan en los principios

de diseño gráfico, sin embargo no todos los principios
son aplicados a todos los diseños
Principios de diseño (2)
 Familiaridad del usuario

La interfaz debe estar basada en términos y conceptos orientados al

usuario y no en conceptos de cómputo. Por ejemplo, un sistema para
oficina debe usar letras, documentos, carpetas, etc. en vez de
directorios, identificadores de archivo, etc.

 Consistencia

La interfaz debe ser consistente de tal manera que, las operaciones

comparables deben ser activadas de la misma forma

 Sorpresa mínima

El usuario debe ser capaz de predecir la operación de comandos

comparables
Principios de diseño (3)
 Recuperación
La interfaz debe incluir mecanismos para permitir a los usuarios
recuperarse de fallas. Por ejemplo, opciones de deshacer, confirmar
en acciones destructivas, etc.

 Guía de usuarios
Debe proveerse algún tipo de guía como sistemas de ayuda,
manuales en línea, etc.

 Diversidad de usuarios
Debe existir apoyo para que diferentes tipos de usuarios
interactúen. Por ejemplo, texto grande para usuarios con
dificultades visuales
Interacción usuario-sistema
 Durante el diseño de sistemas interactivos
deben considerarse dos problemas
 La manera en que la información del usuario será
provista al sistema
 La manera en que la información del sistema será
presentada al usuario
 La interacción y presentación de la información
al usuario deben ser integradas a través de un
marco coherente
 Estilos de interacción
Estilo de Interacción
Manipulación Directa
Selección de Menú
Llenado de Formulario
Comando Escrito
Lenguaje Natural
Principales Ventajas
Interacción Rápida e Intuitiva
Fácil de Aprender
Evita el error del usuario
Se requiere poco escritura
Entrada de datos simple
Facil de Aprender
Comprobable
Potente y flexible
Accesible para usuarios
ocasionales
Fácilmente extendido
Principales Desventajas Ejemplos de Aplicación
Puede ser difícil de implementar
Videojuegos
Solo adecuado cuando hay una
Software CAD
metáfora visual para la tarea y los
objetos
Lento para usuarios
experimentados La mayoría de sistemas de
Puede volverse complejo con propósito general
muchas opciones de menú
Ocupa mucho espacio en la
pantalla
Control de inventario y ventas,
Causa problemas cuando lo
procesamiento de préstamos
escrito por el usuario no
personales
coinciden con los campos del
formulario esperados
Dificil de aprender Sistemas Operativos, comandos
Mala gestión de errorres para control de sistemas
Requiere más mecanógrafia,
lenguaje natural Sistema de recuperación de
Sistema de comprensión no información
confiable
Presentación de la información
 Información estática
 Iniciada al principio de la sesión. No
cambia durante la sesión
 Puede ser numérica o textual
 Información dinámica
 Cambia durante la sesión y los cambios
deben ser:
 comunicados al usuario
 Puede ser numérica o textual
 Factores para el desplegado de
información
 ¿ Le interesa al usuario información precisa o las relaciones entre
los datos ?

 ¿ Que tan rápido cambian los valores de la información?

 ¿ Deben indicarse los cambios inmediatamente ?

 ¿ Debe el usuario tomar acciones en respuesta a cambios ?

 ¿ Existe una interfaz para manipulación directa ?

 ¿ Es la información numérica o textual ? ¿ Son importantes los

valores relativos ?
Visualización de datos
 Se refiere a técnicas para el desplegado de grandes cantidades de
información

 La visualización puede revelar relaciones entre entidades y

tendencias en los datos

 Algunas posibles visualizaciones son:

 Información del clima recolectada de varias fuentes
 El estado de una red de teléfonos como un conjunto de nodos
enlazados
 El modelo de una molécula en tres dimensiones
 Páginas Web desplegadas como un árbol
Colores
 El color agrega una dimensión extra a una
interfaz y puede ayudar al usuario a entender
estructuras de información complejas
 Pueden ser usados para remarcar eventos
excepcionales
 Algunos errores en el uso de colores en el
diseño de interfaces son:
 Eluso de color para comunicar significado
 Sobre utilización de color en la pantalla
Guía para el uso de colores
 No utilizar demasiados colores

 Utilizar códigos de colores para apoyar en las tareas

 Permitir a los usuarios controlar los códigos de colores

 Diseñar monocromático y agregar color posteriormente

 Utilizar códigos de colores consistentemente

 Evitar la mala combinación de colores

 Utilizar cambios de color para mostrar cambios de estado

Apoyo al usuario
 La guía al usuario cubre todas las facilidades del
sistema para apoyar a los usuarios, incluyendo la ayuda
en línea, mensajes de error, manuales, etc.

 El sistema de guía al usuario debe estar integrado a la

interfaz de usuario para ayudar a los usuarios cuando
necesiten información sobre el sistema o cuando
cometen algún tipo de error

 Los sistemas de ayuda y de mensajes deben, si es

posible, estar integrados
Mensajes de error
 El diseño de mensajes de error es muy importante.

 Los mensajes pobres pueden significar que el usuario

rechace el sistema

 Los mensajes deben ser concisos, consistentes y

constructivos

 Los antecedentes y experiencia de los usuarios debe ser

el factor determinante en el diseño de mensajes
Factores de diseño en los
mensajes
Diseño del sistema de ayuda
 Ayuda? significa “ayúdame, necesito información”

 Ayuda! significa “ayúdame, estoy en problemas”

 Ambos requisitos deben ser tomados en cuenta en el diseño de

sistemas de ayuda

 Se puede requerir de varias opciones en el sistema de ayuda

 No debe ser un simple manual en línea

Documentación del usuario
 Así como en la información en línea, la documentación
en papel debe ser provista junto con el sistema

 La documentación debe ser diseñada para una

variedad de usuarios desde inexpertos hasta
expertos

 Al igual que los manuales, debe ser provista otra

documentación como una referencia rápida
 Evaluación de la interfaz de
usuario
 Se debe realizar alguna evaluación de la
interfaz de usuario
 para valorar su pertinencia
Técnicas simples de evaluación

 Cuestionarios para obtener retroalimentación

del usuario

 Grabación del uso del sistema y evaluación de

la cinta

 Implementación de código para la recolección

de la facilidad de uso y errores del usuario