Charla para #zapatillasFromMars, evento promovido por Cris Busquets (uiFromMars) y patrocinado por HolaLuz. En esta charla cuento un caso de éxito de un proyecto de diseño basado en datos, que nos sirve para explicar la metodología CRO.
1. Diseñobasado en datos
Fani Sánchez
Product Manager
& CRO Specialist
mendesaltaren
Y EL ROL DE UI EN UN PROYECTO CRO
2. Background
+8 años como SEO Specialist en agencia para clientes
como Turismo Oficial España, Banco Santander, Acnur, El
Economista… en proyectos de migración, SEO
internacional y creando arquitecturas de sitios web.
Actualmente
Product Manager & CRO Specialist en mendesaltaren,
estudio de diseño / UI donde creamos productos
digitales para startups y rediseñamos proyectos de
marcas consolidadas.
Quién soy
mendesaltaren
Lo demás
Amante del A/B/C/D/E testing de birras (adjunto foto). Bookish
por necesidad emocional, adoradora de conciertos, fotógrafa
en mi tiempo libre y viajera cuando los dineros me lo permiten.
Madre de Momo, que habéis podido ver durante la charla
detrás de mí, despatarrada en su cama.
7. Mejora de KPI de negocio
Cuando el negocio tiene el objetivo claro
de mejorar una métrica concreta, como
revenue, suscripciones… Auditamos la
situación actual y diseñamos soluciones
entorno al KPI y validamos testeando.
Rediseño
El rediseño basado en datos exige una
sinergia perfecta entre diseño y data.
Investigamos, generamos hipótesis,
diseñamos en base a ellas y validamos
los diseños testeando.
Diseño basado en datos
Tiposdeproyecto/objetivos
Nuevo modelo de negocio
Una vez definido el nuevo modelo de
negocio o blueprint, diseñamos y
validamos el customer journey a través de
hipótesis y testing de todos los procesos.
1 2 3
mendesaltaren
8. Mejora de KPI de negocio
Cuando el negocio tiene el objetivo claro
de mejorar una métrica concreta, como
revenue, suscripciones… Auditamos la
situación actual y diseñamos soluciones
entorno al KPI y validamos testeando.
Validación de rediseño
El rediseño basado en datos exige una
sinergia perfecta entre diseño y data.
Investigamos, generamos hipótesis,
diseñamos en base a ellas o a buenas
prácticas y validamos los diseños
testeando.
Validación de modelos de negocio
Una vez definido el nuevo modelo de
negocio o blueprint, diseñamos y
validamos el customer journey a través de
hipótesis y testing de todos los procesos.
1 2 3
mendesaltaren
Diseño basado en datos
Tiposdeproyecto/objetivos
16. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Escenario de la situación
Además de la entrevista para conocer sus
necesidades, pedimos documentación que puedan
tener como sus informes NPS, cualquier tipo de
encuesta que hayan lanzado recientemente etc.
Kick-offconelcliente
17. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
El informe del experto
Analizamos la experiencia de compra del sitio y
tomamos nota de todo aquello que, en base a
nuestro expertise y a las buenas prácticas,
probablemente no está funcionando en la tienda.
Análisisheurístico
18. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Revisar KPIs y métricas clave
Páginas con mayor tasa de rebote, páginas con
mayor tasa de salida, páginas con menor tasa de
conversión etc.
Analíticaweb
19. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Entrevistascon elcall center
Research
Logística
Dudas
clientes
Gestión
incidencias
Incidencias y
sus tipos
CRM
Pedidos
telefónicos
Informes
internos
Gastos de
envío
23. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Necesitan confirmación cuando agregan productos
El comportamiento de agregar productos no era lo
suficientemente explícito, resultaba confuso para el
usuario.
Problemasenla compra
No saben si han agregado productos al carrito
Las funciones de añadir al carrito y de modificar las
unidades del producto se solapan.
No saben si han agregado productos al carrito
Cuando quieren comprobar el pedido, no encuentran
cómo llegar a la cesta.
1
2
3
24. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Necesitan confirmación cuando agregan productos
El comportamiento de agregar productos no era lo
suficientemente explícito, resultaba confuso para el
usuario.
Problemasenla compra
1
25. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Necesitan confirmación cuando agregan productos
El comportamiento de agregar productos no era lo
suficientemente explícito, resultaba confuso para el
usuario.
Problemasenla compra
No saben cuántos uds han agregado
Las funciones de añadir al carrito y de modificar las
unidades del producto se solapan.
No saben dónde comprobar el estado del pedido
Cuando quieren comprobar el pedido, no encuentran
cómo llegar a la cesta.
1
2
3
28. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Necesitan confirmación cuando agregan productos
El comportamiento de agregar productos no era lo
suficientemente explícito, resultaba confuso para el
usuario.
Problemasenla compra
No saben cuántos uds han agregado
Las funciones de añadir al carrito y de modificar las
unidades del producto se solapan.
No saben dónde comprobar el estado del pedido
Cuando quieren comprobar el pedido, no encuentran
cómo llegar a la cesta.
1
2
3
29. Análisis
Resultados
1
ANÁLISIS CUALITATIVO Y CUANTITATIVO
Investigación
mendesaltaren
Problemasenla compra
No saben dónde comprobar el estado del pedido
Cuando quieren comprobar el pedido, no encuentran
cómo llegar a la cesta.
3
33. ¿POR DÓNDE EMPEZAMOS?
mendesaltaren
Priorización Wireframing Estimación
1 2 3 4
Evaluaremos una batería del
backlog de ideas en base un
índice. Siempre se estiman
con el cliente y su equipo.
Diseño de visuales básicos
sobre estas ideas, para que la
siguiente fase sea más
precisa.
Estimaremos los tiempos de
ejecución de las principales
ideas escogidas.
De la fase anterior, la batería
de ideas quedará ordenada y
priorizada.
Roadmap
5
Elección de las ideas
escogidas en base al marco
temporal y el impacto
estimado de las ideas.
Triage
37. Análisis
Resultados
2
WIREFRAMING
Ideación
mendesaltaren
Carrito desplegable
La vista se va hacia el movimiento. La gente sabrá
si ha agregado algo al carrito, y podrá ver su cesta.
Todo en uno
Solucionespropuestas
Separación de funciones
Separamos las funciones de añadir al carrito y de
modificar las unidades de modo que no haya lugar a
equívoco sobre cuántas unidades se han añadido.
Nuevo icono de cesta
Sustituimos el actual icono por un literal “Cesta”
1
2
3
50. Análisis
Resultados
3
AB TESTING
Experimentación
mendesaltaren
Variante 1
Será necesario etiquetar lo ya incluido en la versión original de la misma forma:
○ En la ficha de producto, el AddToCart y los eventos de clic en los modificadores + y –
○ En el carrito desplegable:
○ removeFromCart (enhanced ecomomerce) al usar el enlace eliminar o el botón –
○ Evento de clic sobre el aspa de cierre del carrito.
○ Evento de clic sobre el botón seguir comprando.
○ Evento de clic fuera del carrito cuando éste está desplegado
dataLayer.push({
'event': ‘GAEvent',
'eventCategory': 'cesta',
'eventAction': 'exit_cesta',
'eventLabel': 'aspa|boton_tienda|clic_fuera' // cada opción se mostrará en su evento correspondiente
});
○ Evento de clic en los símbolos +, – y ‘Eliminar’
dataLayer.push({
'event': 'GAEvent',
'eventCategory': 'carrito_desplegable',
'eventAction': 'modificador_uds',
'eventLabel': 'mas|menos|eliminar' // cada opción se mostrará en su evento correspondiente
});
○ En los productos con más de una presentación, queremos medir un evento de clic en los símbolos +,
– y ‘Añadir al carrito’ cuando estos están disabled. Objetivo: ver si la gente entiende el funcionamiento.
dataLayer.push({
'event': 'GAEvent',
'eventCategory': 'disabled',
'eventAction': 'modificador_uds|botón_añadir_carrito', // cada opción se mostrará en su
evento correspondiente)
});
REQUISITOS DE MEDICIÓN