Please enable JavaScript.
Coggle requires JavaScript to display documents.
Diseño de Interfaz Gráfica de Usuario - Coggle Diagram
Diseño de Interfaz Gráfica de Usuario
Resumen
GUI por su nombre en inglés Graphical User Interface
La interfaz tiene un papel fundamental para el producto
Interactuamos constantemente con Interfaces Gráficas de Usuario
El diseño de la GUI tiene una gran influencia en fracaso o éxito de este
Palabras claves:
Construcción
Interfaz Gráfica de Usuario (GUI)
Diseño
Contexto del texto
Proyecto de Investigación:
“Ingeniería de Software: Aspectos de alta sensibilidad en el ejercicio de la profesión de Ingeniero de Software”
Universidad Nacional de San Luis
Facultad de Ciencias Físico, Matemáticas y Naturales
Introducción
La Interfaz de Usuario es la parte del software que las personas pueden:
Oír
Hablar
Ver
Es donde se pueden entender
La Interfaz de Usuario tiene esencialmente dos componentes
La entrada
La persona le comunica sus necesidades a la computadora
Ejemplos:
Raton
Teclado
Dedos (para touch screen)
La voz (instrucciones habladas)
La salida
Transmite los resultados a lo solicitado por el usuario
Ejemplos:
Pantallas
Sonidos
Pensando en los usuarios inexpertos se comenzó a desarrollar una Ingeniería de Interfaces
Existen tres puntos de vista distintos en una GUI:
Modelo del Diseñador:
El diseñador es quién se encarga de unir las ideas, necesidades y deseos del usuario
Con las herramientas que dispone el programador para desarrollar el software.
Éste modelo consta de tres partes:
Interacción que es donde el usuario constata si el producto satisface sus expectativas
Relaciones entre objetos donde se define la relación entre:
El modelo mental del usuario
Los objetos de la Interfaz
Presentación que es lo primero que llama la atención del usuario
Modelo del Programador:
Consta de los objetos que manipula el programador, distintos a los que maneja el usuario
El usuario no ve los objetos que maneja el programador
El modelo más fácil de visualizar porque se puede especificar formalmente
No significa que tenga (programador) la habilidad de proporcionar al usuario modelos más adecuados.
Modelo del Usuario:
El usuario tiene su propia visión del sistema, espera que se comporte de cierta forma
El modelo de usuario se puede conocer estudiándolo a través de test, entrevistas, realimentación
Nos permiten conocer cómo visualizan la GUI cada uno de los ‘actores’
Principios del Diseño
Realimentación:
Dar inmediatamente alguna respuesta a cualquier acción del usuario
Ejemplo: movimiento del cursor, entre otros
Potenciar la sensación de control del usuario sobre el sistema:
Interfaz sea intuitiva
Ejemplo: utilizar iconos, deshacer operaciones, etc
Adoptar el punto de vista del usuario:
Ver la interfaz desde fuera y en relación con las tareas de usuario
Minimizar la necesidad de memorización:
Limitar la carga de información a corto plazo
Ejemplo: Utilizar nombres y símbolos auto-explicativos y fáciles de recordar
Diversidad de usuarios:
Tener en cuenta los diferentes usuarios que pueden utilizar la aplicación
Incluir recursos para mostrar diferentes tamaños de texto
Anticipación:
La aplicación debe anticiparse a las necesidades del usuario
No esperar a que tenga que buscar información
Guía de usuarios:
Proporcionar al usuario asistencia, ayuda
Esta ayuda debe estar integrada al sistema
Percepción de color y tamaño:
Tener en cuenta a aquellos usuarios con problema
Los objetos en la pantalla deben estar distribuido
Recuperación de estados:
Principios más importantes
Poder permitir al usuario a volver a estados anteriores
Legibilidad:
El tipo y tamaño de letra debe ser legible, y el color debe contrastar con el fondo
Mínima sorpresa:
El comportamiento no debe mostrar situaciones inesperadas
El usuario puede perder interés en utilizar la aplicación
Valores por defecto:
Utilizar ‘valores estándar’
Los valores por defecto deben ser opciones inteligentes, sensatas y fáciles de modificar
Uniformidad de la Interfaz:
Tanto comandos como menús deben tener el mismo formato
Para reducir el tiempo de aprendizaje
Eficiencia:
Considerar la productividad como ideal a lograr
Los mensajes de ayuda, menús deben ser sencillos, utilizar palabras claves
Familiaridad del usuario:
Utilizar términos e imágenes conocidos por el usuario
Estar relacionados con el ámbito de trabajo
Conclusiones y trabajos futuros
Cualquier usuario puede entender y interactuar
El objetivo de éste trabajo es identificar y explicar principios básicos del diseño
¿Porqué es necesario un buen diseño de GUI?:
Una aplicación que cuenta con una GUI bien diseñada, es más competitiva
