Código

Una guía completa para las pruebas A / B

Las pruebas A / B (también llamadas pruebas divididas) son un método de prueba generalmente utilizado en marketing para comparar resultados entre dos muestras con el objetivo de mejorar las tasas de conversión o respuesta.

En el diseño web, las pruebas A / B generalmente se utilizan para probar elementos de diseño (a veces en comparación con el diseño existente) para determinar mejor qué elementos de diseño obtendrán la mejor respuesta de los visitantes.

Las pruebas A / B, por definición, comparan solo dos variables (elementos de diseño) a la vez. También hay pruebas multivariables, que compara más de una variable.

Cada uno cumple un propósito y puede ayudar a sus clientes a tomar mejores decisiones que darán como resultado un sitio web más exitoso.

Aquí presentamos una guía completa de las pruebas A / B, que incluye los beneficios de usarla y cómo administrar las pruebas A / B en sus propios proyectos.

Beneficios de las pruebas A / B

Las pruebas A / B le permiten ver cómo los cambios afectan el comportamiento del visitante en un sitio web. Muchos diseñadores se sumergen en un nuevo diseño, con o sin mucha investigación sobre los hábitos actuales de los visitantes, y esperan lo mejor. Aunque a veces esto da como resultado un gran diseño final, también puede dar como resultado un diseño que no mejora el original (o incluso peor).

Las pruebas A / B son un enfoque de bajo riesgo para probar los cambios en el sitio web. Si bien puede parecer complicado, existen muchas herramientas que pueden ayudarlo a administrar las pruebas A / B, así como a interpretar sus resultados.

Otro beneficio importante de las pruebas A / B es que se puede usar como prueba para convencer a un cliente de que una opción de diseño es superior a otra. Esto es particularmente útil cuando se trabaja con un cliente que quiere evidencia que respalda cada decisión que toman, o un cliente que tiene problemas para tomar decisiones.

Si puede ofrecerles pruebas concretas de que un diseño funciona mejor que otro, a menudo se sienten mucho más cómodos tomando una decisión.

Cuándo usar una prueba A / B

Como ya se mencionó, una prueba A / B puede ser muy útil para convencer a los clientes que no pueden decidir entre dos opciones de diseño. Pero también puede ser útil para los diseñadores que no están seguros de cuál de las dos opciones funcionará mejor para su cliente.

Hay tantos artículos y estudios publicados cada día que nos dicen cómo maximizar los resultados para nuestros clientes mediante el uso de un estilo de diseño u otro. Y en muchos casos, la información contenida en esos artículos podría ser contradictoria si se compara con un artículo de una fuente diferente, o divulgada en una fecha anterior.

Las pruebas A / B les permiten a los diseñadores probar las diferentes teorías y recomendaciones en el contexto de sus propios proyectos, para que puedan decidir por sí mismos qué funciona mejor para sus clientes.

Los rediseños completos del sitio no son el único momento en que las pruebas A / B pueden ser útiles. Son especialmente importantes cuando se ejecuta una promoción u otro ejercicio de marketing. Cuando un cliente quiere una página diseñada para una venta en particular u otra promoción, esperan que diseñe algo que obtenga resultados.

Al configurar una prueba A / B, puede determinar el probable éxito de diferentes elementos de diseño, redacción o diseños para que su cliente termine con el mayor número de conversiones.

Cosas para probar

Hay una variedad de elementos en el diseño de un sitio web que podría considerar probar. Aquí hay algunos de los más comunes:

  • Esquema de colores
  • Copiar texto
  • El diseño general
  • Imágenes
  • Copia del título
  • Tamaño de texto o fuente

Un ejemplo de una prueba en imágenes de encabezado. Todo menos la imagen en sí se mantiene igual entre pruebas. Imágenes por Per Ola Wiberg - Powi y aussiegall .

Prácticamente cualquier elemento de un sitio web se puede probar con una prueba A / B, aunque es posible que solo desee probar los elementos más importantes (como copia, combinación de colores o titulares), tanto por tiempo como por dinero.

Cómo configurar una prueba A / B

Las pruebas A / B consisten en algunas partes. Configurar uno es relativamente simple, especialmente con algunas de las herramientas que se enumeran más adelante en este artículo. Hay algunos pasos básicos incluidos en la mayoría de las pruebas A / B:

  • Configure los dos diseños que desea probar.
  • Muestre aleatoriamente un diseño u otro a los visitantes o a un grupo de prueba.
  • Haga un seguimiento del rendimiento, especialmente relacionado con los objetivos del sitio, para cada diseño.
  • Evalúe los resultados y decida a qué versión ir.

Deberá configurar un método para rastrear los resultados que obtiene de cada diseño, más allá de solo un programa de análisis. Si está realizando pruebas en un entorno de producción, es posible que no haya ni siquiera un número de visitantes viendo cada diseño (aunque deberían estar cerca).

Asegúrese de averiguar el porcentaje de visitantes que alcanzan los objetivos, no solo los números concretos si hay una diferencia en el número total de visitantes que vieron cada diseño.

Cambiar solo una cosa a la vez

Esto es a menudo lo más difícil para muchos diseñadores. En verdaderas pruebas A / B, solo deberías hacer un cambio a la vez, o solo probar una cosa a la vez. Eso significa probar cada elemento del sitio web (navegación, diseño de encabezado, diseño de contenido, combinación de colores, etc.) por separado.

El ejemplo de prueba anterior prueba la fuente (Georgia vs. Verdana) de un bloque de copia corporal.

El objetivo de probar cada elemento por separado es asegurarse de obtener resultados precisos sobre cómo afecta cada elemento de diseño del sitio al visitante. Si cambia todo de una vez, no sabe si es el diseño completo el que mejoró sus números de tráfico (o los hizo abandonar) o solo un elemento. En el caso de una caída en el número de tráfico o en las ventas, es importante poder aislar lo que no funciona.

Digamos, por ejemplo, que rediseñas por completo un carrito de compras en un sitio. Todo es diferente: los botones de llamada a la acción, la experiencia de pago, la forma en que los visitantes ingresan su información de pago y envío, etc. Y luego digamos que hay una gran caída en las ventas. El problema con esto es que no sabes qué causó la caída.

Claro, podría ser el hecho de que todo es diferente y los compradores que regresan no están tan cómodos con el nuevo diseño.

Pero tal vez sea solo porque usaste una fraseología cursi en el botón "agregar al carrito" y está confundiendo a la gente. Si ha probado ese botón por separado del resto del carrito de la compra, puede cambiar la redacción y aumentar las ventas. Pero, en cambio, el cliente quiere que vuelvas a poner todo como estaba, y ellos piensan que eres incompetente.

Las pruebas A / B toman tiempo

Las pruebas A / B no son algo que pueda realizar de la noche a la mañana, aunque depende de lo que está probando exactamente. Para algo simple, como una imagen de encabezado, es posible que solo pueda ejecutar una prueba a corto plazo. Pero para cambios más grandes, especialmente aquellos que tendrán un impacto directo en las conversiones, querrá dejar que la prueba se ejecute por más tiempo.

Determinar por cuánto tiempo ejecutar una prueba es a menudo simple. Mira los patrones de tráfico en el sitio. La mayoría de los sitios tienen patrones de tráfico cíclicos, con algunos días obteniendo un tráfico mayor que otros.

Para algunos sitios, este ciclo durará más de una semana, mientras que para otros puede ser de un mes. Si es posible, ejecute su prueba A / B durante al menos un ciclo para obtener números más precisos.

El objetivo es obtener una buena muestra representativa de visitantes que prueben las nuevas opciones de diseño. Prestando atención a los ciclos de tráfico, tendrá más probabilidades de obtener esa sección transversal. Si el sitio en cuestión no tiene patrones de tráfico identificables (o si son mucho más largos), intente ejecutar la prueba durante al menos una semana.

Cómo convencer a tus clientes

A veces, los clientes se resisten al tiempo y dinero extra que supone realizar una prueba A / B adecuada.

A menudo piensan que, como diseñador, ya debe saber qué va a funcionar y qué no para su sitio web. A veces piensan como una persona de negocios, ya saben lo que será y lo que no funcionará. En cualquier caso, debe convencerlos de que una prueba A / B puede ayudar a respaldar esas teorías con evidencia concreta.

Haga hincapié en los beneficios de ejecutar una prueba A / B. Dígales que ayudará a garantizar que sus visitantes estén contentos y más propensos a comprar algo, registrarse en una cuenta o descargar información.

Haga hincapié en que gastar un poco de tiempo y dinero por adelantado en una buena prueba dividida podría resultar en tasas de conversión mucho más altas en el futuro. También enfatice que una buena prueba dividida también puede ahorrar tiempo a largo plazo, ya que es probable que haya menos ajustes en el diseño una vez que el sitio se lance.

Herramientas para pruebas A / B más sencillas

Como ya se mencionó, hay toneladas de excelentes herramientas para administrar pruebas A / B en los diseños de su sitio web. Estos son algunos de los mejores (no dude en compartir más en los comentarios):

Optimizador de sitios web de Google
Google ofrece su Optimizador de sitios web como parte de su paquete de análisis. Es una herramienta gratuita que le permite ejecutar pruebas A / B o multivariables. También ofrecen información sobre cómo probar y cómo obtener los mejores resultados.

Optimizador de sitios web visuales
Visual Website Optimizer es una herramienta de prueba A / B fácil de usar que utilizan empresas y agencias. Simplemente crea múltiples versiones de su sitio web, define cuáles son los objetivos de su visitante (descarga, registro, compra, etc.) y luego divide su tráfico entre las diferentes versiones. Hay una versión de prueba gratuita en la que puede ejecutar una única prueba con hasta 1000 visitantes; las cuentas pagas comienzan en $ 49 / mes (para hasta 10,000 visitas probadas y hasta 3 pruebas simultáneas). Visual Website Optimizer también tiene una cantidad de herramientas gratuitas que puede usar, incluso sin utilizar su servicio: Calculadora de significancia de la prueba dividida A / B , un Analizador de páginas de destino , el A / B Ideafox - Motor de búsqueda de casos de estudio , y el Calculadora de duración de prueba dividida A / B y multivariante .

Vertster
Vertster está hecho específicamente para pruebas multivariadas, no solo para pruebas A / B. Su mayor ventaja para las agencias es que ofrecen etiquetado privado de su tecnología, por lo que puede ofrecer su propia solución de prueba a sus clientes.

Press9 A / B Testing Joomla Plugin
Este complemento le permite ejecutar pruebas A / B en Joomla sin el uso de ningún servicio externo. Es fácil de usar y se puede ejecutar en cualquier elemento de un sitio web basado en Joomla.

Amazon Mechanical Turk
Si bien no es específicamente una herramienta de prueba A / B, Mechanical Turk puede usarse fácilmente para encontrar visitantes para pruebas A / B o multivariantes, a menudo solo por centavos por visitante. Tendrá que manejar los aspectos técnicos de la prueba, pero puede resolver el problema de encontrar sujetos de prueba.

Calculadora de prueba dividida
Para las personas con problemas matemáticos, esta simple calculadora puede indicarle cuál de sus pruebas se desempeñó mejor si el número total de visitantes es diferente. Simplemente ingrese el número total de visitantes y el número que cumplió con sus objetivos para cada grupo de visitantes y calculará cuál mejor.

ABtests.com
ABtests.com permite a los diseñadores compartir los resultados de sus propias pruebas A / B y ver los resultados de los demás. Esto permite a los diseñadores y desarrolladores aprender de lo que otros ya han intentado, así como compartir sus propios resultados para ayudar a otros.

Una opción alternativa
Como alternativa, siempre puede utilizar cualquier cantidad de herramientas de prueba de usabilidad para ejecutar una prueba A / B, incluso si no ofrecen oficialmente el servicio. Todo lo que tendrá que hacer es configurar dos pruebas y monitorear los resultados de cada una. Esta es una gran opción si ya tiene una herramienta favorita de prueba de usabilidad, pero desea expandirla a las pruebas A / B. Si no, aquí hay algunos que podría considerar:

Prueba multivariable

Las pruebas multivariadas son similares a las pruebas A / B, pero incluyen más opciones. Cuando una prueba A / B compara dos cosas, una prueba multivariable puede probar tres, cuatro o cinco diseños diferentes.

Si opta por utilizar pruebas multivariadas en lugar de simples pruebas A / B, sigue siendo una buena idea probar solo un elemento a la vez. De hecho, cuantas más opciones incluyas en la prueba, más complicados se vuelven los resultados de la interpretación, y esas complicaciones solo se agravan al probar más de un elemento.

Las pruebas multivariantes pueden ser particularmente útiles si su cliente no está seguro de cómo quieren que se diseñe su sitio. Puedes probar dos o tres maquetas de sitios web completamente diferentes y ver cuál funciona mejor.

Es posible que desee ejecutar pruebas A / B en elementos específicos dentro del diseño ganador para asegurarse de que esté optimizado tan bien como sea posible.

En revisión

Estos son los aspectos básicos que debe recordar al ejecutar una prueba A / B:

  • Pruebe solo una cosa a la vez.
  • Deje suficiente tiempo para las pruebas.
  • Use las herramientas disponibles para hacer que las pruebas A / B sean más fáciles.
  • Use los resultados para ayudar a sus clientes a tomar mejores decisiones.


Escrito exclusivamente para WDD por Cameron Chapman .

Si tiene más consejos, técnicas o herramientas para compartir de A / B o pruebas multivariables, hágalo en los comentarios. ¡También nos encantaría escuchar historias de éxito resultantes de las pruebas A / B!

prueba ab prueba de página de inicio prueba de sitio