Shipping & Delivery UI

El costo inesperado de envío es la causa número uno de abandono de carrito: el 48% de los adultos en EE.UU. abandonó una compra porque los costos extra (envío, impuestos, fees) eran demasiado altos, métrica que Baymard reporta como la principal durante seis años consecutivos. Descubrir un cargo de envío recién en el paso final hace que el total salte de golpe y rompe la confianza justo en el momento de pagar. La solución es exponer el costo estimado desde la página de producto o el carrito, idealmente atado al umbral de envío gratis, para que quien llega al checkout decida con la cifra ya conocida en lugar de sentirse emboscado.

"Llega el jueves 19 de junio" convierte mejor que "3–5 días hábiles" porque elimina el trabajo cognitivo de contar hacia adelante, descartar fines de semana y adivinar si el cut-off del día ya pasó. Un rango impone una mini-tarea mental en el peor momento del funnel; una fecha específica permite decidir sin fricción, y el impacto crece cuando la compra es urgente (un regalo, un evento). Calcula la fecha en el servidor considerando festivos y hora de corte, y muéstrala como dato primario; si quieres conservar la velocidad, déjala como subtítulo secundario.

Quien elige entre estándar, express y overnight necesita ver precio y fecha de cada opción en paralelo para evaluar el trade-off tiempo/dinero. Una lista de etiquetas sueltas ("Estándar / Express / Overnight") sin datos hasta seleccionar obliga a hacer clic a ciegas. Ordena de más económico a más rápido de arriba hacia abajo, con la fecha como dato primario y el precio visible en la misma fila, y resalta por completo la fila seleccionada para confirmar la elección.

Mostrar dinámicamente cuánto falta para el umbral de envío gratis ("Te faltan $14 para envío gratis") activa el efecto de progreso dotado: quien ya está casi en la meta percibe que dejarla incompleta sería un desperdicio. La barra debe vivir en el carrito y el mini-cart, actualizarse en tiempo real al agregar productos y usar el monto exacto en dinero, no porcentajes abstractos. Al cruzar el umbral, sustituye el texto por una confirmación inequívoca ("Conseguiste envío gratis") con un check, para cerrar el ciclo de recompensa.

Tras comprar, el usuario solo quiere saber "¿dónde está mi pedido?" de un vistazo. Un tracker con nodos bien nombrados, Pedido recibido → En preparación → Enviado → En camino → Entregado, con check en los completados, color accent en el actual y atenuación en los futuros, reduce los contactos a soporte y aumenta la confianza post-compra. Nielsen Norman es explícito: usar lenguaje cotidiano en vez de jerga de backend, y mostrar el estado más reciente de forma prominente. Nunca expongas códigos internos como "LABEL_CREATED" o "OFD".

Recoger en tienda debe presentarse como alternativa clara al envío a domicilio, dos pestañas al mismo nivel, y no enterrada como un checkbox al final del checkout. El usuario debe poder ver disponibilidad en tiendas cercanas antes de comprometerse: los tres datos mínimos para que la decisión sea posible son la distancia a cada punto, su horario de hoy y si el artículo está en stock ahí. Sin stock ni ubicación visibles, la mayoría de los usuarios ignora la opción por completo aunque les convenga.

Los errores de dirección deben interceptarse mientras se escribe, no después del submit. El autocompletado (Google Places o equivalente) que autorellena ciudad y estado desde el código postal es el estándar mínimo para formularios de entrega: reduce el tipeo y las direcciones inválidas que terminan en entregas fallidas. Cuando algo está mal, el mensaje debe decir exactamente qué corregir, "Código postal no encontrado, verifica los 5 dígitos", y ofrecer la sugerencia clicable, nunca limitarse a teñir tres campos de rojo tras hacer clic en "Continuar".

En móvil el tracking debe ser la pantalla más accesible del historial: un tap desde la confirmación o desde la propia notificación. Las push de estado de entrega tienen de las tasas de apertura más altas porque el usuario las espera activamente, pero solo cumplen si llevan el contexto completo, qué pedido, nuevo estado, fecha o ventana estimada, y enlazan directo a la pantalla de tracking, nunca a la home de la app. Una push genérica como "Tu pedido fue actualizado" que abre la home obliga a buscar y desperdicia el momento de máxima atención.