1. Diseño Interfaz de Usuario
BAYARDO MEDINA DIAZ
ERIC CASTRO NAVARRO
LUIS GABRIEL TORRES
2. INTERFAZ GRAFICA DE USUARIO
La interfaz gráfica de usuario, conocida también como GUI (del inglés
graphical user interface) es un programa informático que actúa de interfaz
de usuario, utilizando un conjunto de imágenes y objetos gráficos para
representar la información y acciones disponibles en la interfaz.
3. Características de las Interfaces gráficas de
usuario (GUIs)
• Ventanas:
– Ventanas múltiples permiten que se despliegue
simultáneamente información diversa en la pantalla del
usuario.
• Iconos:
– Representan diferentes tipos de información, por ejemplo
archivos, procesos ,etc.
• Menús:
– Los comandos se seleccionan de un menú en lugar de
teclearse en un lenguaje de ordenes.
4. • Apuntador:
– Para seleccionar opciones de un menú o para
indicar elementos de interés en una ventana , se
utiliza un dispositivo apuntador , como el ratón.
• Gráficos:
– Los elementos gráficos se pueden mezclar con
texto en el mismo despliegue.
5. Ventajas de las GUIs
• Fáciles de aprender y utilizar.
• Para interactuar con el sistema , los
usuarios cuentan con pantallas múltiples. Se
puede pasar de una tarea a otra sin perder
de vista la información de la anterior.
• Interacción rápida y acceso inmediato a
cualquier punto de la pantalla.
6. Proceso de Diseño de la GUI
Analizar y Producir un
comprender las prototipo de Evaluar el diseño con los
actividades del diseño en usuarios finales
usuario papel
Diseñar el Producir el
prototipo prototipo del Evaluar el diseño con los
diseño dinámico usuarios finales
Prototipo Implementar la interfaz del
ejecutable usuario final
7. Principios de diseño de Interfaces de
usuario
• Familiaridad del usuario:
– Utilizar términos y conceptos que se toman de la
experiencia de las personas que más utilizan el
sistema.
• Consistencia:
– Siempre que sea posible , la interfaz debe ser
consistente en el sentido de que las operaciones
comparables se activan de la misma forma.
8. • Mínima sorpresa:
– El comportamiento del sistema no debe provocar
sorpresa a los usuarios.
• Recuperabilidad:
– La interfaz debe incluir mecanismos para permitir
a los usuarios recuperarse de los errores. Esto
puede ser de dos formas:
• Confirmación de acciones destructivas
• Proveer de un recurso para deshacer
9. • Guía al usuario:
– Cuando los errores ocurren , la interfaz debe
proveer retroalimentación significativa y
características de ayuda sensible al contexto.
• Diversidad de usuarios:
– La interfaz debe proveer características de
interacción apropiada para los diferentes tipos de
usuarios.
10. Interacción del usuario
• Una interfaz coherente debe integrar la interacción
del usuario y la presentación de la información.
• Clasificación de la interacción en 5 estilos primarios:
– Manipulación directa:
• Interacción directa con los objetos de la pantalla.
• Rápida e intuitiva
• Fácil de aprender
• Ejemplo: para borrar un archivo , el usuario lo arrastra al bote de
basura. Videos de juegos