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
Diseño de Gui
Factores humanos a tener en cuenta
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
Las personas tienen memoria limitada
a corto plazo
. Las personas difieren en los gustos de
interacción ya que no todos quieren trabajar en lo mismo
Principios del Diseño
Mínima sorpresa
el usuario puede mostrar
irritabilidad
se puede perder interés
en utilizar la aplicación
El comportamiento del sistema no debe mostrar situaciones inesperadas
Recuperación de estados
El sistema debe proporcionar al usuario la capacidad de volver a estado anteriores o arreglar errores
Se le pide al usuario que confirme acciones destructivas
es uno de los principios más importantes
Uniformidad de la Interfaz
Las interfaces uniformes reducen el tiempo de aprendizaje
tanto comandos como menús
deben tener el mismo formato
Guía de usuarios
La asistencia no solo es en caso de errores también en caso de no saber que hacer
La ayuda debe estar integrada al
sistema
la Interfaz debe
proporcionar al usuario asistencia
No se debe saturar con información
Familiaridad del usuario
Los objetos que manipula el sistema deben estar relacionados con el ámbito de trabajo
la interfaz debe utilizar términos e
imágenes conocidos por el usuario
Diversidad de usuarios
Algunos tipos de usuarios
Intermedios
Avanzados
Casuales
Ejemplo: reemplazar sonido por texto o viceversa
Se debe tener en cuenta los diferentes usuarios que puedan usar la app
Adoptar el punto de vista del usuario
Hay que tener cuidado en no centrarse en los aspectos de implementación que hagan perder la perspectiva
Se debe ver la interfaz desde fuera
Realimentación
Reflejar el estado de los
objetos
La interfaz debe dar inmediatamente alguna respuesta a cualquier acción del usuario
Resaltar la opción elegida de un menú
Potenciar la sensación de control del
usuario sobre el sistema
La interfaz debe ser intuitiva
Facilitar la exploración
Se hace especialmente
para los usuarios sin experiencia
Permitir cancelar y
deshacer operaciones
Minimizar la necesidad de
memorización
limitar la carga de información a corto
plazo
procurar que la información necesaria en cada momento esté presente en la pantalla
Usar controles gráficos
Anticipación
No hay que esperar que el usuario deba buscar infromación
La app debe anticiparse a las necesidades del usuario
Percepción de color y tamaño
Es muy útil usar convención de
colores
Los objetos en pantalla deben estar bien distribuidos
Hay que tener en cuenta usuarios con problemas de visualización de color
No debe haber sobrecarga de objetos
Legibilidad
El tipo y tamaño
de letra debe ser legible
El color
debe contrastar con el fondo
No solo se presta atención a los objetos, también se hace al texto
Valores por defecto
Los valores por defecto deben ser opciones inteligentes,
sensatas y fáciles de modificar
Lo ideal es utilizar
‘valores estándar’
Eficiencia
Se debe considerar la
productividad como ideal a lograr
El usuario no debe esperar una respuesta por mucho tiempo
Los mensajes, menús y etiquetas deben ser sencillos
Puntos de vista distintos en una GUI
Modelo del Diseñador
El diseñador ve las necesidades y deseos del usuario
Este modelo consta de 3 partes
Interacción
El usuario constata si el producto satisface sus expectativas
Relaciones entre objetos
se define la relación entre el modelo mental del usuario y los objetos de la interfaz
Presentación
Es lo primero que llama la atención del usuairo
El diseñador es quien se encarga de unir ideas
Modelo del Programador
El usuario no ve los objetos que maneja el programador
El programador pese a conocer todo lo del desarrollo no necesariamente posee la habilidad de proporcionar un modelo adecuado
Este modelo consta de los objetos que manipula el
programador
Modelo del Usuario
Espera que el sistema se comporte de una manera especifica
Este modelo se puede conocer a través de entrevistas
El usuario posee su propia visión del sistema