Data Driven Design - Diseño basado en datos
2 recomendaciones1,714 vistas
El documento aborda el diseño web basado en datos y la importancia de medir la efectividad de un sitio a través de métricas como la tasa de conversión y la satisfacción del usuario. Se detallan métodos de análisis cuantitativo y cualitativo, así como técnicas para prototipar y realizar pruebas en línea. El autor enfatiza que las decisiones deben ser respaldadas por datos y que el proceso debe ser iterativo.
Data Driven Design - Diseño basado en datos
- 1. Data Driven Design Con WordPress
- 3. ¿Cuál es el objetivo de tu web?
- 4. ¿que % de visitas lo cumplen?
- 6. 10 LEADS 200 VISITAS × 100
- 7. CR 5%
- 8. ¿Cuál es tu tasa de conversión?
- 9. Si no conoces tu CR… ¿cómo sabes si tu web funciona?
- 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
- 14. Data Driven Design Diseño basado en datos
- 15. Data Driven Design Diseño basado en datos Analítica Prototipo Hipótesis Test online
- 16. 1. Analítica
- 17. 1.a Análisis cuantitativo 1.b Análisis cualitativo
- 18. 1.a Análisis cuantitativo clickstream (Google Analytics, Adobe, Matomo…)
- 21. 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…
- 23. 1.b Análisis cualitativo entrevistas, tests, NPS…
- 25. 1.formularios 2.condiciones 4.exportación3.disparadores https://3ymedia.net/nps-wordpress/ 1.b Análisis cualitativo encuestas-NPS
- 26. (antiguo Polldaddy) 1.b Análisis cualitativo encuestas-NPS
- 27. • Dificultad al realizar una tarea • Nivel de satisfacción • Áreas de mejora 1.b Análisis cualitativo
- 31. NinjaMock
- 33. 3. Test online
- 34. Aporta la información necesaria para un proceso iterativo Despersonaliza la toma de decisiones
- 39. • Test de usuario guiados (con audio) • Test de cabecera (5”) • Test de los 3 clic… Test con usuarios
- 40. A/B testing
- 44. Disclaimer: El 90% de los test A/B en 6.700 ecommerce tuvo un efecto menor al 1,2% en el rendimiento
- 45. plus de este plugin heatmaps y clickmaps
- 47. • 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
- 48. • El móvil mató a los heatmaps baratos. •El ratón es el dedo pero arrastra, no apunta. Heatmaps
- 49. Heatmaps
- 50. A/B testing Divi Leads Google Optimize
- 52. ¿Cuánto tiempo debe durar un test A/B?
- 53. BOTÓN 1 BOTÓN 2 BOTÓN 3 Texto A TEXTO B Texto C
- 59. Notas finales:
- 60. No te creas nada que no venga avalado por datos
- 62. Los datos no diseñan, los diseñadores sí
- 63. @pablomoratinos