UXDAY 2019 Anatomía del checkout perfecto con Miquel Mir y Jorge Hernando de Multiplica Barcelona.

1. Ocupar el recuadro oscuro con una imagen, y por
encima de esta poner el logotipo de cliente en
blanco y la línea inferior en blanco.
La anatomía del Checkout
perfecto… o casi
BCN
MAD
SCL
MDE
BOG
LIM
MEX
MIA
SFO
SDQ
GYE
EZE
Noviembre 2019

2. Hola!
Hoy queremos compartiros algunas ideas para conseguir un gran checkout

3. 3
¿Como debe ser
un checkout?
1

13. 13
Todo empieza
antes del
checkout
1

14. 14
¿Cuántas veces le hemos dado al
botón “Añadir al carro” y hemos
tenido la sensación de que no haya
pasado nada?
La interfaz debe dar un feedback
claro al usuario. Eso sí, evitando
romper la experiencia de compra.
¿Se ha añadido mi
producto a la cesta?
Todoempiezaantesdelcheckout
teashop.com

15. 15
El momento de añadir un producto a
la cesta, es una gran oportunidad
para hacer cross-selling o up-selling
de productos relacionados
aprovechando el momento caliente
del usuario.
Aprovecha para
aumentar la cesta
media...
Todoempiezaantesdelcheckout
amazon.es

16. 16
Persuadiendo al usuario para que
añada algún otro producto de poco
valor para llegar al mínimo
necesario para tener envío gratis.
...con la excusa del
envío gratis
Todoempiezaantesdelcheckout
animalear.com

17. 17
Una vez en el
checkout...
2

18. 18
Siendo honestos, lo que más nos
interesa en este punto del usuario
es su tarjeta de crédito.
Una pantalla como esta, es un freno
que hace tomar una decisión al
usuario que no se espera ni desea
tomar.
Tus usuarios quieren
comprar, no registrarse
Unavezenelcheckout...
desigual.com

19. 19
Mejor dejar un acceso sutil, pero
visible para que los usuarios no
logueados puedan acceder a su
cuenta sin penalizar a los nuevos
Tus usuarios quieren
comprar, no registrarse
cataloniahotels.com
Unavezenelcheckout...

20. 20
Haz que parezca un accidente y
mejor si no lo llamamos “Registro”.
Nunca hay que subestimar el poder
de los copies.
Deja clara la propuesta de valor al
cliente y hazlo tan fácil com dejar
una contraseña.
Si no queda más
remedio, crea un
registro implícito
casadellibro.com
Unavezenelcheckout...

21. 21
Si lo hacemos bien, un checkout sin
pasos es la manera más rápida para
que un usuario finalice su compra.
¡Mira mamá, sin pasos!
cataloniahotels.com
Unavezenelcheckout...

22. 22
Contemos una historia atacando el
lado más emocional del cerebro del
usuario.
Es una conversación,
no un formulario
casadellibro.com
Unavezenelcheckout...

23. 23
Debe quedar claro el producto que
se está comprando y permitir su
visualización en todo momento
incluyendo fotografías evitando al
usuario tener que ir a buscar esta
información mientras está
rellenando los datos.
Resumen siempre
visible
desigual.com
Unavezenelcheckout...

24. 24
También en mobile, manteniéndolo
siempre accesible en cualquier
punto del scroll.
Resumen siempre
visible
casadellibro.com
Unavezenelcheckout...

25. 25
Si nuestro cliente ha llegado hasta
aquí, no le demos motivos para
dudar ni links para salir del
checkout.
Todo lo que contenga el checkout
debe estar pensado para
mantenerlo ahí y llevarlo hasta la
conversión.
Eliminamos navegación, footer y
cualquier link que pueda distraerlo
de su misión.
Sin puntos de fuga
dieteticacentral.com
Unavezenelcheckout...

26. 26
Al hacer clic en el logo, una simple
capa pidiendo confirmación puede
evitar una fuga de algún usuario
despistado.
Intentemos impedir la
fuga hasta el final
casadellibro.com
Unavezenelcheckout...

27. 27
Si hemos investigado bien,
sabremos qué preocupa al usuario,
cuáles son sus miedos y sus dudas.
Si las hemos sabido responder
durante todo el funnel, en el
checkout también tienen que
quedar claras.
Responde las preguntas
que producen fricción
webycar.com
Unavezenelcheckout...

28. 28
Busquemos una ubicación que
permita al que tiene el código
encontrarlo pero que no haga
distraiga demasiado ni haga dudar
a quién no lo tiene.
Que los códigos
promocionales no
entorpezcan el camino
casadellibro.com
Unavezenelcheckout...

29. 29
Repetir lo que nos hace distintos,
en especial detalles sobre producto
o servicio, envíos, devoluciones,
seguridad, garantías, social proof...
Repite y ejerce presión
en las ventajas
dieteticacentral.com
Unavezenelcheckout...

30. 30
Hay que intentar acortar al máximo
los campos a rellenar por el
usuario.
Una de las posibles estrategias es
autorrellenar los campos que
podamos, por ejemplo a partir del
código postal.
Allanando el camino
con el input de datos
casadellibro.com
Unavezenelcheckout...

31. 31
Chats que se levantan en ciertos
momentos, o teléfonos que
aparecen mágicamente dando
seguridad al usuario.
Enseñando claramente
accesos a ayuda y
soporte
naturitas.es
Unavezenelcheckout...

32. 32
● Informar claramente de la compra
● Dar servicio
● Fidelizar
● Intentar vender algo más
● Recolectar más datos del usuario
● Y sobretodo, darle las gracias
Confirmación:
¿Y ahora qué?
eurostarshotels.com
Unavezenelcheckout...

33. 33
Takeaway
La cantidad de esfuerzo y habilidad que
invirtamos diseñando un checkout será
inversamente proporcional al esfuerzo y
habilidad que tenga que invertir el
usuario para superarlo.
Esto se traducirá en más ventas y en
clientes más satisfechos.

34. Muchas gracias :)