La mayoría de las reseñas de páginas de productos terminan en una lista de opiniones. Alguien dice que la galería se ve estrecha, otro defiende las pestañas, no hay una conclusión. En cambio, esta es una rúbrica: doce comprobaciones, cada una con un umbral de aprobación escrito, puntuadas de 0 a 2, que terminan en un número de 24 en el que dos auditores que trabajan por separado deberían estar de acuerdo con una diferencia de uno o dos puntos. Está dirigida a equipos de UX y CRO que trabajan en páginas de detalles de productos de comercio electrónico. El referente del Baymard Institute de más de 155 sitios líderes de EE. UU. y Europa se encuentra El 62% de los sitios móviles Su desempeño en la experiencia de usuario de la página de producto fue "mediocre o peor", y ninguna obtuvo la puntuación perfecta. Supongamos que la tuya tiene hallazgos. La pregunta es cuáles y cuán graves son.
Cómo funciona la puntuación
Cada comprobación se evalúa en función de un umbral establecido antes de abrir la página. 2 significa que cumple ese umbral en dispositivos móviles y de escritorio, 1 parcialmente o en un solo punto de interrupción, 0 que falla o está ausente.
Auditar la plantillaNo se trata de un solo producto: seleccione tres SKU que lo pongan en tela de juicio de manera diferente (un artículo simple, un artículo con muchas variantes, uno parcialmente agotado) y tome la puntuación más baja por cada verificación. Un PDP que solo funciona para el SKU fácil no es un PDP que funcione.
Bandas: 20-24La plantilla es correcta y el problema de conversión reside en otra parte. 14-19Corrige los ceros antes de ejecutar otra prueba aquí. 0-13La plantilla es el cuello de botella y probar elementos sobre ella producirá resultados planos.
Puerta 1: ¿Pueden comprender qué es el producto?
Comprobación 1: Configuración de imagen y zoom. Umbral: al menos cinco imágenes que cubran todos los lados, una toma de detalle a nivel del material, una que establezca la escala y un zoom que permita apreciar los detalles reales. Baymard descubrió que el 25 % de los sitios carecen de la resolución o el zoom suficientes, y el 37 % no proporciona ninguna imagen a escala. La escala es el aspecto que los equipos suelen pasar por alto, pero es el que genera mayor rentabilidad.
Comprobación 2: Visibilidad de las imágenes en dispositivos móviles. Umbral: las imágenes adicionales se muestran como miniaturas o un indicador de posición, sin que el usuario tenga que deslizar la pantalla para descubrir su existencia. El 76 % de los sitios web móviles no muestran miniaturas, por lo que la galería es invisible para cualquiera que no las adivine.
Verificación 3: Escaneo de la descripción y las especificaciones. Umbral: la descripción responde a las cinco preguntas más frecuentes que recibe tu bandeja de entrada de soporte para esa categoría, y las especificaciones aparecen como una lista de atributos escaneable, no como texto. Baymard califica al 50 % de los sitios con problemas de escaneo de especificaciones. Toma las cinco preguntas de los tickets o de la búsqueda en el sitio, no de un taller.
Puerta 2: ¿Podrán seleccionar la variante correcta?
Comprobación 4: Los controles de variantes están expuestos. Umbral: el tamaño, el color y otras opciones se muestran como botones o muestras visibles, no como un menú desplegable que el usuario deba abrir. El 57 % de los sitios web no utilizan botones para seleccionar el tamaño. Un menú desplegable cerrado oculta las opciones y muestra cuáles no están disponibles.
Comprobación 5 - Sincronización de datos de variantes. Umbral: al seleccionar una variante, se actualizan simultáneamente el precio, la imagen, el estado del stock y la fecha estimada de entrega, sin que se muestren valores obsoletos en pantalla. El 28 % de los sitios web no sincronizan los datos entre las distintas variantes. Esto suele indicar un problema de arquitectura de la interfaz, no de diseño.
Comprobación 6 - Manejo de variantes no disponibles. Umbral: las variantes agotadas permanecen visibles pero deshabilitadas con una explicación, y la página ofrece una opción: alerta de reposición, alternativa cercana o pedido pendiente. El 68 % de los sitios web no permite comprar productos temporalmente agotados. Eliminar la opción sin previo aviso es aún peor: el usuario no puede saber si la talla está disponible.
Puerta 3: ¿pueden calcular el total real?
Esta puerta genera los mayores ingresos y la mayor exposición regulatoria. En 50 estudios agregados, Baymard sitúa el abandono promedio del carrito en 70.22%Entre las razones aducidas, el elevado coste adicional representa el 40%. La mayoría de estos costes se pueden consultar en la página del producto y se detallan al finalizar la compra.
Verificación 7: Costo y fecha de envío antes de agregar al carrito. Umbral: costo de envío estimado y fecha de llegada, para la ubicación probable del usuario, visible sin interacción. El 43 % de los sitios no muestran los costos de envío estimados. Si las tarifas dependen de la dirección, muestre una estimación predeterminada para la región.
Verificación 8 - Presentación de precios y referencia de descuentos. Umbral: el total mostrado incluye todos los impuestos; cualquier comparación "antes/ahora" utiliza un precio de referencia justificable; y cuando se muestran cuotas, el precio total, el número de cuotas y el importe por cuota aparecen juntos en un tamaño legible.
Aquí convergen dos normas. En la UE, el artículo 6a de la Directiva 98/6/CE exige que, al anunciar una rebaja de precio, se indique el precio anterior, definido como el precio más bajo aplicado en al menos los 30 días previos. La normativa publicitaria turca aplica la misma lógica del precio más bajo de los 30 días anteriores y, además, regula la visualización de los pagos a plazos. Esta cláusula no es una mera formalidad: el regulador hace hincapié en los pagos a plazos precisamente porque son muy comunes en el comercio electrónico turco, por lo que un anuncio que oculte el precio por cuota tras una ventana modal disimula la cantidad que los compradores deciden.
Marca 9 - Política de devoluciones dentro de una misma interacción. Umbral: el plazo de devolución y quién paga el envío de devolución son accesibles con un solo toque, no a través del pie de página. El 44 % de los sitios no muestran ni enlazan una política de devoluciones en la página del producto, y una política insatisfactoria es motivo de abandono para el 13 % de los usuarios.
Puerta 4: ¿Pueden todos operarla?
Comprueba 10 - Tamaño objetivo. Umbral: cada control interactivo (muestras de color, selectores de cantidad, flechas de galería, filtros de revisión) debe tener un tamaño mínimo de 24 x 24 píxeles CSS, o estar espaciado de forma que un círculo de 24 píxeles centrado en él no se cruce con un elemento adyacente. Esto corresponde a la WCAG 2.2 SC 2.5.8, Nivel AA. Las muestras de color y los selectores son los elementos que con mayor frecuencia no cumplen este requisito.
Comprobación 11 - Capacidad de respuesta a la interacción. Umbral: La interacción con Next Paint en el percentil 75 de los datos de campo para la plantilla PDP es de 200 ms o menos; por encima de 500 ms es deficiente. Utilice datos de campo, no una prueba de laboratorio: el cambio de variantes y la interacción de la galería son donde se degrada el PDP INP, y las pruebas sintéticas no los ponen a prueba.
Verificación 12 - Revisar la calidad de la evidencia. Umbral: se muestra un resumen de la distribución de calificaciones, se pueden explorar las imágenes de las reseñas y la página indica cómo se recopilan y verifican las reseñas. El 65 % de los sitios web presentan una distribución incorrecta. Un producto con una calificación de 4.4, compuesto por calificaciones de 5 y 1, es diferente de un producto con una calificación de 4.4, compuesto por calificaciones de 4 y 5.
La hoja de puntuación
| # | Comprobar | Umbral de aprobación (puntuación 2) | Puerta de sonido |
|---|---|---|---|
| 1 | Configuración de imagen y zoom | Más de 5 imágenes, una a escala, el zoom añade detalles. | Comprende |
| 2 | Descubrimiento de imágenes en dispositivos móviles | Miniaturas o indicador de posición visibles | Comprende |
| 3 | Descripción y especificaciones | Las 5 preguntas más frecuentes de soporte técnico respondidas; especificaciones escaneables. | Comprende |
| 4 | Controles de variantes | Opciones visibles como botones o muestras. | Seleccionar |
| 5 | Sincronización de variantes | Precio, imagen, stock y actualización de entrega actualizados simultáneamente. | Seleccionar |
| 6 | Variantes no disponibles | Visible, discapacitado, motivo dado, siguiente acción | Seleccionar |
| 7 | Costo y fecha de entrega | Ambos se estimaron en PDP sin interacción | El costo total |
| 8 | Referencia de precio y descuento | Impuestos incluidos; referencia más baja de los últimos 30 días; tres cuotas juntas | El costo total |
| 9 | Politica de devolucion | Ventana y quién paga, a una interacción de distancia. | El costo total |
| 10 | Tamaño objetivo | 24x24 píxeles CSS o espaciado equivalente (WCAG 2.2 AA) | Operar |
| 11 | Sensibilidad | Campo INP p75 igual o inferior a 200 ms | Operar |
| 12 | Revisar la evidencia | Distribución mostrada, imágenes navegables, colección divulgada | Operar |
Un ejemplo práctico
Un ejemplo ilustrativo elaborado a partir de los patrones de fallos anteriores, no a partir de una auditoría de un cliente: minorista de ropa de gama media, tres SKU, puntuación más baja por comprobación.
Comprender: 2 + 0 (deslizamiento a ciegas) + 1 (especificaciones en prosa) = 3/6. Seleccionar: 2 + 1 (estimación de entrega obsoleta) + 0 (los tamaños desaparecen) = 3/6. Coste total: 0 + 1 (total de la cuota solo en un modal) + 1 (devoluciones en el pie de página) = 2/6. Operar: 0 (muestras a 20 px) + 1 (INP p75 340 ms) + 1 (sin distribución) = 2/6.
Total: 10/24. No se trata de una simple prueba de titular. Es una corrección de plantilla centrada en los cuatro ceros, en este orden: estimación de entrega, tamaños que desaparecen, tamaño objetivo de la muestra, galería móvil. Tres de los cuatro son incidencias de ingeniería, no de diseño, que suele ser el hallazgo real. [DATOS INTERNOS NECESARIOS: Puntuaciones medianas de las puertas de acceso de Switas en los PDP auditados y evolución de la conversión tras las correcciones de la Puerta 3.]
¿Qué hacer con la puntuación?
Corrige todos los ceros antes de probar nada en la página: un experimento realizado sobre un paso defectuoso mide el fallo, no tu hipótesis. Los unos representan tu lista de pruebas pendientes: reales, pero con una solución discutible. Vuelve a puntuar después de que se implementen las correcciones, en los mismos tres SKU.
Dónde falla esta rúbrica
Está diseñado para la venta minorista de productos físicos. Los productos digitales, las suscripciones, el inventario de viajes y los productos B2B configurables tienen atributos decisivos diferentes, y Gate 3 no los transfiere: una página de hotel o de vuelo tiene precios que dependen de la fecha, algo que esta rúbrica no contempla. Tampoco tiene en cuenta la adquisición de clientes: aquí no se evalúa la integridad de los datos estructurados, que es lo que determina la elegibilidad de los comercios para su listado. Además, indica qué no cumple con un umbral establecido, no por qué un usuario en particular dudó: reemplaza la ronda de opiniones, no las pruebas de usabilidad.
Preguntas Frecuentes
¿Cuánto tiempo dura esta auditoría?
Aproximadamente 40 minutos por SKU una vez acordados los umbrales, lo que equivale a unas dos horas para una plantilla. La mayor parte de ese tiempo se destina a la Fase 3, ya que la lógica de entrega e instalación varía según el tipo de producto.
¿Quién debería gestionarlo?
Dos personas califican de forma independiente los mismos tres SKU y luego concilian solo las verificaciones donde difieren en más de un punto. Las calificaciones de un solo auditor tienden a inclinarse hacia lo que le importa a ese auditor.
¿Una puntuación baja demuestra que el PDP nos está costando dinero?
No. Muestra qué pasos no alcanzan los umbrales establecidos en investigaciones publicadas. El enlace de ingresos proviene de tus propios datos de embudo de conversión. La guía indica dónde buscar, no cuánto vale.
¿En qué se diferencia esto de una auditoría de accesibilidad?
Solo la comprobación 10 es un criterio de conformidad formal. Una auditoría WCAG completa también abarca el funcionamiento del teclado, el orden de enfoque, el contraste y el etiquetado de formularios. Considérelo como una señal de que se requiere una auditoría de accesibilidad, no como prueba de que la haya superado.
Nuestra página de detalles del producto (PDP) se genera mediante una plataforma de mercado o SaaS. ¿Sigue siendo útil?
Sí, con el alcance reducido. Califica todo y luego divide los resultados entre lo que controlas (imágenes, descripción, especificaciones, recopilación de reseñas) y lo que controla la plataforma. Los ceros controlados por la plataforma se convierten en una conversación con el proveedor, con la evidencia adjunta.
¿Se aplican las normas turcas sobre la visualización de precios si solo vendemos en el mercado nacional?
Sí, independientemente de dónde venda, incluyendo el precio de referencia más bajo de los últimos 30 días y el requisito de visualización de plazos. La normativa de la UE se aplica únicamente si vende en la UE; si vende en ambos mercados, aplique la interpretación más estricta una sola vez.
Ejecútalo en tu propio catálogo.
Esta semana, evalúa tres SKU de tu propia plantilla PDP y comprueba si el número se ajusta a tus expectativas. Si prefieres que se haga correctamente, con los resultados vinculados a los tickets de ingeniería y los datos de tu embudo adjuntos, Hable con nosotros sobre una auditoría de UX..
Fuentes
- Baymard Institute - Análisis comparativo de la experiencia de usuario en páginas de productos, más de 155 sitios (18 de marzo de 2026)
- Instituto Baymard - Evaluación comparativa de usabilidad de páginas de productos
- Instituto Baymard - Tasa de abandono del carrito de compra: 70.22 % en 50 estudios (22 de septiembre de 2025)
- Comisión Europea - Orientaciones sobre el artículo 6 bis de la Directiva 98/6/CE
- Gun + Partners - Normativa turca sobre publicidad de ventas con descuento
- W3C - Comprensión de WCAG 2.2 SC 2.5.8 Tamaño objetivo (mínimo)
- web.dev - Interacción con los umbrales de Next Paint
- Google Search Central - Datos estructurados de listados de comercios
