Product Craft Bible
Inventory Indicators
Inicio E-commerce Inventory Indicators
E-commerce

Inventory Indicators

8 reglas Baymard Institute "REI Product Page UX" · Nielsen Norman Group "E-commerce Product Pages"FTC "Bringing Dark Patterns to Light" 2022 · Mathur et al. (Princeton Web Transparency & Accountability) 2019 · deceptive.design "Fake Scarcity" (CMA v. Viagogo)Baymard Institute "Handling Out-of-Stock Products"Baymard Institute "5 Best Practices for Apparel Product Pages" · Nielsen Norman Group "E-commerce Product Pages"
140

Inventory Indicators

8 reglas
1230

Muestra 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"
Preferir
Botas de senderismo Trail
$129.00
En stock
Pocas unidades · quedan 3
Agotado
Evitar
Botas de senderismo Trail
$129.00
Lo sentimos, este producto está agotado
1231

"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)
Preferir
Auriculares Aura Pro
Quedan 2 en stock
Evitar
Auriculares Aura Pro
¡Solo quedan 3! ¡Date prisa!
Mismo "3" hardcodeado en todos los productos, sin importar el inventario real.
Dark pattern · FTC 2022
1232

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"
Preferir
Mochila Summit 30L
Agotado temporalmente
Backorder primero · notificación como respaldo
Evitar
Mochila Summit 30L
SIN EXISTENCIAS
Sin alternativas, sin backorder, sin notificación. 30% se va a la competencia.
1233

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"
Preferir
Talla
XS
S
M
L
XL
M y XL agotadas pero visibles · al tocarlas: "Agotado · avísame"
Evitar
Talla
Elegir talla
El dropdown solo lista XS, S, L. M y XL no aparecen: el usuario no sabe si existen y están agotadas o nunca se fabricaron.
1234

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%)
Preferir
Te avisamos cuando vuelva
Mochila Summit 30L · Negro
tu@correo.com
Solo email, sin cuenta. Solo enviamos si hay stock disponible para ti.
Evitar
Regístrate para recibir la alerta
Nombre completo
Teléfono
Email
Crear contraseña
Formulario de cuenta completo solo para una alerta. La fricción mata el canal de mayor apertura del e-commerce.
1235

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"
Preferir
En stock
Pocas unidades
Agotado
Evitar
Solo puntos de color, sin ícono ni texto. Para el 8% de hombres con daltonismo, los tres estados son idénticos. Falla WCAG 1.4.1 Nivel A.
1236

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)
Preferir
Cafetera Brew One
En stock
Actualizado hace 2 min · vía API en cada venta
El stock acaba de cambiar, se refrescó silenciosamente
Evitar
Cafetera Brew One
Disponible
Estado estático cacheado desde el build del sitio, sin polling ni timestamp. Con precisión de inventario ~65%, este "Disponible" probablemente ya es falso.
1237

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"
Preferir
Talla L · Color Azul marino
Plaza las Américas
a 2.3 km · cierra a las 9pm
Disponible en tu talla · recoger hoy antes de 8pm
Evitar
Talla L · Color Azul marino
Abre un locator separado sin filtro de inventario por producto ni variante. El usuario no sabe si su talla L está en ninguna tienda hasta llamar.