UX Nights Vol XV Día Mundial de la Usabilidad 5 de noviembre de 2015 Taller Introducción al Diseño de Experiencia de Usuario Adrián Solca

1. Introducción al Diseño de Experiencia de Usuario
Adrian Solca

2. Adrian Solca
Lic. Sistemas Computacionales y
Administración /
UDLA
Sr. Information Architect & User Experience
Architect / DigitalArtsNetworkTBWA
Strategic Digital Planner / SCL//BITS
Administrador / @UXMéxico
Colaborador / @UXNights

3. 1. Definiendo UX

4. UX es un conjunto de disciplinas

5. Nadie es experto en todas las áreas

6. UX es el conjunto de
disciplinas cuyo objetivo es
implementar soluciones
basadas en las
necesidades de los
usuarios de un objeto o
sistema

7. UX es el conjunto de
disciplinas cuyo objetivo es
implementar soluciones
basadas en las
necesidades de los
usuarios de un objeto o
sistema

8. UX es el conjunto de
disciplinas cuyo objetivo es
implementar soluciones
basadas en las
necesidades de los
usuarios de un objeto o
sistema

9. UX es el conjunto de
disciplinas cuyo objetivo es
implementar soluciones
basadas en las
necesidades de los
usuarios de un objeto o
sistema

10. UX no es
“hacerlo bonito”

14. Pulp Fiction (1994)

15. UX resuelve problemas
UX es intangible UX tiene objetivos concretos UX se puede medir UX genera valor

16. 2. La Motivación

21. La motivación es una herramienta producto de 2
millones de años de evolución

22. La motivación contesta 3 preguntas
¿Qué tipo de estímulo estoy recibiendo?
¿De dónde viene ese estímulo?
¿Vale la pena prestarle atención a ese estímulo?

23. ¿Qué tipo de estímulo
estoy recibiendo?

25. “What is real? How do you define 'real'? If you're talking
about what you can feel, what you can smell, what you can
taste and see, then 'real' is simply electrical signals
interpreted by your brain.”

26. ¿De dónde viene el estímulo?

27. Motivación extrínseca

28. Motivación intrínseca

29. Motivación extrínseca Motivación intrínseca

30. Motivación extrínseca
Buena para tareas
mecánicas, con una
serie de pasos claros
Motivación intrínseca
Buena para tareas que
requieren creatividad y
razonamiento

31. ¿Vale la pena
prestarle
atención al
estímulo?

33. ¿Debería
hacer click
aquí?
Misexpectativas
Probabilidades
de que cumpla
mis expectativas

34. ¿Debería
hacer click
aquí?
Misexpectativas
Probabilidades
de que cumpla
mis expectativas
¿Debería
visitar este
sitio?
Esfuerzo
¿Qué gano?

35. ¿Debería
hacer click
aquí?
Misexpectativas
Probabilidades
de que cumpla
mis expectativas
¿Debería
visitar este
sitio?
¿Debería
compartir esta
liga?
Esfuerzo
¿Qué gano?
¿Quién lo va a
ver?
¿Cómo van areaccionar?

36. In short
(en breve)

37. Entender qué motiva a un individuo es
entender lo que lo define como humano.

38. ¿Lo motivan las emociones o necesita
racionalizarlo?
¿Lo motivan estímulos externos o tiene que
venir de su interior?
¿Cuál es el valor que necesita asignarle a
un estímulo para que lo motive a hacer
algo?

39. Motivation is the Source Code of people

42. “Empathy is at the heart of
design. Without the
understanding of what
others see, feel, and
experience, design is a
pointless task.”
-Tim Brown (IDEO)

43. Ejercicio

44. Ejercicio
¿Cuál es tu motivación para
estar aquí?

45. 3. Flujo

46. UX es una necesidad para poder competir y ser eficiente en costos, tiempos y recursos

47. UX es una inversión

48. El que paga
El que implementa
El que lo usa

49. El que paga
El que implementa
El que lo usa
Motivación: Generar un retorno sobre la inversión (dinero)
Motivación: Tener contento al que paga
Motivación: Completar una tarea

50. El que paga
El que implementa
El que lo usa
Motivación: Generar un retorno sobre la inversión (dinero)
Motivación: Tener contento al que paga
Motivación: Completar una tarea

51. El que paga
El que implementa
El que lo usa
Motivación: Generar un retorno sobre la inversión (dinero)
Motivación: Tener contento al que paga
Motivación: Completar una tarea

52. The Hitchhiker’s Guide To The Galaxy (2005)

53. Paso 1.
Entender la necesidad del cliente

56. Levantamiento de requerimientos
Conociendo al cliente
¿Quién es el cliente?
¿Qué en qué area trabaja?
¿A quién le reporta?
Detectando el problema
¿Cuál es tu modelo de negocio actual?
¿Cuál sería tu modelo de negocio ideal?
¿Qué evita que tu modelo sea el ideal?
¿Qué problemas tienes actualmente?
¿Cómo los resuelves?
El rol de los usuarios
¿Quiénes son tus usuarios actualmente?
¿Quiénes quieres que sean tus usuarios?
¿Qué sabes de tus consumidores?
¿Por qué crees que los consumidores te prefieren?
Información técnica
¿Cuánto presupuesto tienes?
¿Plataformas tecnológicas?

57. ¿Qué?
¿A quién
¿Cómo?
¿Dónde?
¿Cuándo?

58. Get
To
By
Whomever your user is
Do whatever you want them to do
Doing something awesome for them

59. Ejercicio

60. Ejercicio
Levantando requerimientos.
Problema a resolver:
Mejorar este taller

61. Paso 2.
Entender al consumidor

70. Seth Godin: The Tribes We Lead (TED2009)

71. Personas

72. Personas

73. Personas
1. Quiero comprar un coche
Personas

74. Personas
1. Quiero comprar un coche
2. Ya tengo un coche
Personas

75. Personas
1. Quiero comprar un coche
2. Ya tengo un coche
3. Soy el cliente y quiero ver la
información que nadie le importa
Personas

76. Objetivo
1. Saber para qué me alcanza (racional).
Obtener el mejor valor por mi dinero
(emocional). Ir a ver el coche
2. Darle mantenimiento (racional), si me sale
bueno tal vez comprar otro (emocional)
3. Que diga que somos los mejores, que
somos responsables, desquitar mi sueldo,
que parezca que hago algo.
Motivación

77. Contenido
1. Precios, especificaciones, distribuidores
2. Precios mantenimiento, accesorios,
distribuidores
3. Espacios para esfuerzos de
mercadotecnia, sección corporativa
Contenido

78. Estrategia
Analytics, patrones de navegación, best
practices de la competencia, foros,
entrevistas formales, entrevistas informales,
comentarios en Redes Sociales, encuestas,
estereotipos.
¿De dónde sacar data?

79. Entrevistas

80. Entrevistas
Preguntas abiertas
Preguntas dirigidas
Preguntas cerradas
Entrevistas

81. Entrevistas
Preguntas abiertas
Preguntas dirigidas
Preguntas cerradas
Entrevistas

82. Entrevistas
Preguntas abiertas
Preguntas dirigidas
Preguntas cerradas
Entrevistas

83. Entrevistas
Preguntas abiertas
Preguntas dirigidas
Preguntas cerradas
Entrevistas

84. Ejercicio

85. Ejercicio
Entendiendo a los usuarios.
¿Quiénes son y qué necesitan los
alumnos de este taller?

86. Paso 3.
Implementando una solución

87. El que paga
El que implementa
El que lo usa
Motivación: Generar un retorno sobre la inversión (dinero)
Motivación: Tener contento al que paga
Motivación: Completar una tarea

88. El que paga
El que implementa
El que lo usa
Motivación: Generar un retorno sobre la inversión (dinero)
Motivación: Tener contento al que paga
Motivación: Completar una tarea

89. El que paga
El que implementa
El que lo usa
Motivación: Generar un retorno sobre la inversión (dinero)
Motivación: Tener contento al que paga
Motivación: Completar una tarea

98. Metodologías

99. Metodologías

100. 1. Escoge la opción más rápida
2. Te vas a equivocar
3. El ciclo no tiene fin
Reglas
Metodologías

101. Mapas

102. Mapas
Flujos de navegación / Mapas mentales
Mapas de sitio

103. Wireframing

104. Baja fidelidad
Post its, papel, Sketch, Balsamiq
Alta fidelidad
Axure, UX Pin, Maquetación en HTML
Wireframing

105. Consideraciones al diseñar
UX Design

106. Usability Heuristics

107. Design Principles

108. Design Principles

109. Design Principles

110. Cognitive Biases

111. Cognitive Biases

112. Cognitive Biases
Nada sustituye a la experiencia

113. Cognitive Biases
Nada sustituye a la experiencia

114. Ejercicio

115. Ejercicio
Estructurando una solución.
Estructura y descripción

116. :)
gracias
adrian@sclbits.com
@adriansolca
@uxmexico
@uxnights