El carrito de compra móvil perfecto - App Trade Centre

81
1 El carrito de compra móvil perfecto BCN MAD SCL MDE BOG LIM MEX MIA SFO Mejores prácticas para diseñar un check-out móvil imbatible.

Transcript of El carrito de compra móvil perfecto - App Trade Centre

Page 1: El carrito de compra móvil perfecto - App Trade Centre

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.

Page 2: El carrito de compra móvil perfecto - App Trade Centre

© multiplica 2013

Primero las presentaciones:1. El individuo

Page 3: El carrito de compra móvil perfecto - App Trade Centre

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

Page 4: El carrito de compra móvil perfecto - App Trade Centre

© multiplica 2013

Y ahora a lo que habéis venido:

Checkouts Mobile

Page 5: El carrito de compra móvil perfecto - App Trade Centre

5 Pongámonos en SITUACIÓN

Page 6: El carrito de compra móvil perfecto - App Trade Centre

6

Estábamos tranquilos hasta que tablets y móviles se propusieron complicarnos las vidas.

Page 7: El carrito de compra móvil perfecto - App Trade Centre

7

Y empezamos a comprar desde el móvil.Peor, a tomar decisiones de compra con el móvil.

Page 8: El carrito de compra móvil perfecto - App Trade Centre

8

Y a darnos cuenta de la diversidad de dispositivos y contextos a los que debemos responder.

Page 9: El carrito de compra móvil perfecto - App Trade Centre

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?

Page 10: El carrito de compra móvil perfecto - App Trade Centre

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.

Page 11: El carrito de compra móvil perfecto - App Trade Centre

11

Checkouts + mobile¿qué podía salir mal?

Page 12: El carrito de compra móvil perfecto - App Trade Centre

12

El mundo móvil tiene sus propias reglas.

Page 13: El carrito de compra móvil perfecto - App Trade Centre

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

Page 14: El carrito de compra móvil perfecto - App Trade Centre

14

El mundo móvil tiene sus propias reglas.Donde hacemos click con el dedo.

Page 15: El carrito de compra móvil perfecto - App Trade Centre

15

El mundo móvil tiene sus propias reglas.Con sesiones cortas y discontinuas

Page 16: El carrito de compra móvil perfecto - App Trade Centre

16

Y cuán rápida ha sido la adopción móvil

Page 17: El carrito de compra móvil perfecto - App Trade Centre

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%

Page 18: El carrito de compra móvil perfecto - App Trade Centre

18

Fuente: CustoraShare-of-wallet

Y cuán rápida es la adopción móvilCreciendo mucho en share-of-wallet

Page 19: El carrito de compra móvil perfecto - App Trade Centre

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

Page 20: El carrito de compra móvil perfecto - App Trade Centre

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.

Page 21: El carrito de compra móvil perfecto - App Trade Centre

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

Page 22: El carrito de compra móvil perfecto - App Trade Centre

22

Page 23: El carrito de compra móvil perfecto - App Trade Centre

23

Buscando mejorar nuestros check-outs móviles

Page 24: El carrito de compra móvil perfecto - App Trade Centre

24

50 ideas / best practices

Page 25: El carrito de compra móvil perfecto - App Trade Centre

25

01. Empujando el check-out desde el primer momento.

www.landsend.com

Acceso al carrito

Page 26: El carrito de compra móvil perfecto - App Trade Centre

26

02. Teniendo visibilidad del carrito con productos en todo momento

www.fab.com

Acceso al carrito

Page 27: El carrito de compra móvil perfecto - App Trade Centre

27

03. Permitiendo fácilmente seguir comprando

Acceso al carrito www.macys.com

Page 28: El carrito de compra móvil perfecto - App Trade Centre

28

04. Con la opción de seguir comprando en otro momento

www.asos.com

Acceso al carrito

Page 29: El carrito de compra móvil perfecto - App Trade Centre

29

05. Dejando claro el producto que se está comprando

www.bestbuy.com

Carrito

Page 30: El carrito de compra móvil perfecto - App Trade Centre

30

06. Con la posibilidad de editar el carrito fácilmente

Carrito

www.secretsales.com

Page 31: El carrito de compra móvil perfecto - App Trade Centre

31

07. Sepamos cuándo proponer y recomendar venta cruzada

Carrito

www.apple.com

Page 32: El carrito de compra móvil perfecto - App Trade Centre

32

08. Permitiéndome comprar más rápidamente lo que compro

www.ulabox.com

Carrito

Page 33: El carrito de compra móvil perfecto - App Trade Centre

33

09. Solicitando lo antes posible los datos de contacto

Carrito

www.bonobos.com

Page 34: El carrito de compra móvil perfecto - App Trade Centre

34

10. Sin la necesidad de registrarse

Registro

www.made.com

Page 35: El carrito de compra móvil perfecto - App Trade Centre

35

11. Facilitando al máximo el login y acceso

Registro

www.secretsales.com

Page 36: El carrito de compra móvil perfecto - App Trade Centre

36

12. Incentivando el registro

Registro

www.desigual.com

Page 37: El carrito de compra móvil perfecto - App Trade Centre

37

13. Dejando claro siempre dónde está el usuario

Proceso de compra

www.bonobos.com

Page 38: El carrito de compra móvil perfecto - App Trade Centre

38

14. Evitando cualquier distracción

Proceso de compra

www.bonobos.com

Page 39: El carrito de compra móvil perfecto - App Trade Centre

39

15. De ser posible, sin pasos

Proceso de compra

www.amazon.com

Page 40: El carrito de compra móvil perfecto - App Trade Centre

40

16. … u ofreciendo la compra en un simple clic.

Proceso de compra

www.dafiti.cl

Page 41: El carrito de compra móvil perfecto - App Trade Centre

41

17. Con tiempos de transición y descarga optimizados

Proceso de compra

www.cesta.com

Page 42: El carrito de compra móvil perfecto - App Trade Centre

42

18. Con claras llamadas a la acción

CTAs

www.mango.com

Page 43: El carrito de compra móvil perfecto - App Trade Centre

43

19. CTAs ubicadas siempre en visibles en cada paso

CTAs

www.amazon.com

Page 44: El carrito de compra móvil perfecto - App Trade Centre

44

20. Con llamadas que no den lugar a dudas

CTAs

www.crateandbarrel.com

Page 45: El carrito de compra móvil perfecto - App Trade Centre

45

21. Con llamadas fijas

CTAs

www.target.com

Page 46: El carrito de compra móvil perfecto - App Trade Centre

46

22. Pidiendo sólo aquellos datos imprescindibles

www.fab.com

Formularios

Page 47: El carrito de compra móvil perfecto - App Trade Centre

47

23. Automaticemos la entrada de datos cuando sea posible

Formularios

www.desigual.com

Page 48: El carrito de compra móvil perfecto - App Trade Centre

48

24. Geolocalízame si con ello me ahorraré tiempo

Formularios

www.crateandbarrel.com

Page 49: El carrito de compra móvil perfecto - App Trade Centre

49

25. Validando los campos en tiempo real

Formularios

www.elcorteingles.es

Page 50: El carrito de compra móvil perfecto - App Trade Centre

50

26. Ofrezcamos mensajes de errores claros y contextuales

Formularios

www.zara.com

Page 51: El carrito de compra móvil perfecto - App Trade Centre

51

27. Evitando los errores más habituales

www.mediamarkt.es

Formularios

Page 52: El carrito de compra móvil perfecto - App Trade Centre

52

28. Grabando los datos en todo momento

www.zappos.com

Formularios

Page 53: El carrito de compra móvil perfecto - App Trade Centre

53

29. Incentivando registrarse a nuestro newsletter

Formularios www.desigual.com

Page 54: El carrito de compra móvil perfecto - App Trade Centre

54

30. Formularios con una óptima visualización

Formularios

www.target.com

Page 55: El carrito de compra móvil perfecto - App Trade Centre

55

31. Hagamos el mejor de los usos de cupones y promociones

Formularios

www.crateandbarrel.com

Page 56: El carrito de compra móvil perfecto - App Trade Centre

56

32. Aprovechemos la propia interfaz del smartphone

Formularios

www.usbank.com

Page 57: El carrito de compra móvil perfecto - App Trade Centre

57

33. Pudiendo revisar el pedido

como opción (y no paso)

Resumen

www.bestbuy.com

Page 58: El carrito de compra móvil perfecto - App Trade Centre

58

34. Permitiendo finalizar el pedido telefónicamente

Resumen

www.dominospizza.com

Page 59: El carrito de compra móvil perfecto - App Trade Centre

59

35. Dejando claro el costo total del pedido

Envíos

www.apple.com

Page 60: El carrito de compra móvil perfecto - App Trade Centre

60

36. Permitiendo definir la urgencia del envío

Envíos

www.landsend.com

Page 61: El carrito de compra móvil perfecto - App Trade Centre

61

37. Empujando el pedido medio con el envío gratuito

Envíos

www.mango.com

Page 62: El carrito de compra móvil perfecto - App Trade Centre

62

38. Pudiendo ahorrar si la entrega es más flexible

Envíos

www.ulabox.com

Page 63: El carrito de compra móvil perfecto - App Trade Centre

63

39. Haciéndole ver al usuario que su pedido nos importa

Envíos

www.aliexpress.com

Page 64: El carrito de compra móvil perfecto - App Trade Centre

64

40. Dando alternativas para recibir el pedido

Envíos

www.lider.cl

Page 65: El carrito de compra móvil perfecto - App Trade Centre

65

41. Integremos múltiples check-outs complementarios

Pago

www.secretsales.com

Page 66: El carrito de compra móvil perfecto - App Trade Centre

66

42. Con las máximas facilidades de pago

Pago

www.dominos.com

Page 67: El carrito de compra móvil perfecto - App Trade Centre

67

43. Permitiendo guardar mis datos de tarjeta

Pago

www.dominos.com

Page 68: El carrito de compra móvil perfecto - App Trade Centre

68

44. Con una clara preocupación

por la seguridad

Pago

www.fab.com

Page 69: El carrito de compra móvil perfecto - App Trade Centre

69

45. Con la posibilidad de pagar

con múltiples tarjetas

Pago

www.craftandbarrel.com

Page 70: El carrito de compra móvil perfecto - App Trade Centre

70

46. Con una ayuda permanente

Ayuda

www.apple.com

Page 71: El carrito de compra móvil perfecto - App Trade Centre

71

47. Con políticas de devolución bien claras

Ayuda

www.dafiti.com

Page 72: El carrito de compra móvil perfecto - App Trade Centre

72

48. Posibilitemos todo tipo de contacto

Ayuda

www.apple.com

Page 73: El carrito de compra móvil perfecto - App Trade Centre

73

49. Empujemos nuestra app desde nuestra tienda móvil

Otros

www.zappos.com

Page 74: El carrito de compra móvil perfecto - App Trade Centre

74

50. Permitiendo recuperar el carrito abandonando

Otros

www.mrwonderful.es

Page 75: El carrito de compra móvil perfecto - App Trade Centre

75

Un checkout de resumen

Que me ha encantado

Page 76: El carrito de compra móvil perfecto - App Trade Centre

76

Page 77: El carrito de compra móvil perfecto - App Trade Centre

77

Pero como siempre digo, en el off suceden

cosas maravillosas

Page 78: El carrito de compra móvil perfecto - App Trade Centre

78

Page 79: El carrito de compra móvil perfecto - App Trade Centre

79

Entrega: tenemos todavía otra oportunidad para provocar el

WOW!!

NO puedo dejar de comprar sabiendo que doy trabajo a

ROSE

Page 80: El carrito de compra móvil perfecto - App Trade Centre

80 Resultados digitales extraordinarios para clientes más que felices.

Gracias por tu atenciónCualquier consulta:

Ahora: levanta la manoSiempre: en [email protected]

Page 81: El carrito de compra móvil perfecto - App Trade Centre

81