E-commerce

El orden visual en una tarjeta de producto tiene que seguir el proceso de decisión del usuario: imagen primero (evalua), nombre (identifica), precio (decide), CTA (actua). La calificación y la disponibilidad son metadatos secundarios, no compiten con el flujo principal.

El mini-cart (drawer lateral o popover) sirve para confirmar que el item fue agregado y continuar comprando. El carrito completo sirve para editar cantidades, aplicar cupones y proceder al checkout. Nunca usar el mini-cart como sustituto del carrito completo, los usuarios necesitan ver el resumen total antes de pagar.

Cada pantalla adicional en el checkout reduce la conversión ~20%. El orden óptimo es: email/cuenta, dirección de envio, método de pago, revisión y confirmar. Eliminar cualquier paso que pueda inferirse o diferirse. El checkout en una página funciona mejor que el multistep para catalogos pequeños; el multistep funciona mejor cuando hay muchas opciones de envio y facturación.

El error "Tarjeta rechazada" es inútil. El error debe sugerir la acción correcta según el código de rechazo: fondos insuficientes, dirección de facturación incorrecta, tarjeta expirada, límite excedido. Si el procesador no expone el código, el error mínimo es "Verifica los datos o usa otra tarjeta" con un enlace al chat de soporte.

Mostrar el desglose completo antes del botón de pago: subtotal, envio, impuestos aplicables, descuentos aplicados y total final. Los cargos sorpresa en el último paso son la causa #1 de abandono de carrito (69% según Baymard). Si el envio no puede calcularse sin dirección, mostrar "Se calcula al ingresar dirección", no esconder el campo.

Los badges de confianza (SSL, devoluciones, garantía) funcionan mejor ubicados junto al CTA y junto al campo de tarjeta, no en el footer. El contexto de la señal debe coincidir con el momento de ansiedad del usuario: "30 días de devolución" va junto al botón de compra, el candado SSL va junto al formulario de pago.

"Solo quedan 2!" es efectivo solo si es verdad. Los contadores de escasez falsos destruyen la confianza cuando el usuario recarga y el número no cambia o, peor, sube. La escasez etica muestra stock real cuando queda menos de 10 unidades, o urgencia real cuando una oferta tiene fecha de caducidad verificable. El umbral de urgencia en tiempo es 4 horas o menos.

Aplicar filtros debe actualizar el conteo de resultados en tiempo real sin recargar la página. Mostrar siempre cuantos productos coinciden con los filtros activos. Los filtros aplicados deben ser removibles individualmente como chips. El sort debe aplicarse sin confirmación, es reversible y el usuario experimenta.