Inventory Indicators
Inventory Indicators
8 reglasMuestra disponibilidad real en tres estados claros antes de seleccionar
El usuario necesita saber el estado de inventario antes de agregar al carrito, no descubrirlo en el checkout cuando ya invirtió tiempo y expectativa. Mostrar tres estados diferenciados (en stock, pocas unidades, agotado) elimina la sorpresa post-selección y reduce el abandono por frustración. Nielsen Norman, sobre 49 sitios de e-commerce, lo exige: el usuario debe saber cuándo un artículo no está disponible sin tener que agregarlo al carrito solo para descubrir que está agotado. Baymard documenta a REI como mejor en clase precisamente porque avisa cuándo el inventario es bajo, empujando al usuario a ordenar pronto en vez de chocar con el agotamiento.
Baymard Institute "REI Product Page UX" · Nielsen Norman Group "E-commerce Product Pages""Quedan N unidades" solo si es verdad: la escasez falsa es un dark pattern
Mostrar contadores de stock falsos o exagerados para fabricar urgencia (FOMO) es un dark pattern tipificado por la FTC y por reguladores en varios países. La FTC, en su reporte de dark patterns de 2022, categoriza mensajes como "Only two left in stock, order now" cuando el stock es abundante como elementos de diseño que inducen creencias falsas. La regla base de la FTC es clara: si el stock realmente es bajo, no es engañoso decirlo; el problema es la fabricación. Como resultado de la acción legal de la Competition and Markets Authority del Reino Unido, Viagogo pagó más de £400,000 en reembolsos a consumidores afectados por prácticas que incluían mensajes de falsa escasez. El contador "bajo stock" debe ser un reflejo fiel del inventario real y desaparecer cuando hay reabastecimiento.
FTC "Bringing Dark Patterns to Light" 2022 · Mathur et al. (Princeton Web Transparency & Accountability) 2019 · deceptive.design "Fake Scarcity" (CMA v. Viagogo)El estado agotado no es un callejón sin salida: ofrece backorder y "avísame"
Un mensaje "Sin existencias" sin nada más es un dead end de UX que empuja al usuario directo hacia un competidor: Baymard mide que el 30% de los usuarios abandonan el sitio cuando se les comunica el agotamiento sin alternativa. El diseño correcto distingue el agotamiento temporal (ofrecer backorder o entrega extendida) de la discontinuación permanente (redirigir hacia alternativas similares). Baymard advierte además que los botones "avísame cuando vuelva" rinden por debajo de lo esperado porque los usuarios los leen como señal para irse a comprar a la competencia; para agotamiento temporal, la compra con entrega extendida supera ampliamente a la notificación. La notificación es un recurso secundario, no la única salida.
Baymard Institute "Handling Out-of-Stock Products"Disponibilidad por variante visible en el selector, no escondida en dropdown
Cuando un producto tiene variantes (talla, color, sabor), el estado de stock de cada una debe ser visible antes de hacer clic. Baymard observó en pruebas con apparel que ocultar las tallas dentro de un menú hace más difícil saber qué está disponible: un participante en Adidas no pudo determinar la disponibilidad hasta abrir el desplegable, y entonces descubrió que no tenían su talla. Las variantes agotadas deben renderizarse con estado visual diferenciado (atenuadas con line-through) y seguir siendo seleccionables para mostrar "Agotado en talla M · avísame", no eliminarse del DOM. Si una talla simplemente no aparece como opción, el usuario no sabe si nunca existió o si está agotada.
Baymard Institute "5 Best Practices for Apparel Product Pages" · Nielsen Norman Group "E-commerce Product Pages"Back-in-stock con baja fricción: solo email, nunca más alertas que unidades
Las notificaciones de regreso en stock son el canal de email con la mayor tasa de apertura del e-commerce: Barilliance reporta 65.32% y Omnisend 59.19%, frente al 30-32% de un email de retail estándar; Barilliance documenta conversiones de hasta 13% en este flujo. Su eficacia depende de dos factores: reducir la fricción al suscribirse (solo email, sin cuenta obligatoria) y nunca enviar alertas a más personas de las que el inventario puede satisfacer. El caso BirkenstockCentral.com (MarketingSherpa) alcanzó 22.45% de conversión acumulada con una regla operativa explícita: el sistema nunca envió más notificaciones que stock disponible, para no defraudar al cliente. Avisar a 500 personas con 10 unidades genera frustración masiva y daño de marca.
Omnisend "2023 Email/SMS/Push Report" (59.19%) · Barilliance email marketing statistics (65.32%, hasta 13%) · MarketingSherpa "Back-in-Stock Alert Emails" case study (22.45%)No uses color como único canal de estado de stock (WCAG 1.4.1, Nivel A)
Un indicador de stock que usa solo color (verde = disponible, rojo = agotado) falla para usuarios con daltonismo: aproximadamente el 8% de los hombres tiene alguna forma de deuteranopia o protanopia que vuelve indistinguible el contraste rojo-verde. WCAG 1.4.1 (Use of Color) es un criterio de Nivel A, el piso mínimo de accesibilidad, y exige que el color no sea el único medio visual para transmitir información. Todo indicador de disponibilidad debe llevar un canal secundario: un ícono o un texto label además del color. La solución documentada es directa: un check verde con la palabra "En stock", un ícono de alerta con "Pocas unidades", una X con "Agotado".
W3C "Understanding WCAG 2.0 SC 1.4.1, Use of Color" (Nivel A) · AccessiCart "WCAG Level A SC 1.4.1"No muestres inventario obsoleto: actualiza en tiempo real o indica cuándo se verificó
Mostrar "En stock" cuando el inventario real ya se agotó produce una de las peores experiencias del e-commerce: el usuario llega al checkout solo para descubrir que el producto ya no está. El stock se consume concurrentemente desde web, app, tienda y marketplace; los sistemas que actualizan en batch acumulan retrasos que crean discrepancias. Los retailers en EE.UU. reportan una precisión de inventario promedio de ~65%, lo que significa que cerca de un tercio de los registros es poco confiable en cualquier momento, y las imprecisiones reducen las ventas anuales en ~4%. Si no es posible el tiempo real, al menos indica la hora de la última verificación: un badge "actualizado hace 2 min" comunica honestidad y permite al usuario decidir con contexto.
DeckCommerce "Real-Time Inventory Visibility" (precisión ~65%, ~4% pérdida de ventas)Con tiendas físicas, muestra disponibilidad por ubicación en la propia PDP
Los usuarios con acceso a tienda física deciden según la disponibilidad local, no solo online. Integrar un selector de tienda en la página de producto, con inventario por ubicación, reduce el viaje innecesario y aumenta la confianza. Baymard advierte que los usuarios confunden "Disponibilidad en tienda", "Enviar a tienda" y "Recoger en tienda" cuando la terminología es ambigua; los mejores sitios preseleccionan la tienda más cercana por geolocalización (con fallback a código postal) y filtran por disponibilidad en esa tienda. Crítico: la disponibilidad por tienda debe recalcularse al cambiar de variante; si el usuario pasa de talla L a XL, el stock de cada tienda debe actualizarse. Un link genérico "Ver tiendas" sin filtro de inventario por producto no resuelve la decisión.
Baymard Institute "Checkout Usability Benchmark, Store Pickup"- R-1230 Muestra disponibilidad real en tres estados claros antes de seleccionar
- R-1231 "Quedan N unidades" solo si es verdad: la escasez falsa es un dark pattern
- R-1232 El estado agotado no es un callejón sin salida: ofrece backorder y "avísame"
- R-1233 Disponibilidad por variante visible en el selector, no escondida en dropdown
- R-1234 Back-in-stock con baja fricción: solo email, nunca más alertas que unidades
- R-1235 No uses color como único canal de estado de stock (WCAG 1.4.1, Nivel A)
- R-1236 No muestres inventario obsoleto: actualiza en tiempo real o indica cuándo se verificó
- R-1237 Con tiendas físicas, muestra disponibilidad por ubicación en la propia PDP