:: 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