Please enable JavaScript.
Coggle requires JavaScript to display documents.
Diseño de Interfaz Gráfica de Usuario (GUI) - Coggle Diagram
Diseño de Interfaz Gráfica de Usuario (GUI)
Interfaz de Usuario
Es la parte del software que las personas pueden:
ver, oir, hablar, tocar
Componentes
Entrada
Como la persona le comunica sus necesidades y deseos al computador
Mecanismos de entrada
teclado
raton
dedo: para pantallas touch screen
voz: para funciones habladas
Salida
Forma en la que el computador le transmite los resultados solicitados al usuario
Mecanismos de salida
Pantalla
mecanismos que aprovechan las capacidades auditivas de una persona
Voz
Sonido
Hay tres puntos de vista distintos en una GUI
Modelo del Usuario
tiene su propia vision del sistema y espera que se comporte de una determinada manera
Se Obtiene a travez de test, entrevistas, realimentacion
Modelo del Diseñador
Une las ideas, necesidades y deseos del usuario
Utilizando herramientas para desarrollar el software
Consta de tres partes
presentacion
lo primero que llama la atencion del usuario
interaccion
aqui el usuario constata si el producto satisface sus necesidades
relaciones entre objetos
se define la relacion entre el modelo mental del usuario y los objetos de la interfaz
Modelo del Programador
facil de visualizar debido a que se puede especificar formalmente
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
Permiten conocer como visualizan la GUI los distintos "actores"
Diseño de GUI
factores humanos a considerar al momento de diseñar la GUI
Las personas tienen memoria limitada a corto plazo
Todas las personas cometen errores, en especial cuando se trata de manejar demasiada informacion o se trabaja bajo presion
Las personas poseen un amplio rango de capacidades fisicas
Principios de Diseño
Familiaridad del usuario
Uniformidad de la Interfaz
Minima sorpresa
Recuperacion de estados
Guia de usuario
Diversidad de usuarios
adoptar el punto de vista del usuario
realimentacion
Potenciar la sensacion de control del usuario sobre el sistema
minimizar la necesidad de memorizacion
anticipacion
percepcion de color y tamaño
legibilidad
valores por defecto
eficiencia