Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción a la Experiencia de Usuario

1,088 views

Published on

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.

Published in: Design

Introducción a la Experiencia de Usuario

  1. 1. Experiencia de Usuario
 una Introducción Javier Velasco Martín, Ph.D. @mantruc
  2. 2. Experiencia de Usuario
  3. 3. Experiencia de Usuario Peter Morville
  4. 4. Experiencia es Estratégica Nathan Shedroff
  5. 5. Experiencia en Proceso Nathan Shedroff
  6. 6. Eric Reiss
  7. 7. Proceso UX
  8. 8. Etapas Proceso • Estrategia • Alcance • Esqueleto • Estructura
  9. 9. 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
  10. 10. Estrategia Proyecto de mis estudiantes en UNC
  11. 11. Estrategia Proyecto de mis estudiantes en UNC
  12. 12. Estrategia Proyecto de mis estudiantes en UNC
  13. 13. Estrategia Proyecto de mis estudiantes en UNC
  14. 14. 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
  15. 15. Alcance Proyecto de mis estudiantes en UNC
  16. 16. Alcance Proyecto de mis estudiantes en UNC
  17. 17. Alcance Proyecto de mis estudiantes en UNC
  18. 18. 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
  19. 19. Esqueleto Proyecto de mis estudiantes en UNC
  20. 20. Esqueleto Proyecto de mis estudiantes en UNC
  21. 21. Esqueleto Proyecto de mis estudiantes en UNC
  22. 22. Esqueleto Proyecto de mis estudiantes en UNC
  23. 23. Esqueleto Proyecto de mis estudiantes en UNC
  24. 24. 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
  25. 25. Estructura Proyecto de mis estudiantes en UNC
  26. 26. Estructura Proyecto de mis estudiantes en UNC
  27. 27. Experiencia de Usuario
 una Introducción Javier Velasco Martín, Ph.D. @mantruc

×