Introducción a los conceptos y proceso básico de diseño de experiencia de usuario. Presentación que he ido ajustando con los años en base a mis cursos y proyectos.

1. Experiencia de Usuario
una Introducción
Javier Velasco Martín, Ph.D.
@mantruc

2. Experiencia de Usuario

3. Experiencia de Usuario
Peter Morville

4. Experiencia es Estratégica
Nathan Shedroff

5. Experiencia en Proceso
Nathan Shedroff

8. Eric Reiss

9. Proceso UX

10. Etapas Proceso
• Estrategia
• Alcance
• Esqueleto
• Estructura

11. Estrategia
• Objetivos
• Generales - lo que se quiere lograr, en general
• Específicos - cómo sabremos si lo logramos
• Tipos de Audiencia
• En términos generales, el tipo de personas que usarán el sistema
• Análisis de Mercado
• Explorar qué proyectos similares hay allá afuera
• Estrategia
• Discusión explícita sobre el plan de acción para lograr los objetivos

12. Estrategia
Proyecto de mis estudiantes en UNC

13. Estrategia
Proyecto de mis estudiantes en UNC

14. Estrategia
Proyecto de mis estudiantes en UNC

15. Estrategia
Proyecto de mis estudiantes en UNC

16. Alcance
• Alcance
• Definir qué es y qué no es parte de proyecto en términos de
contenido y funcionalidad
• Personajes
• Arquetipos de persona que representan a tus usuarios y sus
necesidades de información
• Modelo Conceptual
• Representación abstracta de los actores y componentes del
sistema que permite a cualquier persona comprender cómo
funcionará en términos generales

17. Alcance
Proyecto de mis estudiantes en UNC

18. Alcance
Proyecto de mis estudiantes en UNC

19. Alcance
Proyecto de mis estudiantes en UNC

20. Esqueleto
• Card Sorting
• Ejercicio para clarificar cómo los usuarios piensan acerca de nuestro contenido y
herramientas, y cómo las llaman. Esto último es clave para el rotulado de navegación
• Inventario de contenido
• Define todos los items a ser incluidos en el proyecto, cómo serán organizados y
administrados
• Mapa de Arquitectura
• Representación visual de la jerarquía del sistema
• Análisis de Tareas
• Análisis textual del flujo de cada funcionalidad
• Diagramas de Interacción
• Análisis visual del flujo de cada funcionalidad

21. Esqueleto
Proyecto de mis estudiantes en UNC

22. Esqueleto
Proyecto de mis estudiantes en UNC

23. Esqueleto
Proyecto de mis estudiantes en UNC

24. Esqueleto
Proyecto de mis estudiantes en UNC

25. Esqueleto
Proyecto de mis estudiantes en UNC

26. Estructura
• Wireframes
• Representación abstracta de cada pantalla en
el sistema
• Resuelve asuntos de diseño de información, e
incluye las especificaciones detalladas para el
diseño de interacción
• Constituye la especificación por sobre la cual
se comienza a programar

27. Estructura
Proyecto de mis estudiantes en UNC

28. Estructura
Proyecto de mis estudiantes en UNC

29. Experiencia de Usuario
una Introducción
Javier Velasco Martín, Ph.D.
@mantruc