Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

¿De verdad necesitas saber si tu cliente está casado?

1 421 vues

Publié le

Presentación impartida por Alberto Blanch, Responsable de Desarrollo de Negocio de Presencia Web de Arsys, en los eventos OMExpo 2018 y eShow Barcelona 2018, celebrados en abril de 2018.

Más información en https://www.arsys.es/blog/nosotros/eventos/omexpo-2018-arsys y https://www.arsys.es/blog/nosotros/eventos/eshow-barcelona-2018 .

Publié dans : Internet
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

¿De verdad necesitas saber si tu cliente está casado?

  1. 1. ¿De verdad necesitas saber si tu cliente está casado? • Alberto Blanch – Arsys • Street Art de Banksy
  2. 2. Qué, cómo y cuándo https://verne.elpais.com/verne/2018/03/21/articulo/1521641336_237841.html
  3. 3. 4. Flujo3.Diseño2. Textos1.Campos
  4. 4. ¡Por pedir, que no sea! Según un estudio de Baymard, mostramos de media 24 campos por defecto cuando valdría con 12… … todo un lujo cuando la tasa de abandono en la compra es del 68%
  5. 5. El tamaño no importa https://www.weforum.org/agenda/2016/01/how-small-data-will-transform-companies/ https://www.bbvaopenmind.com/small-data-frente-a-big-data-de-vuelta-a-lo-basico/
  6. 6. ¡Por pedir, que no sea!  ¿Qué datos necesito realmente? ¿Para qué los voy a usar en el futuro? ¿Seguro que los vas a usar?  ¿Deben ser obligatorios? ¿Los debo mostrar por defecto o pueden ser desplegables?  ¿Los puedo pedir más tarde? Quizá algunos datos los puedes pedir después de finalizar la contratación.  Explica para qué es cada dato que pides.
  7. 7. ¿Qué campos son realmente esenciales? 1. Campo único de Nombre y Apellidos 2. Email 3. Teléfono (si le vas a llamar, y sólo uno) 4. Checkbox para autorizar comunicaciones 5. Dirección (puede haber más campos expandibles) 6. Código postal 7. País (se puede preseleccionar por geo-targeting) 8. Checkbox Facturación = Envío 9. Selector envío 10. Tarjeta de crédito 11. Fecha 12. CVV
  8. 8. ¿Cuántas monjas piden pizza? Fuente: http://mainlinepizzaquest.blogspot.com.es/
  9. 9. Hay formas de simplificar  Los datos repetidos, marca por defecto que son los mismos (dirección facturación, titular tarjeta, titular de un dominio…). No supongas que son distintos  Pide un orden lógico para evitar errores y dependencias extrañas. Podrás pre-rellenar (ej. ciudad a partir de código postal)  Usa un campo único de nombre y apellidos ¡No te repitas!
  10. 10. Puedes usar geo-targeting para ahorrar pasos También puedes pre-rellenar la ciudad a partir del código postal (si es único)
  11. 11. Considera el Social Login https://conversionxl.com/blog/social-login/ https://blog.loginradius.com/2014/05/are-typical-registration-processes-causing-you-to-lose-users/  A la gente le molesta tener que crear más cuentas y contraseñas  Aunque tendrá más o menos sentido en función de si el público es persona o empresa
  12. 12. Campos: Resumen  Pide sólo lo que necesites  Pide sólo una vez  Usa un orden lógico  Pre-rellena cuando sea posible
  13. 13. 4. Flujo3.Diseño2. Textos1. Campos
  14. 14. Textos: Cuidado con los tecnicismos
  15. 15. Que el comportamiento sea el esperado
  16. 16. Textos  Evita tecnicismos  Descripciones cortas y claras o Puedes poner un link adicional con información o No pongas “Estándar” y “Urgente” en lugar de “3-4 días / 1 día”  Cuidado con algunas palabras o “Continuar” -> Puede significar “Continuar comprando” o “Continuar con el proceso de checkout ”  Deja claro cuándo tiene lugar la transacción y ya no hay vuelta atrás o Si pides el número de tarjeta en un paso previo a “Continuar”, puedes aclarar que “tendrás una oportunidad de revisar la compra antes de finalizarla y sin que se realice ningún cargo”
  17. 17. 4. Flujo3.Diseño2. Textos1.Formularios
  18. 18. Parecidos razonables Que tu tienda se parezca a otras tiendas no es malo… al revés, hará que tus usuarios se sientan más cómodos y sepan manejarse. https://blog.epages.com/en/2017/12/11/sex-and-shopping-5-insights-for-online-shop-owners/
  19. 19. Diseño: Botones  El botón de acción primaria debe o Ser más grande que el resto (de botones, y de logos) o tener un estilo diferenciado del resto: la gente no lee. o estar en un lugar prominente (abajo a la derecha, y si hace falta, se ponen dos) o y siempre en el mismo sitio.  Muestra un botón de “Atrás” CONTINUARATRÁS
  20. 20. Diseño: Múltiples columnas http://baymard.com/blog/avoid-multi- column-forms
  21. 21. Diseño: Demasiadas opciones pueden confundir
  22. 22. Diseño: ¡Los móviles! https://search.google.com/test/mobile-friendly https://webmasters.googleblog.com/2018/03/rolling-out-mobile-first-indexing.html  Según ONTSI, sólo el 40% encuentra las versiones móviles de los sitios online de compra como adecuados.  Google va a empezar a priorizar en la indexación las versiones móviles
  23. 23. Diseño: El botón de Finalizar no debería de estar muy lejos
  24. 24. Diseño: Resumen  Incluye una opción de comprar SIN REGISTRAR  Una columna, mejor que dos  Múltiples tamaños y formatos: móvil, tablet…  Botón primario para la acción primaria: la más lógica  Ojo con demasiadas opciones, animaciones...  Evita imágenes que tienen apariencia de botón pero que luego no son clicables, pueden ser confusas…  ….Y haz que los elementos clicables (especialmente los primarios) parezcan clicables y no un simple texto
  25. 25. 4. Flujo3.Diseño2. Textos1.Formularios
  26. 26. ¡¡¡En sólo 10 pasos!!!
  27. 27. Navegación: ¿De veras quieres hacer una encuesta ahí?
  28. 28. Navegación: Resumen  Intenta que el carro esté siempre fácilmente visible  Ten un proceso lineal. Un error típico es que al crear una cuenta vuelvas hacia atrás en lugar de continuar al siguiente paso  Que los datos sean persistentes  Recuerda: el botón de atrás!  Muestra claramente los pasos del proceso, e intenta que puedan clicar en los pasos como si fueran enlaces (ojo que tampoco puedan saltarse pasos)  Botón de acción esté al alcance sin hacer scroll  Venta cruzada: sí, pero con precaución
  29. 29. Cuando el error es el sistema de detección de errores
  30. 30. Ojo con algunos automatismos
  31. 31. Errores: explicaciones poco claras
  32. 32. Maltrata tu contratación  Hazte una lista de pruebas y llévalas a cabo periódicamente Prueba: o Todos los pasos o Configuraciones y opciones de producto o Promociones y cupones o Venta cruzada o Opciones de producto (todas las tallas, variantes…) o Todos los campos del formulario o Navegadores y formatos o Métodos de pago o Todas los tipos de cliente (cliente nuevo, cliente existente, cliente visitante…)
  33. 33. Errores: algunos consejos  No borres la información que ya he rellenado el usuario  Valida en directo, pero no lo hagas tan rápido que confunda  Usa un texto de ayuda y que no desaparezca cuando escribes  Campos adecuados a la longitud esperable  Mensajes de errores claros
  34. 34. Bonus Track No te olvides de prestar mucha atención al resto de factores que influyen en cualquier proceso de contratación:  Precio: sin sorpresas al final.  Envío: la rápida y la gratuita  Seguridad y Confianza: SSL, sellos de ecommerce  Pasaba por ahí: guardar el carrito, rescatar por correo
  35. 35. Gracias Presentación disponible en: http://arsys.es/blog
  36. 36. Algunos enlaces de interés  http://arsys.es/blog  https://baymard.com/checkout-usability  https://www.truconversion.com/blog/conve rsion-rate-optimization/how-to-reduce- your-shopping-cart-abandonment-rate/  https://www.experimentengine.com/blog/2 015/06/04/reduce-shopping-cart- abandonment/  http://www.invesp.com/blog/shopping-cart- abandonment-rate-statistics-infographic/  http://blog.wishpond.com/post/100199913 905/exit-popups-just-gave-you-a-fighting- chance  http://www.invespcro.com/blog/the-top-7- reasons-for-shopping-cart-abandonment- tips-for-avoiding-them/  http://www.apsis.com/blog/abandoned- shopping-carts-back-basics  Google Forms  Formbakery  Formsite  TypeForm  FormAssembly  Quizlet  Formstack  -basics

×