5 Herramientas de UX research que debes conocer
-
Upload
veronica-traynor -
Category
Technology
-
view
769 -
download
0
Transcript of 5 Herramientas de UX research que debes conocer
:: 5 HERRAMIENTAS DE UX RESEARCH QUE DEBES CONOCER ::
@verotraynor
www.puntolab.co
2
01UN POCO DE DESIGN SPRINT PARA MAPEAR AÚN MEJOR
LAS HERRAMIENTAS :)
2
3FUENTE:https://image.slidesharecdn.com/gbg-bandungdesignsprint-160407112912/95/insight-solving-design-problem-with-design-sprint-method-7-638.jpg?cb=1460029240
DESIGN SPRINT by GOOGLE
4
02COMPRENDER AL SER
HUMANO, SUS NECESIDADES Y SU CONTEXTO :)
4
Cuánta EXPERIENCIA tienen comprando online
Cuánto COMPRENDEN la lógica de nuestro negocio
Qué DUDAS y MIEDOS los traban (!)
Por qué razones DESCARTAN desde el listing
Qué información necesitan saber para AVANZAR
De qué formas pueden PAGAR
Entonces podemos jugar con la técnica PERSONAS
FUENTE:http://www.galynbunnell.com/wp-content/uploads/2015/05/cassette_users.jpg
12
Y podemos jugar haciendo un MAPPING
Experiencia comprando online +
Conocimiento de nuestro negocio y nuestros tecnicismos +
13
¿Para qué jugamos con la técnica de PERSONAS + MAPPING?
14
Para asegurarnos de que COMPRENDIMOS todos lo mismo :)
15FUENTE:https://image.slidesharecdn.com/gbg-bandungdesignsprint-160407112912/95/insight-solving-design-problem-with-design-sprint-method-7-638.jpg?cb=1460029240
COMPRENDER = LAS NECESIDADES DEL OTRO :)
16
03[VALIDAR] ¿CUÁLES SON LOS MECANISMOS INTERACTIVOS
BÁSICOS QUE VAMOS A ANALIZAR EN LOS
PROTOTIPOS? :)16
18
¿Cómo sería el diálogo básico entre un humano y un prototipo/interfaz?
● El humano encuentra y comprende el significado del call to action:
PERCEPTIBILIDADENCONTRABILIDADVISIBILIDAD
COMPRENSIBILIDAD
● La interfaz responde mostrando opciones.
● El humano lee las opciones, comprende la lógica y acciona una.
PERCEPTIBILIDADVISIBILIDAD
COMPRENSIBILIDADLÓGICA
OPERABILIDAD
● La máquina le avisa lo que sucedió.
● El humano lo ve, lo lee y lo comprende.
PERCEPTIBILIDADVISIBILIDAD
COMPRENSIBILIDADLÓGICA
23
¿Y cuáles son los principios de interacción básicos que vimos recién?
“El diseño es un acto de comunicación entre el diseñador y el usuario, donde toda la comunicación proviene de la apariencia
del objeto, el cual necesita explicarse por sí mismo”
Donald Norman
1º concepto clave: visibilidad y affordance :)
1º concepto clave: visibilidad y affordance :)
1º concepto clave: visibilidad y affordance :)
“Un buen diseño exige atención, planificación, reflexión. Exige una atención consciente a las necesidades del usuario”
Donald Norman
2º concepto clave: comprensibilidad para el otro :)
2º concepto clave: comprensibilidad para el otro :)
2º concepto clave: comprensibilidad para el otro :)
“El usuario debe recibir una retroalimentación completa y consistente acerca de los resultados de sus actos”
Donald Norman
3º concepto clave: feedback de interacción :)
FEEDBACK DE INTERACCIÓN
3º concepto clave: feedback de interacción :)
“Si es posible cometer un error, alguien lo cometerá. El diseñador debe suponer que se van a cometer todos los
errores posibles y realizar su diseño con objeto de reducir al mínimo la posibilidad de error”
Donald Norman
4º concepto clave: operabilidad sin esfuerzos :)
4º concepto clave: operabilidad sin esfuerzos :)
4º concepto clave: operabilidad sin esfuerzos :)
35
04¿CON QUÉ HERRAMIENTAS
PODEMOS JUGAR?
35
36
Imaginemos que queremos saber si un botón que está (¡debajo de todo!) es
encontrable, ¿lo podemos medir?
38
SCROLLING HEATMAPSpara analizar hasta qué punto los usuarios hacen scrolling
1º herramienta: HOTJAR scrolling heatmaps :)
v
39
SCROLLING HEATMAPSpara analizar hasta qué punto los usuarios hacen scrolling
1º herramienta: HOTJAR scrolling heatmaps :)
40
Imaginemos que queremos saber si algún elemento de nuestra interfaz es un FALSE AFFORDANCE interactivo
2º herramienta: CRAZY EGGS Confetti :)
2º herramienta: CRAZY EGGS Confetti :)2º herramienta: CRAZY EGGS Confetti :)
43
Ahora imaginemos que queremos comprender si la información está
completa y es clara y comprensible...
44
3º herramienta: HOTJAR Polls :)
45
3º herramienta: HOTJAR Polls :)
46
3º herramienta: HOTJAR Polls :)
47
3º herramienta: HOTJAR Polls :)
48
Ahora imaginemos que queremos saber si un formulario es SIMPLE
y fácil de OPERAR
49
4º herramienta: FORMÍSIMO :)
50
4º herramienta: FORMÍSIMO :)
51
4º herramienta: FORMÍSIMO :)
52
4º herramienta: FORMÍSIMO :)
4º herramienta: FORMÍSIMO :)
54
Ahora imaginemos que queremos saber si nuestros elementos interactivos son
encontrables
55
56
57
58
59
ACIERTO 28%
Ejemplo BancarioTarea 4
¡Ya casi terminamos! Ahora imagina que necesitas un SEGURO para tu casa. Señala haciendo click dónde buscarías información ;)
Participantes 73 usuarios
60
OPTIMALWORKSHOP
FORMÍSIMO
CRAZY EGGS Confetti :)
63
SCROLLING HEATMAPSpara analizar hasta qué punto los usuarios hacen scrolling
HOTJAR scrolling heatmaps :)
64
HOTJAR Polls :)
65
05GRACIAS :)
65
:: 5 HERRAMIENTAS DE UX RESEARCH QUE DEBES CONOCER ::
@verotraynor
www.puntolab.co