web-development-kb-es.site

¿Cuáles son las mejores prácticas de su carrito de compras de comercio electrónico y ejemplos notables de IU?

¿Cuáles son los mejores carritos de compras que conoce en términos de diseño visual y usabilidad?.

Además, brinde consejos de mejores prácticas al diseñar un carrito de compras como lo hizo @scunliffe.

5
idophir

No estoy seguro de saber cuál es la mejor interfaz de usuario, pero sé cuáles son las que me frustran ;-) La lógica sugeriría que las características opuestas son las que lo hacen mejor.

  • Odio no poder ver mi total. Tan pronto como esté "en" mi carrito, siempre quiero poder ver mi precio total.
  • Vivo en Canadá, dependiendo del sitio/producto, los costos de envío varían de aceptables a astronómicos. Proporcione los costos de envío antes Tengo que ingresar los datos de mi tarjeta de crédito (o al menos una estimación o un enlace a una tabla de costos)
  • Muchos usuarios ingresarán al carrito/pago para obtener un precio final como parte de la comparación de compras. Si les impide obtener ese precio final con el registro, la entrada de la tarjeta de crédito, etc., puede perder un cliente que le habría comprado si hubieran podido ver el precio.
  • Si es posible, asegúrese de informar visualmente al usuario cuándo puede continuar sin que se le cobre. P.ej. un botón "continuar" está bien para avanzar más, pero la acción de compra real debe estar claramente etiquetada. P.ej. "Confirmar compra" o algo así. Una vez estuve en un sitio donde presionar "Continuar" cobraba mi tarjeta de crédito (¡no me impresionó!)
  • Incluya información o al menos un enlace claramente etiquetado a política de devolución, y el cronograma de entrega esperado (por ejemplo, ¿al día siguiente ?, ¿3 días ?, 6 a 8 semanas)
  • Proporcione información de stock (disponibilidad) lo antes posible, a más tardar en la descripción general del carrito
  • Hacer que sea fácil para mí cambiar la cantidad de un artículo en mi carrito ... o eliminarlo por completo
  • Proporcione un enlace de cada artículo en el carrito de regreso a la página de información para este artículo en particular
  • Considere la opción para mí "guardar" el estado del carrito, para volver más tarde.
  • Identifique claramente las opciones de pago por adelantado. A menudo prefiero pagar con Paypal por ejemplo.
  • Proporcione un número de teléfono o enlace para atención al cliente ...
12
scunliffe

Investigaría en Design Meltdown. Ha recopilado muchos sitios de comercio electrónico, y apuesto a que hacen muchos diseños de carritos diferentes. Experimente, vea cuáles funcionan mejor.

http://2010.designmeltdown.com/category/site-types/e-commerce/

Dado que la mayoría de sus usuarios habrían usado Amazon, tendería a copiar lo que Amazon hace. Pienso en el caso de un carrito de compras:

Mejor == Funciona, y no necesito pensar en cómo usarlo

2
Ian
  • Utilice imágenes de productos de alta calidad (pero optimizadas). Enlace a otras imágenes (grandes) en la página del producto.
  • Asegúrese de que los botones "agregar al carrito" y "pagar" sean obvios y lo suficientemente grandes como para tocar en dispositivos móviles.
  • Evite elementos flash grandes y de carga lenta.
  • Use un mega-menú desplegable , en lugar de menús desplegables anidados (esto es un poco subjetivo, lo sé, pero creo que es uno de los mejores patrones de interfaz de usuario para el comercio electrónico).
  • Haga que el proceso de pago sea lo más fácil y deliberado posible. Asegúrese de que el usuario sepa dónde se encuentra en el proceso y cuántos pasos quedan.
2
Christopher Scott
  • Tenga en cuenta los objetivos comerciales frente a los objetivos de usabilidad. Por ejemplo, algunas tiendas crean un "embudo", donde una vez que está en las páginas de pago no hay más navegación para el resto del sitio. La idea es no distraerte del proceso de compra para que termines. Este es un objetivo comercial, y como usuario lo encuentro frustrante. ¿Qué sucede si olvidé algo y quiero ir a buscarlo para agregarlo a mi carrito? A veces tengo que hackear la URL para volver al sitio principal nuevamente.

  • Si usa un asistente de varios pasos, haga que sea fácil regresar y cambiar la información que ingresó anteriormente que ahora se da cuenta que es incorrecta una vez que llega a la página de confirmación. No haga que el usuario haga clic en Atrás, Atrás, Atrás y luego en Siguiente, Siguiente, Siguiente. Si es posible, cree un pago de una página o permita que el usuario edite cualquier información en la última página sobre la marcha.

  • No requiera mucha información del usuario para crear una cuenta solo para guardar su carrito de compras o lista de deseos.

1
Emma McCreary