Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
TALLER DE 
DESIGN THINKING & UX 
APRENDAMOSA CREAREXPERIENCIAS 
MEMORABLES! 
Por Johnny Ordóñez
@JohnnyOrdonez 
Agilista 
Consultor 
Emprendedor 
Amante del UX 
HOLACAMPUSEROS!!
Conceptos –15 min 
Contexto del Problema –5 min 
Ejecución del Taller –100 min 
Cierre –1 min 
¿CUÁLESEL PLAN?
DESIGNTHINKING 
PENSAMIENTO DE DISEÑO
Design Thinkingesun procesode innovaciónenfocadoenpersonas quese nutrede herramientasde diseñopara integrarlasnecesidadesd...
Personas 
Tecnología 
Negocio 
Deseabilidad 
Factibilidad 
Viabilidad 
Las mejoressolucionesemergende la conjunciónde last...
Personas 
Tecnología 
Negocio 
Deseabilidad 
Factibilidad 
Viabilidad 
Las mejoressolucionesemergende la conjunciónde last...
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Para crear innovaciones significativas 
neces...
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Enmarcando el problema adecuado 
es la única ...
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
No es sobre tener la idea correcta, 
es sobre...
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Construye para pensar y evalúa 
para aprender...
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Evaluar te da la oportunidad para 
aprender s...
EXPERIENCIA DE USUARIO 
USER EXPERIENCE 
UX
UsereXperience 
≠ 
Usabilidad
Eficiencia 
Eficacia 
Satisfacción 
El usuariologralo quequiere 
El usuariolo lograrápidamente 
Al navegaren el sistema 
U...
UsereXperience 
≠ 
Diseño Gráfico
SUPERFICIE 
Diseño Gráfico 
ESQUELETO 
Diseño de Interfaz 
Diseño de Navegación 
Diseño de Información 
ESTRUCTURA 
Diseño...
UX no depende sólo de los factores relativos al diseño, sino además de aspectos relativos a las emociones, sentimientos, c...
sicología 
percepción 
marca 
experiencia 
estética 
emoción 
diseño gráfico 
arquitectura de información 
investigación d...
EXPERIENCIA DE USUARIO 
deleitar 
empatía 
simple 
valioso 
Gran Diseño 
+ 
Emociones 
= 
UX
Bueno, manos a la obra!!
PREPARÉMONOSPARA LA ACCIÓN 
Formen grupos de entre 2 a 5 personas. 
Ubíquense en mesas separadas. 
Asegúrense que cuentan ...
Mantengamos una mentalidad de niños.
Mantengamos una mentalidad de niños
CONTEXTO 
EL PROBLEMA A RESOLVER
Diseñar la experiencia de dirigirme hacia una charla o taller de mi interés dentro de la Campus Partya la hora adecuada, a...
El Geek 
El Businessman 
El Perdido
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Personas –5 min 
Entrevistas–10 min 
Mapade E...
54 
PERSONAS
PERSONAS
Personas 
PERSONAS
DISEÑENUNAPERSONA 
Enfóquense en un perfil: el Geek, el Businessman, el Perdido. 
Póngale un nombre y apellido: Johnny Gee...
Jueguen 
muchachos!!
5 MINUTOS
ENTREVISTAS 
60
PREPARÉMONOSPARA LA ENTREVISTA 
Identifiquen a las personas que para Ustedes hacen match con su perfil seleccionado: el Ge...
EJEMPLOS DE PREGUNTAS 
Qué piensas acerca de encontrar y asistir a una charla a la que quieres asistir? 
Cómo manejas tu a...
10 MINUTOS
MAPA DE EMPATÍA 
65
MAPADE EMPATÍA
10 MINUTOS
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
User Journey –10 min
USER JOURNEY 
69
USER JOURNEY 
Home 
Login 
MisCharlas 
Seleccionarcharla 
Intereses 
Buscarcharla 
Guíame 
SeleccionamisIntereses 
Buscarc...
USER JOURNEY 
Toma en cuenta los objetivos del usuario. 
Sus motivaciones. 
Sus puntos de dolor. 
Su perfil en general. 
L...
10 MINUTOS
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Skecthing–10 min
SKETCHING 
76
82
10 MINUTOS
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Paper prototyping –25 min
PAPER 
PROTOTYPING
89
90
25 MINUTOS
Empatizar 
Definir 
Idear 
Prototipar 
Evaluar 
LOS PASOSDE DESIGN THINKING 
Validaciónde Prototiposde Papel–25 min
VALIDAR 
PROTOTIPOS
VAYAAN!!
25 MINUTOS
ALGUNAS FOTOS DEL TALLER 
CAMPUS PARTYECUADOR 2004 
Veralbum completo: on.fb.me/1tVCd3R
Veralbum completo: on.fb.me/1tVCd3R
Veralbum completo: on.fb.me/1tVCd3R
Veralbum completo: on.fb.me/1tVCd3R
LIBROS RECOMENDADOS
GRACIAS! 
@JohnnyOrdonez
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Design Thinking & UX - Workshop Campus Party, Ecuador 2014
Próxima SlideShare
Cargando en…5
×

Design Thinking & UX - Workshop Campus Party, Ecuador 2014

4.468 visualizaciones

Publicado el

La presentación del taller que facilité en la Campus Party 2014. Fue una experiencia genial!

Publicado en: Diseño
  • Sé el primero en comentar

Design Thinking & UX - Workshop Campus Party, Ecuador 2014

  1. 1. TALLER DE DESIGN THINKING & UX APRENDAMOSA CREAREXPERIENCIAS MEMORABLES! Por Johnny Ordóñez
  2. 2. @JohnnyOrdonez Agilista Consultor Emprendedor Amante del UX HOLACAMPUSEROS!!
  3. 3. Conceptos –15 min Contexto del Problema –5 min Ejecución del Taller –100 min Cierre –1 min ¿CUÁLESEL PLAN?
  4. 4. DESIGNTHINKING PENSAMIENTO DE DISEÑO
  5. 5. Design Thinkingesun procesode innovaciónenfocadoenpersonas quese nutrede herramientasde diseñopara integrarlasnecesidadesde los usuarios, lasposibilidadesde lastecnologíay los requisitospara el éxitode un negocio. –Tim Brown, Presidentey CEO de IDEO http://www.ideo.com/about/
  6. 6. Personas Tecnología Negocio Deseabilidad Factibilidad Viabilidad Las mejoressolucionesemergende la conjunciónde lastresperspectivas.
  7. 7. Personas Tecnología Negocio Deseabilidad Factibilidad Viabilidad Las mejoressolucionesemergende la conjunciónde lastresperspectivas. Comienzaaquí!
  8. 8. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING
  9. 9. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Para crear innovaciones significativas necesitas conocer a tus usuarios y preocuparte de sus vidas. Escuchar Involucrarse Comprender
  10. 10. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Enmarcando el problema adecuado es la única manera de crear la solución correcta. Claridad Enfoque Problemacorrecto
  11. 11. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING No es sobre tener la idea correcta, es sobre el crear la mayor cantidad de posibilidades. Explorar Colaboración Brainstorming
  12. 12. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Construye para pensar y evalúa para aprender. Construir Conversar Experimentar
  13. 13. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Evaluar te da la oportunidad para aprender sobre los usuarios y las posibles soluciones. Saliry probar Feedback Ajustar
  14. 14. EXPERIENCIA DE USUARIO USER EXPERIENCE UX
  15. 15. UsereXperience ≠ Usabilidad
  16. 16. Eficiencia Eficacia Satisfacción El usuariologralo quequiere El usuariolo lograrápidamente Al navegaren el sistema Usabilidad
  17. 17. UsereXperience ≠ Diseño Gráfico
  18. 18. SUPERFICIE Diseño Gráfico ESQUELETO Diseño de Interfaz Diseño de Navegación Diseño de Información ESTRUCTURA Diseño de Interacción Arquitectura de la Información ALCANCE Especificaciones Funcionales Requerimientos ESTRATEGIA Necesidades del Negocio Objetivos del Producto 10% 90%
  19. 19. UX no depende sólo de los factores relativos al diseño, sino además de aspectos relativos a las emociones, sentimientos, confiabilidad del producto.”
  20. 20. sicología percepción marca experiencia estética emoción diseño gráfico arquitectura de información investigación de usuarios diseño de interacción desarrollo de UI ingeniería de usabilidad QUÉ ES UX?
  21. 21. EXPERIENCIA DE USUARIO deleitar empatía simple valioso Gran Diseño + Emociones = UX
  22. 22. Bueno, manos a la obra!!
  23. 23. PREPARÉMONOSPARA LA ACCIÓN Formen grupos de entre 2 a 5 personas. Ubíquense en mesas separadas. Asegúrense que cuentan con el material necesario para trabajar. Nada de computadoras y celulares apagados o en vibración. Respetemos los tiempos asignados.
  24. 24. Mantengamos una mentalidad de niños.
  25. 25. Mantengamos una mentalidad de niños
  26. 26. CONTEXTO EL PROBLEMA A RESOLVER
  27. 27. Diseñar la experiencia de dirigirme hacia una charla o taller de mi interés dentro de la Campus Partya la hora adecuada, a través de una app móvil que me guíe físicamente hacia el lugar.”
  28. 28. El Geek El Businessman El Perdido
  29. 29. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Personas –5 min Entrevistas–10 min Mapade Empatía–10 min
  30. 30. 54 PERSONAS
  31. 31. PERSONAS
  32. 32. Personas PERSONAS
  33. 33. DISEÑENUNAPERSONA Enfóquense en un perfil: el Geek, el Businessman, el Perdido. Póngale un nombre y apellido: Johnny Geek. Denle detalles según su percepción: edad, demografía, personalidad, gustos, hábitos, etc. Piensen en cuáles son sus objetivosy expectativasal venir a la Campus Party.
  34. 34. Jueguen muchachos!!
  35. 35. 5 MINUTOS
  36. 36. ENTREVISTAS 60
  37. 37. PREPARÉMONOSPARA LA ENTREVISTA Identifiquen a las personas que para Ustedes hacen match con su perfil seleccionado: el Geek, el Businessman, el Perdido. Abórdenle, preséntese y hágale las preguntas: “Hola disculpa, soy Juan y estamos trabajando en mejorar la experiencia de ubicar un taller, puedo robarte dos minutos para unas preguntas?“
  38. 38. EJEMPLOS DE PREGUNTAS Qué piensas acerca de encontrar y asistir a una charla a la que quieres asistir? Cómo manejas tu agenda de charlas? Si quieres ir a una charla cómo haces? Cómo conoces el lugar donde se llevará la charla o taller? Cómo te ubicas dentro de Cemexpopara ir al lugar de tu charla o taller?
  39. 39. 10 MINUTOS
  40. 40. MAPA DE EMPATÍA 65
  41. 41. MAPADE EMPATÍA
  42. 42. 10 MINUTOS
  43. 43. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING User Journey –10 min
  44. 44. USER JOURNEY 69
  45. 45. USER JOURNEY Home Login MisCharlas Seleccionarcharla Intereses Buscarcharla Guíame SeleccionamisIntereses Buscarcharla
  46. 46. USER JOURNEY Toma en cuenta los objetivos del usuario. Sus motivaciones. Sus puntos de dolor. Su perfil en general. Lo que desea lograr en el sistema.
  47. 47. 10 MINUTOS
  48. 48. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Skecthing–10 min
  49. 49. SKETCHING 76
  50. 50. 82
  51. 51. 10 MINUTOS
  52. 52. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Paper prototyping –25 min
  53. 53. PAPER PROTOTYPING
  54. 54. 89
  55. 55. 90
  56. 56. 25 MINUTOS
  57. 57. Empatizar Definir Idear Prototipar Evaluar LOS PASOSDE DESIGN THINKING Validaciónde Prototiposde Papel–25 min
  58. 58. VALIDAR PROTOTIPOS
  59. 59. VAYAAN!!
  60. 60. 25 MINUTOS
  61. 61. ALGUNAS FOTOS DEL TALLER CAMPUS PARTYECUADOR 2004 Veralbum completo: on.fb.me/1tVCd3R
  62. 62. Veralbum completo: on.fb.me/1tVCd3R
  63. 63. Veralbum completo: on.fb.me/1tVCd3R
  64. 64. Veralbum completo: on.fb.me/1tVCd3R
  65. 65. LIBROS RECOMENDADOS
  66. 66. GRACIAS! @JohnnyOrdonez

×