5 Herramientas de UX research que debes conocer
-
Upload
veronica-traynor -
Category
Technology
-
view
767 -
download
0
Transcript of 5 Herramientas de UX research que debes conocer
![Page 1: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/1.jpg)
:: 5 HERRAMIENTAS DE UX RESEARCH QUE DEBES CONOCER ::
@verotraynor
www.puntolab.co
![Page 2: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/2.jpg)
2
01UN POCO DE DESIGN SPRINT PARA MAPEAR AÚN MEJOR
LAS HERRAMIENTAS :)
2
![Page 3: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/3.jpg)
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
![Page 4: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/4.jpg)
4
02COMPRENDER AL SER
HUMANO, SUS NECESIDADES Y SU CONTEXTO :)
4
![Page 5: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/5.jpg)
Cuánta EXPERIENCIA tienen comprando online
![Page 6: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/6.jpg)
Cuánto COMPRENDEN la lógica de nuestro negocio
![Page 7: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/7.jpg)
Qué DUDAS y MIEDOS los traban (!)
![Page 8: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/8.jpg)
Por qué razones DESCARTAN desde el listing
![Page 9: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/9.jpg)
Qué información necesitan saber para AVANZAR
![Page 10: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/10.jpg)
De qué formas pueden PAGAR
![Page 11: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/11.jpg)
Entonces podemos jugar con la técnica PERSONAS
FUENTE:http://www.galynbunnell.com/wp-content/uploads/2015/05/cassette_users.jpg
![Page 12: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/12.jpg)
12
Y podemos jugar haciendo un MAPPING
Experiencia comprando online +
Conocimiento de nuestro negocio y nuestros tecnicismos +
![Page 13: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/13.jpg)
13
¿Para qué jugamos con la técnica de PERSONAS + MAPPING?
![Page 14: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/14.jpg)
14
Para asegurarnos de que COMPRENDIMOS todos lo mismo :)
![Page 15: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/15.jpg)
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 :)
![Page 16: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/16.jpg)
16
03[VALIDAR] ¿CUÁLES SON LOS MECANISMOS INTERACTIVOS
BÁSICOS QUE VAMOS A ANALIZAR EN LOS
PROTOTIPOS? :)16
![Page 17: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/17.jpg)
![Page 18: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/18.jpg)
18
¿Cómo sería el diálogo básico entre un humano y un prototipo/interfaz?
![Page 19: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/19.jpg)
![Page 20: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/20.jpg)
● El humano encuentra y comprende el significado del call to action:
PERCEPTIBILIDADENCONTRABILIDADVISIBILIDAD
COMPRENSIBILIDAD
![Page 21: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/21.jpg)
● La interfaz responde mostrando opciones.
● El humano lee las opciones, comprende la lógica y acciona una.
PERCEPTIBILIDADVISIBILIDAD
COMPRENSIBILIDADLÓGICA
OPERABILIDAD
![Page 22: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/22.jpg)
● La máquina le avisa lo que sucedió.
● El humano lo ve, lo lee y lo comprende.
PERCEPTIBILIDADVISIBILIDAD
COMPRENSIBILIDADLÓGICA
![Page 23: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/23.jpg)
23
¿Y cuáles son los principios de interacción básicos que vimos recién?
![Page 24: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/24.jpg)
“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 :)
![Page 25: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/25.jpg)
1º concepto clave: visibilidad y affordance :)
![Page 26: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/26.jpg)
1º concepto clave: visibilidad y affordance :)
![Page 27: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/27.jpg)
“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 :)
![Page 28: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/28.jpg)
2º concepto clave: comprensibilidad para el otro :)
![Page 29: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/29.jpg)
2º concepto clave: comprensibilidad para el otro :)
![Page 30: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/30.jpg)
“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 :)
![Page 31: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/31.jpg)
FEEDBACK DE INTERACCIÓN
3º concepto clave: feedback de interacción :)
![Page 32: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/32.jpg)
“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 :)
![Page 33: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/33.jpg)
4º concepto clave: operabilidad sin esfuerzos :)
![Page 34: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/34.jpg)
4º concepto clave: operabilidad sin esfuerzos :)
![Page 35: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/35.jpg)
35
04¿CON QUÉ HERRAMIENTAS
PODEMOS JUGAR?
35
![Page 36: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/36.jpg)
36
Imaginemos que queremos saber si un botón que está (¡debajo de todo!) es
encontrable, ¿lo podemos medir?
![Page 37: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/37.jpg)
![Page 38: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/38.jpg)
38
SCROLLING HEATMAPSpara analizar hasta qué punto los usuarios hacen scrolling
1º herramienta: HOTJAR scrolling heatmaps :)
![Page 39: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/39.jpg)
v
39
SCROLLING HEATMAPSpara analizar hasta qué punto los usuarios hacen scrolling
1º herramienta: HOTJAR scrolling heatmaps :)
![Page 40: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/40.jpg)
40
Imaginemos que queremos saber si algún elemento de nuestra interfaz es un FALSE AFFORDANCE interactivo
![Page 41: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/41.jpg)
2º herramienta: CRAZY EGGS Confetti :)
![Page 42: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/42.jpg)
2º herramienta: CRAZY EGGS Confetti :)2º herramienta: CRAZY EGGS Confetti :)
![Page 43: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/43.jpg)
43
Ahora imaginemos que queremos comprender si la información está
completa y es clara y comprensible...
![Page 44: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/44.jpg)
44
3º herramienta: HOTJAR Polls :)
![Page 45: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/45.jpg)
45
3º herramienta: HOTJAR Polls :)
![Page 46: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/46.jpg)
46
3º herramienta: HOTJAR Polls :)
![Page 47: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/47.jpg)
47
3º herramienta: HOTJAR Polls :)
![Page 48: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/48.jpg)
48
Ahora imaginemos que queremos saber si un formulario es SIMPLE
y fácil de OPERAR
![Page 49: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/49.jpg)
49
4º herramienta: FORMÍSIMO :)
![Page 50: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/50.jpg)
50
4º herramienta: FORMÍSIMO :)
![Page 51: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/51.jpg)
51
4º herramienta: FORMÍSIMO :)
![Page 52: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/52.jpg)
52
4º herramienta: FORMÍSIMO :)
![Page 53: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/53.jpg)
4º herramienta: FORMÍSIMO :)
![Page 54: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/54.jpg)
54
Ahora imaginemos que queremos saber si nuestros elementos interactivos son
encontrables
![Page 55: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/55.jpg)
55
![Page 56: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/56.jpg)
56
![Page 57: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/57.jpg)
57
![Page 58: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/58.jpg)
58
![Page 59: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/59.jpg)
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
![Page 60: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/60.jpg)
60
OPTIMALWORKSHOP
![Page 61: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/61.jpg)
FORMÍSIMO
![Page 62: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/62.jpg)
CRAZY EGGS Confetti :)
![Page 63: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/63.jpg)
63
SCROLLING HEATMAPSpara analizar hasta qué punto los usuarios hacen scrolling
HOTJAR scrolling heatmaps :)
![Page 64: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/64.jpg)
64
HOTJAR Polls :)
![Page 65: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/65.jpg)
65
05GRACIAS :)
65
![Page 66: 5 Herramientas de UX research que debes conocer](https://reader033.fdocument.pub/reader033/viewer/2022051404/58f0e7ab1a28abde478b456b/html5/thumbnails/66.jpg)
:: 5 HERRAMIENTAS DE UX RESEARCH QUE DEBES CONOCER ::
@verotraynor
www.puntolab.co