Marketing Digital, Social Media y Transformación Digital | Juan Carlos Mejía Llano
  • Inicio
  • Servicios
    • Consultoría >
      • Consultoría en Marketing Digital y Social Media
      • Consultoría en Transformación Digital
    • Acompañamiento estratégico
    • Formación >
      • Formación en Marketing Digital y Social Media de Medellín (Colombia) para el mundo
      • Entrenamiento de vendedores 4.0
      • Dirección Estratégica en Ventas (DEV)
    • Conferencista>
      • Speaker de Transformación Digital
      • Speaker en Marketing Digital y Social Media
    • Clientes
  • Blog
    • Todos los artículos
    • Community Manager
    • Redes Sociales
    • Marketing Digital
    • Transformación Digital
    • Boletín notificación nuevos artículos
  • Autor
    • Biografía
    • Juan Carlos en los medios
    • Juan Carlos como conferencista
    • Galería de videos
  • Mis libros
    • La guía del Community Manager
    • La guía Avanzada del Community Manager
    • Testimonios en Twitter
  • Congreso #AmoSM
    • Amo Social Media 2019 (#AmoSM2019)
    • Amo Social Media 2018
    • Amo Social Media 2017
    • Amo Social Media 2016
  • Blogger invitado
    • Pautas para ser Blogger Invitado
    • Artículos Bloggers invitados
  • Contacto
Marketing Digital, Social Media y Transformación Digital | Juan Carlos Mejía Llano
  • Inicio
  • Servicios
    • Consultoría >
      • Consultoría en Marketing Digital y Social Media
      • Consultoría en Transformación Digital
    • Acompañamiento estratégico
    • Formación >
      • Formación en Marketing Digital y Social Media de Medellín (Colombia) para el mundo
      • Entrenamiento de vendedores 4.0
      • Dirección Estratégica en Ventas (DEV)
    • Conferencista>
      • Speaker de Transformación Digital
      • Speaker en Marketing Digital y Social Media
    • Clientes
  • Blog
    • Todos los artículos
    • Community Manager
    • Redes Sociales
    • Marketing Digital
    • Transformación Digital
    • Boletín notificación nuevos artículos
  • Autor
    • Biografía
    • Juan Carlos en los medios
    • Juan Carlos como conferencista
    • Galería de videos
  • Mis libros
    • La guía del Community Manager
    • La guía Avanzada del Community Manager
    • Testimonios en Twitter
  • Congreso #AmoSM
    • Amo Social Media 2019 (#AmoSM2019)
    • Amo Social Media 2018
    • Amo Social Media 2017
    • Amo Social Media 2016
  • Blogger invitado
    • Pautas para ser Blogger Invitado
    • Artículos Bloggers invitados
  • Contacto
Diseño WebMarketing Digital

8 ejemplos de pruebas A/B: casos de éxito en la optimización de la usabilidad web

Por Juan Carlos Mejía Llano octubre 4, 2019
Escrito por Juan Carlos Mejía Llano octubre 4, 2019
8 Comentarios
0
FacebookTwitterPinterestEmail

La prueba A/B, también llamada A/B test, es una herramienta de usabilidad que te permite realizar evaluaciones con los visitantes reales de tu sitio Web para medir de manera objetiva el mejor diseño entre varias alternativas.

En otras palabras las pruebas A/B te permiten eliminar las suposiciones del diseño del sitio Web. Además, estas pruebas le permitirá a tu empresa mejorar continuamente su sitio Web, optimizando los elementos que son susceptibles a mejora.

En este artículo se revisarán algunos ejemplos de mejoras impresionantes en la conversión logradas con pruebas A/B que fueron tomados de un artículo llamado: 12 Surprising A/B Test Results to Stop You Making Assumptions.

Tabla de contenidos

  • Ejemplo 1: ¿Cuál botón de adicionar al carro de compra originó un aumento de 30% en las ventas?
  • Ejemplo 2: ¿Cuál versión generó un 38% más inscripciones?
  • Ejemplo 3: ¿Cuál página logró un 439% más de leads (formularios diligenciados)?
  • Ejemplo 4: ¿Cuál página de aterrizaje tuvo 89,8% más de conversión?
  • Ejemplo 5: ¿Cuál versión obtuvo un 115% más de conversión?
  • Ejemplo 6: ¿Cuál página de aterrizaje generó 24% más leads generados?
  • Ejemplo 7: ¿Cuál página de aterrizaje aumentó el diligenciamiento de solicitudes en un 64%?
  • Ejemplo 8: ¿Cuál página de aterrizaje de una campaña de Pago Por Clic (PPC) logró 98% más descargas del Trial?

Ejemplo 1: ¿Cuál botón de adicionar al carro de compra originó un aumento de 30% en las ventas?

En esta prueba, el tercer botón de la tercera columna (botón naranja con ícono de carro de compras y leyenda Add to cart) obtuvo el mayor incremento en ventas.

¿Por qué funciona mejor ese botón?

A pesar de ser un caso que tiene varios años de haber sido documentado, es impresionante la mejora obtenida en ventas del 30% (US$1.300 millones al año) por la empresa Newegg.com. Los botones de adicionar al carro de compras evaluados tenían los siguientes elementos variables:

  • Tamaño
  • Color
  • Forma
  • Fuente
  • Texto
  • Iconografía

Ejemplo 2: ¿Cuál versión generó un 38% más inscripciones?

En esta prueba, la Versión B obtuvo un 38% más de inscripciones.

¿Por qué funciona mejor la versión B?

Al evaluar las piezas se identifica que el texto es más efectivo en la versión B ya que el título es más corto, y tiene un subtítulo que amplia la explicación con algunas palabras importantes en negrita que facilita la lectura. Aunque puede resultar que no es tan bonito, logra la transmisión de información al usuario de manera eficiente debido al énfasis en palabras relevantes.

Se puede concluir en este caso que no siempre el diseño limpio es más eficaz.

Ejemplo 3: ¿Cuál página logró un 439% más de leads (formularios diligenciados)?

La versión A produjo un asombroso aumento del 439% en la generación de leads.

¿Por qué funciona mejor la versión A?

Al revisar las páginas se identifican que ambas páginas está muy bien diseñadas lo que hace difícil identificar la que tendría mayor conversión sin realizar pruebas A/B.

Los motivos por los que la versión A tienen mayor conversión se pueden atribuir a tres elementos:

  • El formulario es un poco más corto, tanto en el número de campos como en la forma en que se muestra visualmente.
  • La ubicación del texto dentro de la imagen hace que el mensaje se enfoque más rápidamente y aumenta el impacto.
  • La adición de las dos imágenes en la parte inferior da a la página una sensación de más auténtica y confiable.

Ejemplo 4: ¿Cuál página de aterrizaje tuvo 89,8% más de conversión?

La versión B generó 89,8% más conversión.

¿Por qué funciona mejor la versión B?

Una buena página de aterrizaje debe comunicar la información rápida y eficientemente, para lograrlo debe tener textos atractivos y una tipografía adecuada.

La versión B combina mejor estos dos elementos que la versión A. El uso de las viñetas funcionó muy bien y resultó ser muy efectivo para dar orden y claridad.

Otro aspecto que se puede destacar fue la eliminación del menú principal ya que puede convertirse en una distracción en una página de arribo y reduce el riesgo de que los usuarios se vayan de la página con un clic en esta parte.

Ejemplo 5: ¿Cuál versión obtuvo un 115% más de conversión?

La versión A obtuvo un 115% más de conversión comparado con la versión B.

¿Por qué funciona mejor la versión A?

Este es uno de los casos en el que la mayoría de las personas a las que se le preguntan se equivocan en la respuesta, ya que la opción B parece con un texto más rápido y y subtítulo muy claro.

La versión A resultó mejor ya que fue diseñada para vincular y complementar los anuncios Adwords que conducen a los usuarios a la página.

Hay una lección muy importante con este ejemplo y es que la persona que diseñe una página de arribo debe tener en cuenta que el embudo de ventas consta de varios elementos y es muy importante que sean consistentes para aumentar su efectividad.

Ejemplo 6: ¿Cuál página de aterrizaje generó 24% más leads generados?

La versión A logró un 24% más de suscripciones que la versión B.

¿Por qué funciona mejor la versión A?

Sorprende la versión A fue la página que obtuvo una mayor conversión y lo logro al eliminar la imagen de la página.

Las imágenes suelen ser muy efectivas en la comunicación digital de la empresa, pero en este caso afectó la eficacia de la página de aterrizaje de dos maneras:

  • La imagen desplaza el formulario hacia abajo en la página, limitando su impacto y apartando nuestra atención del formulario.
  • La imagen es tomada de un sitio web que vende fotos y esto en ocasiones disminuye la conversión.

Ejemplo 7: ¿Cuál página de aterrizaje aumentó el diligenciamiento de solicitudes en un 64%?

La versión A obtuvo un 64% más de conversión que la versión B.

¿Por qué funciona mejor la versión A?

Aunque los videos son una tendencia de marketing digital, no funcionan bien en todos los casos. En este caso la presencia de video no fue efectivo por lo que la versión A logró un 64% más de leads que la versión B.

El video está ubicado en la parte inferior de la página donde puede tener muy poco efecto. Además, el llamado a la acción (CTA) está en la parte superior de la página, obteniendo gran visibilidad, pero localizado antes de que el usuario tenga algún contexto. Es un error ubicar un formulario antes que el texto de explicación.

Ejemplo 8: ¿Cuál página de aterrizaje de una campaña de Pago Por Clic (PPC) logró 98% más descargas del Trial?

La versión B obtuvo un 98% más de conversión que la versión A.

¿Por qué funciona mejor la versión B?

En la versión B se puede ver una página que hace lo básico realmente bien:  es simple y está libre de distracciones, tiene un título llamativo y un texto de apoyo que detalla los beneficios y características.

Imagen destacada tomada de DepositPhotos.com

Para terminar los dejo con una pregunta:

De los casos vistos ¿cuál lo sorprendió más?

Rating: 5.0/5. From 5 votes.
Please wait...
Voting is currently disabled, data maintenance in progress.
8 Comentarios
0
FacebookTwitterPinterestEmail
Juan Carlos Mejía Llano

Consultor, docente, speaker y escritor. Marketing Digital, Social Media y Transformación Digital.

Post anterior
Beneficios de la analítica de precios (pricing) en tu e-commerce
Siguiente post
Cómo buscar empleo con LinkedIn: 12 estrategias encontrar trabajo + Infografía

También te puede interesar

Cómo convertirte en consultor de marketing digital desde...

enero 12, 2021

5 consejos originales para mejorar el posicionamiento SEO...

enero 5, 2021

Digital Retail 2020. ¡La conferencia online gratuita que...

diciembre 8, 2020

VideoMaker de Design.ai: crea tus videos rápido y...

noviembre 21, 2020

Qué es el Marketing Digital, su importancia y...

octubre 13, 2020

Marketing móvil: qué es, herramientas y pasos para...

septiembre 25, 2020

PIXLR, un editor online de fotos que debes...

septiembre 10, 2020

Qué es un nombre de dominio web y...

septiembre 5, 2020

¿Cómo ganar dinero con Internet? Grandes ideas con...

agosto 24, 2020

Cómo rediseñar tu sitio web sin perder posicionamiento...

agosto 13, 2020

8 Comentarios

Camilo Valencia agosto 2, 2017 - 11:48 am

Gracias, muy buen artículo.

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
Juan Carlos Mejía Llano agosto 3, 2017 - 10:30 am

Hola Camilo,

Me alegra que te haya gustado.

Un saludo,

Juan Carlos

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
Roiman Cardenas agosto 3, 2017 - 10:56 am

El ejemplo 5, sin duda. Gracias Juan por tus aportes.

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
Juan Carlos Mejía Llano agosto 3, 2017 - 10:58 am

Hola Roiman,

Muchas gracias por tu comentario. Estoy de acuerdo, el ejemplo 5 es bastante impactante.

Un saludo,

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
barbara Riobo agosto 15, 2017 - 2:32 am

muy didáctico el artículo, solo quedé con una duda, que en el primer caso no se explica, ¿por qué ese botón funcionó mejor que los otros?

Saludos!

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
Juan Carlos Mejía Llano agosto 20, 2017 - 5:03 pm

Hola Bárbara,

El principal motivo es su color naranja que para el botón de adicionar al carro de compras en una tienda electrónica es más efectivo. Incluso Amazon lo tiene de ese color y varios estudios lo han probado.

Un saludo,

Juan Carlos

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
julian octubre 4, 2019 - 2:03 pm

Muy bueno, concuerdo con las explicaciones.

No votes yet.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply
Juan Carlos Mejía Llano octubre 10, 2019 - 8:16 am

Hola Julian,

Muchas gracias por tu comentario.

Un saludo,

Juan Carlos

Rating: 4.0/5. From 1 vote.
Please wait...
Voting is currently disabled, data maintenance in progress.
Reply

Deja un comentario Cancelar respuesta

Guardar mi nombre, correo electrónico y sitio web en este navegador la próxima vez que comente.


    Cuéntame tu necesidad

    Políticas de protección de datos
    Ver las Políticas de protección de datos

    Empresas aliadas

    SEMrush
     


    Hosting SSD

    Categorías

    Artículos

    • Últimos
    • + comentados
    • + vistos
    • Consultor marketing digitalCómo convertirte en consultor de marketing digital desde casa Muchas personas me han preguntado cuáles son los pasos para convertirse en consultor de marketing...
    • 5 consejos originales para mejorar el posicionamiento SEO de tu contenido Hoy en día el posicionamiento SEO (optimización en motores de búsqueda) es una de las...
    • Digital Retail 2020Digital Retail 2020. ¡La conferencia online gratuita que no te puedes perder! El año 2020 ha sido uno de los más complicados de la última década, con...
    • VideoMaker de Design.aiVideoMaker de Design.ai: crea tus videos rápido y fácil VideoMaker es una servicio de Design.ai que permite crear videos online a las personas que...
    • Indicadores de Redes Sociales: principales KPIs y métricas de Social Media Una de las principales diferencias entre el marketing tradicional y el marketing digital es que...
    • Indicadores de Redes Sociales: principales KPIs y métricas de Social Media ( 58 )Una de las principales diferencias entre el marketing tradicional y el marketing digital es que...
    • Digital Retail 2020Digital Retail 2020. ¡La conferencia online gratuita que no te puedes perder! ( 2 )El año 2020 ha sido uno de los más complicados de la última década, con...
    • Indicadores de Redes Sociales: principales KPIs y métricas de Social Media ( 87,708 )Una de las principales diferencias entre el marketing tradicional y el marketing digital es que...
    • 5 consejos originales para mejorar el posicionamiento SEO de tu contenido ( 351 )Hoy en día el posicionamiento SEO (optimización en motores de búsqueda) es una de las...
    • VideoMaker de Design.aiVideoMaker de Design.ai: crea tus videos rápido y fácil ( 256 )VideoMaker es una servicio de Design.ai que permite crear videos online a las personas que...
    • Digital Retail 2020Digital Retail 2020. ¡La conferencia online gratuita que no te puedes perder! ( 180 )El año 2020 ha sido uno de los más complicados de la última década, con...
    • Consultor marketing digitalCómo convertirte en consultor de marketing digital desde casa ( 87 )Muchas personas me han preguntado cuáles son los pasos para convertirse en consultor de marketing...

    Datos de contacto

    Email: jcmejiallano@gmail.com

    Whatsapp: +57 311 7136418

    Skype: JCMejiaLlano

    Artículos más vistos

    • 1

      Cómo hacer una infografía: qué es, herramientas gratis para diseñar un infograma y guía paso a paso

      marzo 27, 2020
    • 2

      Estadísticas de redes sociales 2020: Usuarios de Facebook, Instagram, YouTube, LinkedIn, Twitter, Tiktok y otros

      febrero 26, 2020
    • 3

      Psicología del color en Marketing: use los colores para negocios, atraer clientes y aumentar las ventas + video + infografías

      marzo 28, 2020

    Tweets by JuanCMejiaLlano

    Copyright © 2018 Juan Carlos Mejía Llano - Reservados todos los derechos - Política de protección de datos


    Regresar arriba