1
El carrito de compra móvil perfecto
BCN MAD SCL MDE BOG LIM MEX MIA SFO
Mejores prácticas para diseñarun check-out móvil imbatible.
© multiplica 2013
Primero las presentaciones:1. El individuo
3
ORIOL IBARS• Nada exótico: de Barcelona• Director de consultoría y
estrategia, consultor, project manager y “loquehagafalta” en Multiplica
• Internet todavía me gusta, tras más de 18 años
• Colecciono camisas hawaiianas
• No digo nada en twitter, y facebook me estresa. NO hace falta que me sigáis. Linkedin es otra cosa
© multiplica 2013
Y ahora a lo que habéis venido:
Checkouts Mobile
5 Pongámonos en SITUACIÓN
6
Estábamos tranquilos hasta que tablets y móviles se propusieron complicarnos las vidas.
7
Y empezamos a comprar desde el móvil.Peor, a tomar decisiones de compra con el móvil.
8
Y a darnos cuenta de la diversidad de dispositivos y contextos a los que debemos responder.
9
Y nos llenamos de dudas.
¿Site móvil o responsive?¿Qué tienda móvil?¿Site mobile-friendly
o app nativa? ¿Con qué funcionalidad?
¿Con qué UX?
¿Híbrida quizás?
¿Cómo atraemos a ese usuario móvil?
10
Y mientras creábamos primeras tiendas móviles y apps asumimos…
Adaptar nuestros sites desktop a una pantalla más pequeña.
1
Pensar que las apps serían el medio principal desde donde interactuar desde el móvil.2
3 Entender el mcommerce como un canal de venta adicional que necesitaría su tiempo para despegar.
11
Checkouts + mobile¿qué podía salir mal?
12
El mundo móvil tiene sus propias reglas.
13
Un 80% menos de tamaño, un 80% menos de elementos
El mundo móvil tiene sus propias reglas.Una pantalla mucho más pequeña
14
El mundo móvil tiene sus propias reglas.Donde hacemos click con el dedo.
15
El mundo móvil tiene sus propias reglas.Con sesiones cortas y discontinuas
16
Y cuán rápida ha sido la adopción móvil
17
5,03%
0,12%
TabletY cuán rápida ha sido la adopción móvil
Con casi 1/2 del tráfico ya móvil(aunque en algunos sectores y clientes se ha superado ya)
43,23%
Desktop
Mobile
A nivel mundial, el 43,23% del tráfico online a un site procede ya desde un móvil.
51,61%
18
Fuente: CustoraShare-of-wallet
Y cuán rápida es la adopción móvilCreciendo mucho en share-of-wallet
19
Fuente: comScore Media Metrix (Marzo del 2015)Unique visitors (en miles)
Y cuán rápida es la adopción móvilY convirtiéndose en el canal principal
20
Y cuán rápida ha sido la adopción móvilA pesar de tener menores conversiones
Fuente: Monetate. Q3/2015Conversión por dispositivo en Estados Unidos.
21
Y cuán rápida ha sido la adopción móvilY con abandono de carritos alarmantes
Fuente: SeeWhyAbandono del carrito de la compra
22
23
Buscando mejorar nuestros check-outs móviles
24
50 ideas / best practices
25
01. Empujando el check-out desde el primer momento.
www.landsend.com
Acceso al carrito
26
02. Teniendo visibilidad del carrito con productos en todo momento
www.fab.com
Acceso al carrito
27
03. Permitiendo fácilmente seguir comprando
Acceso al carrito www.macys.com
28
04. Con la opción de seguir comprando en otro momento
www.asos.com
Acceso al carrito
29
05. Dejando claro el producto que se está comprando
www.bestbuy.com
Carrito
30
06. Con la posibilidad de editar el carrito fácilmente
Carrito
www.secretsales.com
31
07. Sepamos cuándo proponer y recomendar venta cruzada
Carrito
www.apple.com
32
08. Permitiéndome comprar más rápidamente lo que compro
www.ulabox.com
Carrito
33
09. Solicitando lo antes posible los datos de contacto
Carrito
www.bonobos.com
34
10. Sin la necesidad de registrarse
Registro
www.made.com
35
11. Facilitando al máximo el login y acceso
Registro
www.secretsales.com
36
12. Incentivando el registro
Registro
www.desigual.com
37
13. Dejando claro siempre dónde está el usuario
Proceso de compra
www.bonobos.com
38
14. Evitando cualquier distracción
Proceso de compra
www.bonobos.com
39
15. De ser posible, sin pasos
Proceso de compra
www.amazon.com
40
16. … u ofreciendo la compra en un simple clic.
Proceso de compra
www.dafiti.cl
41
17. Con tiempos de transición y descarga optimizados
Proceso de compra
www.cesta.com
42
18. Con claras llamadas a la acción
CTAs
www.mango.com
43
19. CTAs ubicadas siempre en visibles en cada paso
CTAs
www.amazon.com
44
20. Con llamadas que no den lugar a dudas
CTAs
www.crateandbarrel.com
45
21. Con llamadas fijas
CTAs
www.target.com
46
22. Pidiendo sólo aquellos datos imprescindibles
www.fab.com
Formularios
47
23. Automaticemos la entrada de datos cuando sea posible
Formularios
www.desigual.com
48
24. Geolocalízame si con ello me ahorraré tiempo
Formularios
www.crateandbarrel.com
49
25. Validando los campos en tiempo real
Formularios
www.elcorteingles.es
50
26. Ofrezcamos mensajes de errores claros y contextuales
Formularios
www.zara.com
51
27. Evitando los errores más habituales
www.mediamarkt.es
Formularios
52
28. Grabando los datos en todo momento
www.zappos.com
Formularios
53
29. Incentivando registrarse a nuestro newsletter
Formularios www.desigual.com
54
30. Formularios con una óptima visualización
Formularios
www.target.com
55
31. Hagamos el mejor de los usos de cupones y promociones
Formularios
www.crateandbarrel.com
56
32. Aprovechemos la propia interfaz del smartphone
Formularios
www.usbank.com
57
33. Pudiendo revisar el pedido
como opción (y no paso)
Resumen
www.bestbuy.com
58
34. Permitiendo finalizar el pedido telefónicamente
Resumen
www.dominospizza.com
59
35. Dejando claro el costo total del pedido
Envíos
www.apple.com
60
36. Permitiendo definir la urgencia del envío
Envíos
www.landsend.com
61
37. Empujando el pedido medio con el envío gratuito
Envíos
www.mango.com
62
38. Pudiendo ahorrar si la entrega es más flexible
Envíos
www.ulabox.com
63
39. Haciéndole ver al usuario que su pedido nos importa
Envíos
www.aliexpress.com
64
40. Dando alternativas para recibir el pedido
Envíos
www.lider.cl
65
41. Integremos múltiples check-outs complementarios
Pago
www.secretsales.com
66
42. Con las máximas facilidades de pago
Pago
www.dominos.com
67
43. Permitiendo guardar mis datos de tarjeta
Pago
www.dominos.com
68
44. Con una clara preocupación
por la seguridad
Pago
www.fab.com
69
45. Con la posibilidad de pagar
con múltiples tarjetas
Pago
www.craftandbarrel.com
70
46. Con una ayuda permanente
Ayuda
www.apple.com
71
47. Con políticas de devolución bien claras
Ayuda
www.dafiti.com
72
48. Posibilitemos todo tipo de contacto
Ayuda
www.apple.com
73
49. Empujemos nuestra app desde nuestra tienda móvil
Otros
www.zappos.com
74
50. Permitiendo recuperar el carrito abandonando
Otros
www.mrwonderful.es
75
Un checkout de resumen
Que me ha encantado
76
77
Pero como siempre digo, en el off suceden
cosas maravillosas
78
79
Entrega: tenemos todavía otra oportunidad para provocar el
WOW!!
NO puedo dejar de comprar sabiendo que doy trabajo a
ROSE
80 Resultados digitales extraordinarios para clientes más que felices.
Gracias por tu atenciónCualquier consulta:
Ahora: levanta la manoSiempre: en [email protected]
81