Cómo las tarjetas de producto en acordeón aumentaron la conversión de compra un 21,3% para The Ramp People

Cliente: The Ramp People Agencia: Proof3 Página: Páginas de listado de productos Dispositivos: Escritorio y tableta
  • +21,3%Conversión de compra
  • +14,0%Tasa de añadir al carrito
  • +35,3%Ingresos por usuario

Introducción:

The Ramp People es un especialista del Reino Unido en rampas para sillas de ruedas, rampas de umbral y soluciones de accesibilidad para hogares y negocios. Elegir la rampa adecuada depende de detalles como la altura, el ancho y la capacidad de carga, por lo que los clientes comparan los productos con cuidado antes de comprar.

The Ramp People colabora con Proof3, una agencia británica de CRO para eCommerce, que usa Mida para probar mejoras en toda la tienda.

El problema:

El análisis de Proof3 mostró que los clientes iban y venían entre las páginas de listado y las de producto mientras comparaban rampas. Cada tarjeta de producto incluía un bloque de características en viñetas, lo que hacía el listado largo y difícil de recorrer, y aun así los compradores entraban en las páginas de producto para comprobar si una rampa les convenía.

El reto era hacer que las tarjetas de producto fueran más fáciles de recorrer, sin quitar la información que los clientes necesitaban para valorar si el producto era adecuado.

Conclusiones y enfoque:

Proof3 mantuvo la información, pero cambió cómo se presentaba. Con el editor de código de Mida, movieron las características clave de cada tarjeta a un acordeón plegado de "Características clave", de modo que el listado mostraba precio, stock y envío de un vistazo y el detalle quedaba a un toque de distancia.

Oculta el detalle, no la información.

Control: tarjetas de producto con una lista completa de características en viñetas en cada tarjeta

Control: cada tarjeta de producto enumera cuatro características en viñetas, lo que hace cada tarjeta más alta y el listado más difícil de comparar.

Variante: tarjetas de producto con las características plegadas en un acordeón de Características clave

Variante: las características se pliegan en un acordeón de "Características clave". Las tarjetas son más cortas y fáciles de recorrer, y los compradores pueden desplegar los detalles sin salir de la página de listado.

El acordeón permite a los clientes comprobar si el producto es adecuado en la propia página de listado, en lugar de abrir un producto tras otro para encontrar la misma información.

El experimento:

Proof3 usó Mida para ejecutar un test A/B en las páginas de listado de productos de The Ramp People para visitantes de escritorio y tableta, comparando las tarjetas de producto originales con la versión en acordeón. El test duró 18 días, con la conversión de compra, la tasa de añadir al carrito y los ingresos por usuario como métricas clave.

Funciones de Mida utilizadas:

  • Tests A/B en páginas de listado de productos
  • Editor de código HTML / JS / CSS
  • Segmentación por dispositivo (escritorio y tablet)

Los resultados:

Las tarjetas de producto en acordeón lograron una mejora sustancial frente al control:

  • Conversión de compra: +21,30%
  • Tasa de añadir al carrito: +13,95%
  • Ingresos por usuario: +35,34%

Con base en estos resultados, las tarjetas de producto en acordeón se lanzaron al 100% del tráfico de escritorio y tableta.

Una mirada más de cerca: menos clics, más compras.

Las visitas a la página de producto bajaron ligeramente en la variante, mientras que los añadidos al carrito y las compras aumentaron. Es el patrón que cabría esperar si el cambio funcionó como se pretendía: los compradores encontraron lo que necesitaban en la página de listado, pasaron menos tiempo saltando de una página a otra y avanzaron hacia la compra con más confianza.

Conclusiones clave:

Menos elementos en pantalla pueden significar más información, no menos. La divulgación progresiva mantiene las tarjetas de producto fáciles de recorrer sin dejar de dar a los clientes el detalle que necesitan para decidir.

Presta atención al comportamiento de "vuelta atrás". Ir y volver repetidamente entre listados y páginas de producto es una señal clara de que el listado no responde a una pregunta clave. Proof3 usó esa señal para diseñar un test que Mida pudo validar con tráfico real.

Prueba Mida para hacer tests A/B ligeros

Si quieres optimizar el rendimiento de tu sitio web y agilizar tu proceso de tests A/B, Mida es la solución ideal.

Gracias a su script ligero y su enfoque en el rendimiento, Mida garantiza que tu sitio web siga siendo rápido y ágil, a la vez que ofrece potentes capacidades de tests A/B. Descubre las ventajas de Mida integrando hoy mismo nuestro script ligero en tu sitio web.

---

Empieza gratis con Mida: hasta 100.000 usuarios rastreados al mes.

La plataforma de tests A/B para quienes
se preocupan por el rendimiento de su sitio web

Mida es 10 veces más rápido que cualquier otra cosa que hayas considerado. Pruébalo tú mismo.

Gráfico decorativoGráfico decorativoGráfico decorativoGráfico decorativo