Aumenta la conversion y mejora el ux utilizando datos
1. Aumenta la conversión y mejora el UX
utilizando los datos
Junio 2019
BCN
MAD
SCL
MDE
BOG
LIM
MEX
MIA
SFO
SDQ
GYE
EZE
www.metriplica.com
2. Esta obra está bajo una Licencia Creative Commons
Atribución-NoComercial-SinDerivadas 4.0 Internacional
3. Richard Johnson
Director Metriplica América
Ha trabajado en la industria digital por más de 15
años y cayó de forma divina en la Analítica Digital.
Es ingeniero comercial y licenciado en
administración y ciencias económicas de la
Universidad Santa María en Chile y cuenta con un
Master en Digital Analytics de la University of
British Columbia. Actualmente es Director de
Metriplica América, liderando un increíble equipo
en Chile, México, Colombia y Perú.
/rjohnsonh @rjohnsonh
4. Mónica Sánchez G.
Country Manager Metriplica Colombia
Más de 10 años de experiencia en proyectos
digitales, Máster en Analítica de la Universidad
de Barcelona.
Mónica es especialista en acompañar a las
empresas a llevar su analítica al siguiente
nivel, teniendo siempre como objetivo, lograr
responder y anticiparse a preguntas de
negocio basándose en sus datos.
/monicasanchezg @moniquetweet
11. Cuatro procesos claves de analítica digital
Adquisición
Se refiere a todos
aquellos canales de
adquisición de
usuarios
¿De dónde proviene el
tráfico al sitio?
¿Son efectivas las
campañas de adquisición
en diferentes canales
(partners de contenido,
display, mail, social, etc)?
¿Nuestra landing page de
campaña comunica lo
necesario para que el
usuario conozca más
sobre nuestra propuesta?
Comportamiento
Se refiere a la
navegación del
activo digital
¿Cuáles son los
contenidos más leídos?
¿Con qué frecuencia
nos visitan los usuarios
que ya son clientes?
¿Cuántos abandonan el
formulario de registro?
¿Cuáles son las acciones
que más realizan los
usuarios?
Conversión
Las acciones que
deseamos que
realice el usuario
¿Los usuarios realizan
las acciones que
deseamos?
¿Cuántos usuarios
convierten?
¿A qué segmentos
pertenecen los usuarios
que más realizan
acciones de valor?
Fidelización
Son todos aquellos
indicadores o KPIs
que hacen que el
usuario regrese
¿Logramos que los
usuarios se interesen en
el contenido enviado a
través de distintos
canales?
¿La experiencia del
usuario es óptima?
¿Con qué frecuencia los
usuarios vuelven al
sitio?
26. El porcentaje de Atención
deriva en interés, en
engagement, o pudiera ser
reflejo de fricciones en la
navegación.
Determinar qué elementos
distraen al usuario de
aquellos que son más
relevantes.
Determinar cuál es el
patrón de exploración y
escaneo de los contenidos.
HEATMAPS: Representación a escala de color, de la densidad de interacciones en zonas de
una página. A mayor densidad, más calor (rojo), a menor densidad más frío (Azul/Celeste)
Tipos de reportes y técnicas
Qué nos dice
El Mouse Move se
relaciona con el
movimiento de los ojos,
por lo que determina qué
es lo que ve o le llama la
atención al usuario
Cómo utilizarlo
Los clics pueden ayudar a
determinar cómo el
usuario escoge navegar.
Además la velocidad de
clics, puede dar a entender
patrones de ansiedad, o
incluso potenciales errores
de usabilidad
Los clicks representan
interacción e intenciones.
La densidad de clics,
mostrará por lo tanto
elementos que tienen más
o menos interacción del
usuario.
El porcentaje de Scroll
reach, señala hasta donde
es posible captar la
atención del usuario y
hasta donde un elemento
será visible.
Determina si un Call to
Action será más o menos
visto según su altura en la
página.
El scroll reach, es lineal ya
que mide la densidad
según el uso del scroll
vertical.
Señala hasta donde el
usuario es más proclive a
explorar verticalmente en
una página.
El Attention map cuánta
atención posee una
sección de una página. Se
determina por la cantidad
de tiempo que está el
usuario en tal zona de la
página.
29. Tipos de reportes y técnicas
Se salta momentos donde el
usuario no realiza ningún tipo de
interacción en la página.
SESSION RECORDING: Es una representación animada de la navegación de un
usuario en particular, el que incluye interacciones tales como: clics, mouse
hover, llenado de formularios, tiempos de carga, etc.
Representación del tipo de
interacción que realiza el usuario
Al terminar la reproducción
de una página, pasa
automáticamente a la
siguiente
Velocidad de reproducción de la
película.
Etiquetas de los eventos que se
realizan en el sitio.
35. Caso Retail
Objetivo: Identificar las razones
de disminución en la cantidad
de usuarios y compras
Tarea: Analizar el recorrido del
usuario para identificar posibles
problemas que se estén
presentando.
36. 36
De los usuarios
no lograban
pasar del login
en un día
60.2%
¿Qué?
Clicks masivos
x
43. Cuándo realizar encuestas
● Net Promoter Score – Medir y mejorar el porcentaje de usuarios que te recomendarían
● Evaluación de Contenidos – Mejorar tu contenido por medio de feedback y sugerencias.
● Landing Page – Mejorar tu tasas de conversión encontrando qué funciona y qué no en tus
landing pages.
● Homepage – Ayudar a tus usuarios a llegar a donde quieren llegar.
● Página de Compra exitosa – Vender más productos encontrando por qué tus clientes te compran.
● Planes y Precios – Obtener más clientes asegurándose de que sus precios y planes son claros.
● Alta tasa de rebote – Mantener más usuarios en el sitio, identificando por qué lo abandonan antes
de interactuar.
● Churn – Retener y fidelizar a tus clientes, detectando por qué los usuarios abandonan o cancelan,
para corregir lo que esté mal.
48. Conceptos básicos
Dimensiones
Son características o atributos de los
datos
Ejemplo:
● Día, mes y año
● Edad
● País
● Tipo de dispositivo
● Navegador
Métricas
Son cifras que nos indican el rendimiento.
Nos permiten ver el comportamiento de
algún aspecto concreto y ver si mejora o
empeora a lo largo del tiempo.
Ejemplo:
● Número de usuarios
● Número de visitas
● Tiempo de carga de la página
● Tasa de Conversión
49. Métricas de calidad y no de vanidad
Visitas únicasVisitas únicas
Transacciones
Tasa de
conversión
50. Métricas relevantes para UX
Objetivo
No es una métrica, pero es imprescindible
plantear qué es lo que deseamos que el usuario
haga.
Visitas
Asegurarse que se compara el mismo periodo
de tiempo entre una opción y la otra. Si por
ejemplo se cambia un CTA y las visitas de la
página de destino disminuyen respecto al
anterior, ahí ya hay un problema.
Tasa de Rebote
La tasa de rebote es un porcentaje que indica
cuántos usuarios de los que han accedido han
salido de la página sin hacer ninguna
interacción
51. Métricas relevantes para UX
Tasa de Conversión
Tasa de conversión = (compras / visitas) * 100
Primero hay que definir un Objetivo (Goal) en Google
Analytics una vez hecho esto, comparar periodos
distintos y ver la evolución a lo largo del tiempo.
Páginas de salida
La página de salida muestra cuál es la última página
que ve el usuario antes de dejar la página.
Behaviour Flow
Muestra el flujo del usuario en la web: por dónde
entran y a qué páginas van. Permite confirmar si el
usuario sigue efectivamente el journey definido en
UX, ver dónde falla y sacar conclusiones.
54. Vender productos o
servicios
• Venta de productos
• Suscripción a contenidos online
• Contratación de servicios online
Generar leads
para marketing
Reducir costos internos
de servicio al cliente
• Cotizaciones online
• Participación en concursos y promociones
• Descarga del catálogo
• Tickets de consultas online
• Visitas a páginas de Preguntas Frecuentes
• Encuestas respondidas de nuestros usuarios
Qué hacemos Qué esperamos obtener
Análisis: KPIs - El valor estratégico
55. Análisis: KPIs - El valor estratégico
Tipos de Sitios Tipo de KPIs
Comercio Electrónico
Ingresos
Tasa de conversión
Valor medio de pedido
Usuarios nuevos/recurrentes
Contenidos
Tasa de rebote
Profundidad de la visita (páginas/visita)
Tiempo promedio en página
Leads de Marketing
Tasa de conversión
Porcentaje de nuevas visitas
Costo por conversión (CPA)
Blogs
Suscriptores al blog
Tiempo promedio en el sitio
Número de comentarios y acciones
sociales (Compartir , Me Gusta)
56.
57.
58. Call-to-action
Average fold
(desktop)
Interacción elementos
(distractores)
Caso: Campaña afíliate 19 Club Cinépolis
Objetivo: Conseguir el mayor número de afiliaciones posible
Fecha: 13 mayo 2018
Acercamiento: [X] Reactivo [ ]Preventivo
● ¿Cuál es el número de
visitas a la página que se
recibe semanalmente?
● ¿Se invierte en campañas
de marketing? ¿Cuál es el
principal medio de
aterrizaje?
● ¿De cuántos pasos se
compone el proceso?
● ¿Dónde se encuentra el
call-to-action y cómo se
visualiza desde los
diferentes dispositivos
móviles?
Entendiendo el ¿Qué?
59.
60. Call-to-action
Afiliación Club Cinépolis
Paso 1: Inicio
● ¿Qué tipo de errores se
presentan durante la
interacción?¿Cuáles son los
más comunes por
dispositivo?
● ¿Dónde se encuentra el
call-to-action y cómo se
visualiza desde los diferentes
dispositivos móviles?
Entendiendo el ¿Qué?
61.
62. Afiliación Club Cinépolis
Paso 2: Registro
● ¿Cuáles son los campos necesarios
para la afiliación?
● ¿En qué campo se provocan más
errores y cuál campo se tardan
más en llenar?
Desktop Mobile
Entendiendo el ¿Qué?
63.
64. Afiliación Club Cinépolis Paso 3: Pago
● ¿El proceso concluye en una
pasarela de pago fuera o dentro
del sitio?
● ¿Cuál es el principal tipo de
rechazo?
● ¿Qué campo provoca más errores
y cuál campo se tardan más en
llenar?
Entendiendo el ¿Qué?
65.
66. Afiliación Club Cinépolis: Confirmación
● ¿Cuál es el tiempo de respuesta
promedio?
● ¿Cuál es el principal error en el
proceso?
● ¿Cuál es la tasa de conversión
semanal promedio?
Entendiendo el ¿Qué?
75. "El User Experience Analytics, es el conjunto de
técnicas de medición cuantitativas y cualitativas
que pretenden identificar y analizar el
comportamiento de usuarios en propiedades
digitales, de manera de evaluar el grado de
satisfacción de sus experiencias y su relación
con los objetivos de negocio".
79. ¿Qué opción ganó?
Difference Between Versions:
● Version A – With privacy guarantee, in
yellow text, directly under the red CTA
button
● Version B – Without privacy guarantee
under the red CTA button
Key Performance Indicator (KPI): Form
submissions
Test Goal: Increase sign-ups
A B
80. ¿Qué opción ganó?
Results -> >Winner: Version A
Delivra, an email marketing automation platform, found adding a privacy guarantee under the
Call To Action (CTA) button increased form submissions by 35%, at 99% confidence.
A
https://guessthetest.com/test/with-or-without-privacy-guarantee/
81. ¿Qué opción ganó?
Difference Between Versions:
● Version A – Blank box where users could
input the amount they chose to
contribute.
● Version B – Buttons featuring fixed
amounts donors could select.
Key Performance Indicator (KPI): Transactions,
revenue, Revenue Per Visitor (RPV)
Test Goal: Increase donations
A B
82. Results -> Winner: Version B
World Wildlife Fund (WWF), the international
wilderness preservation organization, wildly increased
conversions with the clickable button design format.
Compared to the version requiring donors to input their
contribution amount, the winning button design
increased: Transactions 30.7%, Total revenue 15.6%,
Revenue per visitor 14.7%
B
https://guessthetest.com/test/blank-box-or-buttons/
¿Qué opción ganó?
83. ¿Qué opción ganó?
Difference Between Versions:
● Version A – Two-step registration form
● Version B: One-step registration form
Key Performance Indicator (KPI): Demo
registrations
Test Goal: Increase registration sign-ups
A B
84. ¿Qué opción ganó?
Results -> Winner: Version A
The two-step sign-up page contributed to a
double-digit conversion lift!
By breaking the sign-up form into two steps, the
number of people who registered for an Adaptive
Insights software demo increased by 30%, at 95%
confidence.
A
https://guessthetest.com/test/does-a-multi-step-or-single-step-registration-form-convert-better/
85. ¿Qué opción ganó?
Difference Between Versions:
● Version A: Hero image featuring a
picture of Calgary’s skyline
● Version B: Hero image featuring a
picture of Culligan’s target market – a
woman in her 30’s with a family and a
nice home
Key Performance Indicator (KPI): Web form
inquiries
Test Goal: To increase the number of web
visitors inquiring about Culligan of Calgary’s
water services and pricing
A B
86. ¿Qué opción ganó?
Results -> Winner: Version A
Sorprendente no?
The hero image featuring Calgary’s skyline skyrocketed
web form inquiries by 87.05%, at 99% confidence,
compared to the “happy customers” image.
A
https://guessthetest.com/test/whats-the-best-converting-hero-image/
89. ¿Cuándo es útil?:
● Cuando las hipótesis plantean modificaciones de una experiencia a nivel general
● Para determinar qué experiencia respecto a un conjunto de opciones, es mejor como "un todo".
Tipos de Testing: A/B Testing
Un test A/B o A/B/n es un experimento aleatorio que utiliza
dos o más variaciones de una misma página web (A y B).
La variante A es la original (o control) y la B a la n contienen
uno o más elementos distintos de la versión original. En
algunos experimentos la opción B puede corresponder a
una versión completamente distinta de la original.
Cada variación es ofrecida en similares ocasiones de manera
que el desempeño puede ser observado y medido
independiente de otros factores.
90. Tipos de Testing: Multivariable
¿Cuándo es útil?:
● Cuando luego de obtener un resultado de un A/B Testing, se desea comprender qué elementos de
dicha página fueron los más influyentes en la mejora.
● Cuando se desea comprender qué combinación de funciones y elementos funcionan mejor.
Un test multivariable (MVT), prueba variantes de dos o más
elementos de forma simultánea para observar que
combinación genera el mejor resultado.
En vez de mostrar qué página alternativa es más efectiva
(como en un A/B testing), el MVT identifica la variación más
efectiva de cada elemento como también las interacciones
entre dichos elementos.
91. Tipos de Testing: Qué testear?
Páginas a optimizar
Categorías
Páginas de producto
Página de carrito
Página de confirmación
Formulario de contacto
Página de resultados de búsqueda
Landing pages
Home
Elementos a optimizar
Navegación Búsqueda Formularios Botones Elementos de
confianza
Copys
Apariencia
Orden
Diseño
Colores
Ubicación de
cajas
Diseño
Tamaño
Búsqueda
avanzada vs
la que no
Resultados
en la misma
página vs en
otra
Tipo de botón
Cantidad de
campos
Campos
obligatorios
Una página vs
varias
Diseño
Indicadores de
pasos
Tipos
(palabras vs
íconos)
Tamaño
Colores
Copys
Ubicación
Imágenes
Íconos de
seguridad
Textos de
privacidad
Políticas de
uso
Testimoniales
Reviews
sociales
92. "El método científico es un proceso destinado a
explicar fenómenos, establecer relaciones
entre los hechos y enunciar leyes que expliquen
los fenómenos físicos del mundo y permitan
obtener, con estos conocimientos, aplicaciones
útiles al hombre."
93. Algunas verdades
Tú opinión no importa:
Tú no eres tú cliente, y tienes un montón de ellos
No sabes realmente qué es lo que va a funcionar:
No existen las bolas de cristal, de otra manera seríamos todos millonarios
No hay templates mágicos para conversiones altas:
No existe el layout de página perfecta, ni algo que funcione "siempre". Ni las buenas
prácticas, siempre lo son.
Deja de copiar a la competencia
Ellos tampoco saben lo que están haciendo
1
2
3
4
95. El proceso
Observación
Heatmaps Session Replays
Qué es lo que está pasando.
Observamos patrones,
detectamos
comportamientos que nos
podrían parecer
interesantes, extraños o
inexplicables.
La observación lleva a la
curiosidad, y la curiosidad a
plantearnos preguntas.
96. El proceso
Plantear
preguntas
¿Por qué está pasando?
Mediante los datos
entendemos qué pasa, ahora
necesitamos comprender la
relación entre las variables
para explicar el por qué.
Comienza un proceso de
inferencia, donde intentamos
dar explicación a lo que nos
preguntamos.
97. El proceso
Desarrollar
Hipótesis
Estas inferencias, se
transforman en una
hipótesis que es una
suposición hecha a partir de
datos como base para iniciar
una investigación.
El planteamiento de
hipótesis nos permite iniciar
experimentos para poner a
prueba estas hipótesis.
98. El proceso
Experimentar
Las variables que
intervienen en el proceso
se modifican de una en
una y se comprueba cómo
influyen en él. Es esencial
modificar una sola CAUSA
cada vez y ver el EFECTO
que desencadena.
99. El proceso
Reportar
resultados
No existen "resultados
positivos o negativos" sólo
aprendizaje a partir de lo
experimentado.
Es esencial analizar y reportar
los resultados de manera de
poder comprender los pasos a
seguir.
110. Priorización de hipótesis
IMPACTO EN EL
NEGOCIO
● El impacto en el negocio se define como el grado de
influencia que una hipótesis pudiese llegar a tener en
uno o más KPIs del negocio
● Es un análisis interno (idealmente realizado por
aquellos con experiencia en los KPIs del negocio), que
intenta cuantificar dicho impacto con una escala (a
escoger por el negocio) donde a mayor valor, más es
el impacto de la hipótesis.
● La escala a utilizar pudiese ser lineal, o ponderada con
otras variables.
○ Lineal: Estimación del impacto entre 1 a 5
○ Ponderada: Se incluye en el impacto, el tiempo
en el que se tardaría lograr resultados. -> score x
tiempo
111. Priorización de hipótesis
● La factibilidad se define como el grado de aplicabilidad o
ejecución de la hipótesis según se plantee en la misma.
● Al tratarse de propiedades digitales, una hipótesis puede
plantear modificaciones técnicas que dada su complejidad
hace poco factible evaluar y testear dicha hipótesis.
● La factibilidad no solo se evalúa en aspectos técnicos, sino además políticos, comerciales e
incluso éticos; por ejemplo, evaluar tener un sitio web con un logo "distinto" del oficial,
podría llevar a cabo discusiones políticas o culturales; o plantear precios distintos
dependiendo del usuario puede llevar a debates legales antidiscriminación.
● La escala de evaluación generalmente otorga un mayor valor a hipótesis que son MÁS
FACTIBLES de realizar.
Lineal: Estimación del impacto entre 1 a 5
Ponderada: Se puede incluir en la factibilidad, otras variables que impacten el puntaje,
como por ejemplo si se requiere de un equipo externo o de subcontratar especialistas para
llevarlo a cabo.
FACTIBILIDAD DE
PUESTA EN MARCHA
112. Priorización de hipótesis
IMPACTO EN
EL NEGOCIO
FACTIBILIDAD DE
PUESTA EN MARCHA
HIPÓTESIS
Hipótesis 1
Hipótesis 2
Hipótesis 3
Hipótesis 4
SCORING DE LA
HIPÓTESIS
4
1
2
2
3
2
5
2
3,5
1,5
3,5
2
115. 1. Sponsor: Un ejecutivo o
director
2. Director de optimización
3. Desarrollador web
4. Experto Analytics & Testing
5. Marketing lead
6. Diseñador web
7. Experto en User Experience
8. Experto en QA
El equipo ideal