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
historia
a GUI era considerada parte secundaria al desarrollar una aplicación
Con el paso del tiempo, las aplicaciones comenzaron a formar parte de la vida cotidiana
Cada vez más usuarios, con o sin conocimientos, necesitaban interactuar con Interfaces
se comenzó a
desarrollar una Ingeniería de Interfaces
En la actualidad la GUI es parte fundamental de cualquier aplicación, y por lo tanto tiene tanta importancia como el desarrollo de la aplicación en sí
La Interfaz de Usuario es la parte del software que las personas pueden ver, oír, tocar, hablar
salida
es la forma en que la computadora transmite los resultados a lo solicitado por el usuario
entrada
es cómo una persona le comunica sus necesidades o deseos a la computadora. Algunos componentes de entrada comunes son el teclado, el ratón, un dedo (para pantallas sensibles al tacto: touch screen)
Existen tres puntos de vista
distintos en una GUI
Modelo del Usuario
el usuario tiene su propia visión del sistema y espera que se comporte de determinada manera
Modelo del Diseñador
se encarga de unir las ideas, necesidades y deseos del usuario, con las herramientas que dispone el programador para desarrollar el software
Modelo del Programador
es el modelo más fácil de visualizar porque se puede especificar formalmente. consta de los objetos que manipula el programador, distintos a los que maneja el usuario
Diseño de GUI
el usuario es un ‘actor’ importante al momento de diseñar la GUI
se deben tener en cuenta las
capacidades físicas y mentales del mismo
Factores que no se deben ignorar
Las personas tienen memoria limitada
a corto plazo
si al usuario se le presenta demasiada información al mismo tiempo seguramente no podrá asimilarla
Todas las personas cometen errores, en especial cuando se trata de manejar demasiada información o se trabaja bajo presión
Las personas poseen un amplio rango
de capacidades físicas
no debe contemplar las propias capacidades y suponer que el resto de los usuarios podrán adaptarse fácilmente
Principios del Diseño
Familiaridad del usuario
la interfaz debe utilizar términos e
imágenes conocidos por el usuario
Uniformidad de la Interfaz
significa que tanto comandos como menús deben tener el mismo formato
Mínima sorpresa
el comportamiento del sistema no debe mostrar situaciones inesperadas
Recuperación de estados
El sistema le debe proporcionar al usuario la manera de subsanar errores o volver a estados anteriores
Guía de usuarios
La interfaz debe proporcionar al usuario ayuda con errores o sobre como lograr llevar a cabo una accion
Diversidad de usuarios
se debe tener en cuenta los diferentes usuarios que pueden utilizar la aplicación, tener formas distintas de como hacer algo dependiendo de su conocimiento
Adoptar el punto de vista del usuario
se debe ver la interfaz desde fuera y en relación con las tareas que va a realizar el usuario
Realimentación
la interfaz debe dar inmediatamente alguna respuesta a cualquier acción del usuario. Por ejemplo: movimiento del cursor
Potenciar la sensación de control del usuario sobre el sistema, especialmente para los usuarios sin experiencia
Minimizar la necesidad de
memorización
usar controles gráficos, limitar la carga de información a corto plazo
Anticipación
la aplicación debe anticiparse a las necesidades del usuario
Percepción de color y tamaño
se debe tener en cuenta a aquellos usuarios con problema de visualización del color, pero es muy útil usar convención de colores
Legibilidad
no sólo se debe prestar atención a los colores y a los objetos que se ven en pantalla sino también a cómo se verá el texto
Eficiencia
se debe considerar la
productividad como ideal a lograr
No solo el programador se debe enfocar en la funcionalidad del sistema, sino también en cómo se verá el mismo