1.
Data Driven Design
Con WordPress

2.
@pablomoratinos

3.
¿Cuál es el objetivo
de tu web?

4.
¿que % de visitas
lo cumplen?

5.
objetivos
logrados
usuarios
totales
× 100

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

11.
Data Driven Design
Diseño basado en datos

12.
Data Driven Design
Diseño basado en datos
Analítica
Prototipo
Hipótesis
Test online

13.
1. Analítica

14.
1.a Análisis cuantitativo
1.b Análisis cualitativo

15.
1.a Análisis cuantitativo
clickstream
(Google Analytics, Adobe, Matomo…)

16.
1.a Análisis cuantitativo

17.
1.a Análisis cuantitativo

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.
1.b Análisis cualitativo

20.
1.b Análisis cualitativo
entrevistas, tests, NPS…

21.
1.b Análisis cualitativo
https://3ymedia.net/nps-wordpress/
encuestas-NPS

22.
1.formularios 2.condiciones
4.exportación3.disparadores
https://3ymedia.net/nps-wordpress/
1.b Análisis cualitativo
encuestas-NPS

23.
(antiguo Polldaddy)
1.b Análisis cualitativo
encuestas-NPS

24.
• Dificultad al realizar una tarea
• Nivel de satisfacción
• Áreas de mejora
1.b Análisis cualitativo

25.
Analítica
Prototipo
hipótesis

26.
2. Prototipo rápido

27.
NinjaMock

28.
Analítica
Prototipo
hipótesis
Test online

29.
3. Test online

30.
Aporta la información necesaria
para un proceso iterativo
Despersonaliza
la toma de decisiones

31.
Spotify Insights
Netflix Research

32.
Test con usuarios

33.
• Test de usuario guiados (con audio)
• Test de cabecera (5”)
• Test de los 3 clic…
Test con usuarios

34.
A/B testing

35.
Disclaimer:
El 90% de los test A/B
en 6.700 ecommerce
tuvo un efecto menor al
1,2% en el rendimiento

36.
plus de este plugin
heatmaps y clickmaps

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.
• El móvil mató a los heatmaps baratos.
•El ratón es el dedo pero arrastra, no
apunta.
Heatmaps

39.
Heatmaps

40.
A/B testing
Divi Leads Google Optimize

41.
¿Cuánto tiempo debe
durar un test A/B?

42.
BOTÓN 1
BOTÓN 2
BOTÓN 3
Texto A
TEXTO B
Texto C

43.
https://vwo.com/ab-split-test-duration/
Visual Website Optimizer

44.
https://vwo.com/ab-split-test-duration/

45.
https://vwo.com/ab-split-test-duration/

46.
Analítica
Prototipo
hipótesis
Test online

47.
¡Y vuelta a
empezar!

48.
Notas finales:

49.
No te creas nada
que no venga avalado por datos

50.
Equivócate rápido

51.
Los datos no diseñan,
los diseñadores sí

52.
@pablomoratinos

53.
¡Muchas gracias!
¿Preguntas?