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.

Data Driven Design - Diseño basado en datos

188 views

Published on

Ponencia en WordCamp Madrid 2019 de diseño basado en datos con WordPress. Técnicas, estrategias y herramientas para establecer un programa de optimización del diseño de un web desde la recogida de datos.

Published in: Design
  • Be the first to comment

Data Driven Design - Diseño basado en datos

  1. 1. Data Driven Design Con WordPress
  2. 2. @pablomoratinos
  3. 3. ¿Cuál es el objetivo de tu web?
  4. 4. ¿que % de visitas lo cumplen?
  5. 5. objetivos logrados usuarios totales × 100
  6. 6. 10 LEADS 200 VISITAS × 100
  7. 7. CR 5%
  8. 8. ¿Cuál es tu tasa de conversión?
  9. 9. Si no conoces tu CR… ¿cómo sabes si tu web funciona?
  10. 10. UX: marco HEART H E A R T Happiness SATISFACCIÓN Engagement INTERACCIÓN Adoption CAPTACIÓN Retention RETENCIÓN Task Succes TAREAS https://ai.google/research/pubs/pub36299
  11. 11. Data Driven Design Diseño basado en datos
  12. 12. Data Driven Design Diseño basado en datos Analítica Prototipo Hipótesis Test online
  13. 13. 1. Analítica
  14. 14. 1.a Análisis cuantitativo 1.b Análisis cualitativo
  15. 15. 1.a Análisis cuantitativo clickstream (Google Analytics, Adobe, Matomo…)
  16. 16. 1.a Análisis cuantitativo
  17. 17. 1.a Análisis cuantitativo
  18. 18. 1.a Análisis cuantitativo • Resoluciones de los dispositivos más usados • % rebote de las páginas más vistas. • Tiempo necesario para lograr un objetivo • Tasa de clics de tus CTAs • Consecuciones de micro-objetivos • Búsquedas internas…
  19. 19. 1.b Análisis cualitativo
  20. 20. 1.b Análisis cualitativo entrevistas, tests, NPS…
  21. 21. 1.b Análisis cualitativo https://3ymedia.net/nps-wordpress/ encuestas-NPS
  22. 22. 1.formularios 2.condiciones 4.exportación3.disparadores https://3ymedia.net/nps-wordpress/ 1.b Análisis cualitativo encuestas-NPS
  23. 23. (antiguo Polldaddy) 1.b Análisis cualitativo encuestas-NPS
  24. 24. • Dificultad al realizar una tarea • Nivel de satisfacción • Áreas de mejora 1.b Análisis cualitativo
  25. 25. Analítica Prototipo hipótesis
  26. 26. 2. Prototipo rápido
  27. 27. NinjaMock
  28. 28. Analítica Prototipo hipótesis Test online
  29. 29. 3. Test online
  30. 30. Aporta la información necesaria para un proceso iterativo Despersonaliza la toma de decisiones
  31. 31. Spotify Insights Netflix Research
  32. 32. Test con usuarios
  33. 33. • Test de usuario guiados (con audio) • Test de cabecera (5”) • Test de los 3 clic… Test con usuarios
  34. 34. A/B testing
  35. 35. Disclaimer: El 90% de los test A/B en 6.700 ecommerce tuvo un efecto menor al 1,2% en el rendimiento
  36. 36. plus de este plugin heatmaps y clickmaps
  37. 37. • El eyetracking es lo ideal pero es caro. • El seguimiento de ratón tiene una correlación del 88% con el ojo. Heatmaps fuente: Carnegie Mellon University
  38. 38. • El móvil mató a los heatmaps baratos. •El ratón es el dedo pero arrastra, no apunta. Heatmaps
  39. 39. Heatmaps
  40. 40. A/B testing Divi Leads Google Optimize
  41. 41. ¿Cuánto tiempo debe durar un test A/B?
  42. 42. BOTÓN 1 BOTÓN 2 BOTÓN 3 Texto A TEXTO B Texto C
  43. 43. https://vwo.com/ab-split-test-duration/ Visual Website Optimizer
  44. 44. https://vwo.com/ab-split-test-duration/
  45. 45. https://vwo.com/ab-split-test-duration/
  46. 46. Analítica Prototipo hipótesis Test online
  47. 47. ¡Y vuelta a empezar!
  48. 48. Notas finales:
  49. 49. No te creas nada que no venga avalado por datos
  50. 50. Equivócate rápido
  51. 51. Los datos no diseñan, los diseñadores sí
  52. 52. @pablomoratinos
  53. 53. ¡Muchas gracias! ¿Preguntas?

×