Experiencia de usuario

UX  User Experience

Interfaces de usuario

UI User Interfaces

Principios

  • Familiaridad del usuario

  • Consistencia

  • Mínima sorpresa

  • Recuperación

  • Diversidad de usuario

Interacción

Cómo se ingresará la información del usuario al sistema?

 

Cómo se le va a presentar la información al usuario?

Interacción

  • Manipulación directa

  • Selección de menús

  • Formularios

  • Comandos

  • Lenguaje natural

Formas de interacción

Interacción

  • Textual

  • Gráfica

  • Interactiva

Presentación de la información

Interacción

  • Limitar el número de colores utilizados y ser conservador con los colores

  • Utilizar cambios de color para mostrar estados del sistema

  • Utilizar el código de colores para apoyar tareas

Gestión del color

Interacción

  • Ser cuidadoso al utilizar pares de colores: Ejemplo: Rojo + Azul

  • Alternativas de colores

Gestión del color

Interacción

  • Mensajes de error deben estar orientados al usuario

  • Mensajes de error deben estar orientados al sistema

Gestión de los errores

Interacción

  • Ajustar la salida del error al contexto actual del sistema

  • Al aumentar el manejo de errores aumenta también la molestia del usuario antes errores muy extensos.

    • Los usuarios principiantes suelen necesitar más información
  • NIVELES DE ERROR (INFO (AZUL), WARNING (NARANJA), ERROR (ROJO) )

Gestión de los errores

Interacción

  • Ajustar la salida del error al contexto actual del sistema

  • Al aumentar el manejo de errores aumenta también la molestia del usuario antes errores muy extensos.

    • Los usuarios principiantes suelen necesitar más información
  • NIVELES DE ERROR (INFO (AZUL), WARNING (NARANJA), ERROR (ROJO) )

Gestión de los errores

Proceso de experiencia de usuario

(UX Workflow)

1- Investigación

Understanding Research Insights

2- Arquitectura de la información

Creating Information Architecture

2- Arquitectura de la información

3- Diseño de Wireframes

Modeling

3- Diseño de Wireframes

Paso 1: Hacer un diseño en papel o en una herramienta rápida (Conceptos rápidos)

Paso 2: Moverse a conceptos de mediana fidelidad

4- Organizando los flujos de trabajo de la experiencia del usuario

UX Flows

4- Organizando los flujos de trabajo de la experiencia del usuario

5- Prototipado rápido

6- Escogiendo los criterios de diseño

7- Diseño de interfaz de usuario

8- Diseño en movimiento

9- Diseñando la administración

- Cuales opciones administrativas

- Soporte

- Mensajes

- Notificaciones

10- Pruebas, mejoramiento y actualizaciones 

Herramientas

(Wireframing and mocking)

Experiencia de usuario

By Ricardo Bermudez Osorio

Experiencia de usuario

  • 132