Data Driven Design
Con WordPress
@pablomoratinos
¿Cuál es el objetivo
de tu web?
¿que % de visitas
lo cumplen?
objetivos
logrados
usuarios
totales
× 100
10 LEADS
200 VISITAS
× 100
CR 5%
¿Cuál es tu tasa
de conversión?
Si no conoces tu CR…
¿cómo sabes si tu web
funciona?
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
Data Driven Design
Diseño basado en datos
Data Driven Design
Diseño basado en datos
Analítica
Prototipo
Hipótesis
Test online
1. Analítica
1.a Análisis cuantitativo
1.b Análisis cualitativo
1.a Análisis cuantitativo
clickstream
(Google Analytics, Adobe, Matomo…)
1.a Análisis cuantitativo
1.a Análisis cuantitativo
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…
1.b Análisis cualitativo
1.b Análisis cualitativo
entrevistas, tests, NPS…
1.b Análisis cualitativo
https://3ymedia.net/nps-wordpress/
encuestas-NPS
1.formularios 2.condiciones
4.exportación3.disparadores
https://3ymedia.net/nps-wordpress/
1.b Análisis cualitativo
encuestas-NPS
(antiguo Polldaddy)
1.b Análisis cualitativo
encuestas-NPS
• Dificultad al realizar una tarea
• Nivel de satisfacción
• Áreas de mejora
1.b Análisis cualitativo
Analítica
Prototipo
hipótesis
2. Prototipo rápido
NinjaMock
Analítica
Prototipo
hipótesis
Test online
3. Test online
Aporta la información necesaria
para un proceso iterativo
Despersonaliza
la toma de decisiones
Spotify Insights
Netflix Research
Test con usuarios
• Test de usuario guiados (con audio)
• Test de cabecera (5”)
• Test de los 3 clic…
Test con usuarios
A/B testing
Disclaimer:
El 90% de los test A/B
en 6.700 ecommerce
tuvo un efecto menor al
1,2% en el rendimiento
plus de este plugin
heatmaps y clickmaps
• 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
• El móvil mató a los heatmaps baratos.
•El ratón es el dedo pero arrastra, no
apunta.
Heatmaps
Heatmaps
A/B testing
Divi Leads Google Optimize
¿Cuánto tiempo debe
durar un test A/B?
BOTÓN 1
BOTÓN 2
BOTÓN 3
Texto A
TEXTO B
Texto C
https://vwo.com/ab-split-test-duration/
Visual Website Optimizer
https://vwo.com/ab-split-test-duration/
https://vwo.com/ab-split-test-duration/
Analítica
Prototipo
hipótesis
Test online
¡Y vuelta a
empezar!
Notas finales:
No te creas nada
que no venga avalado por datos
Equivócate rápido
Los datos no diseñan,
los diseñadores sí
@pablomoratinos
¡Muchas gracias!
¿Preguntas?

Data Driven Design - Diseño basado en datos