Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

5 Herramientas de UX research que debes conocer

Aquí les comparto plática que dimos ayer en nuestras oficinas de Puntolab en la Ciudad de México.

Trata de design sprint, principios de interacción humano-máquina y 5 herramientas actuales de UX research que pueden ayudar a optimizar la experiencia de los usuarios de nuestros productos digitales.

  • Login to see the comments

5 Herramientas de UX research que debes conocer

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

×