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

1. TALLER DE
DESIGN THINKING & UX
APRENDAMOSA CREAREXPERIENCIAS
MEMORABLES!
Por Johnny Ordóñez

2. @JohnnyOrdonez
Agilista
Consultor
Emprendedor
Amante del UX
HOLACAMPUSEROS!!

3. Conceptos –15 min
Contexto del Problema –5 min
Ejecución del Taller –100 min
Cierre –1 min
¿CUÁLESEL PLAN?

4. DESIGNTHINKING
PENSAMIENTO DE DISEÑO

7. 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/

8. Personas
Tecnología
Negocio
Deseabilidad
Factibilidad
Viabilidad
Las mejoressolucionesemergende la conjunciónde lastresperspectivas.

9. Personas
Tecnología
Negocio
Deseabilidad
Factibilidad
Viabilidad
Las mejoressolucionesemergende la conjunciónde lastresperspectivas.
Comienzaaquí!

10. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING

11. 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

12. 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

13. 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

14. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING
Construye para pensar y evalúa
para aprender.
Construir
Conversar
Experimentar

15. 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

16. EXPERIENCIA DE USUARIO
USER EXPERIENCE
UX

17. UsereXperience
≠
Usabilidad

18. Eficiencia
Eficacia
Satisfacción
El usuariologralo quequiere
El usuariolo lograrápidamente
Al navegaren el sistema
Usabilidad

19. UsereXperience
≠
Diseño Gráfico

20. 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%

21. 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.”

27. 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?

28. EXPERIENCIA DE USUARIO
deleitar
empatía
simple
valioso
Gran Diseño
+
Emociones
=
UX

29. Bueno, manos a la obra!!

30. 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.

31. Mantengamos una mentalidad de niños.

32. Mantengamos una mentalidad de niños

33. CONTEXTO
EL PROBLEMA A RESOLVER

34. 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.”

35. El Geek
El Businessman
El Perdido

36. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING
Personas –5 min
Entrevistas–10 min
Mapade Empatía–10 min

37. 54
PERSONAS

38. PERSONAS

39. Personas
PERSONAS

40. 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.

41. Jueguen
muchachos!!

42. 5 MINUTOS

43. ENTREVISTAS
60

44. 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?“

45. 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?

47. 10 MINUTOS

48. MAPA DE EMPATÍA
65

49. MAPADE EMPATÍA

50. 10 MINUTOS

51. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING
User Journey –10 min

52. USER JOURNEY
69

54. USER JOURNEY
Home
Login
MisCharlas
Seleccionarcharla
Intereses
Buscarcharla
Guíame
SeleccionamisIntereses
Buscarcharla

56. 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.

57. 10 MINUTOS

58. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING
Skecthing–10 min

59. SKETCHING
76

65. 82

67. 10 MINUTOS

68. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING
Paper prototyping –25 min

69. PAPER
PROTOTYPING

71. 89

72. 90

75. 25 MINUTOS

76. Empatizar
Definir
Idear
Prototipar
Evaluar
LOS PASOSDE DESIGN THINKING
Validaciónde Prototiposde Papel–25 min

77. VALIDAR
PROTOTIPOS

82. VAYAAN!!

83. 25 MINUTOS

84. ALGUNAS FOTOS DEL TALLER
CAMPUS PARTYECUADOR 2004
Veralbum completo: on.fb.me/1tVCd3R

85. Veralbum completo: on.fb.me/1tVCd3R

86. Veralbum completo: on.fb.me/1tVCd3R

87. Veralbum completo: on.fb.me/1tVCd3R

88. LIBROS RECOMENDADOS

90. GRACIAS!
@JohnnyOrdonez