Cómo simplificar las pruebas divididas con Visual Website Optimizer

Como diseñadores, estamos capacitados y obligados a centrarnos en lo que consideramos más agradable a la vista. Trabajamos arduamente para crear los sitios de aspecto más impactante, reuniendo todo lo que podemos extraer de la marca y los objetivos comerciales de nuestros clientes o de nuestras propias operaciones..

Sin embargo, la realidad es que no importa lo perfecto que se vea un diseño, la única manera de estar absolutamente seguro de que está logrando sus objetivos es salir a la luz y hacer crujir los números con algunas pruebas del mundo real..

Q. ¿El color que elegiste para el Descargue prueba gratis botón se ve increíble?

UNA. Sí, claro que sí, porque eres un increíble diseñador web..

Q. ¿El color que elegiste para el Descargue prueba gratis botón en realidad obliga a la gente a descargar una versión de prueba gratuita?

UNA. La verdad es que no tiene forma de saberlo a menos que cree algunos botones de colores alternativos y compare los resultados que obtiene del tráfico real..

Cada sitio tiene una audiencia completamente diferente. Y no importa cuánta investigación de mercado haga de antemano, posiblemente no pueda conocer las mentes de cada usuario. Hasta que esa gente real comience a realizar y realizar acciones reales, todo es solo teoría.

Ahí es donde Prueba de división También conocido como A / B Testing entra en juego. La fase de diseño de la producción del sitio es el arte, y la Prueba A / B es la ciencia.

Cómo solían ser las pruebas A / B

Para cualquier sitio que tenga que lograr un objetivo específico, lo que significa que cualquier sitio de negocios, las pruebas A / B son tan esenciales para el proceso como las pruebas entre navegadores. Asegurarse de que un sitio alcance sus objetivos es tan importante para crear un sitio funcional como tener todo el procesamiento de CSS correctamente.

A pesar de esto, en el pasado siempre fue un poco como el uso de hilo dental en el mundo del diseño web. Sabías que deberías hacerlo, pero siempre terminabas aflojándote porque era incómodo y, a veces, un poco doloroso..

Tuvo que instalar y configurar scripts complicados, crear múltiples versiones diferentes de sus sitios almacenados en diferentes URL, y todo el proceso fue engorroso y tedioso..

Sin embargo, como todo lo demás en el mundo web, las herramientas de prueba de división A / B están evolucionando y las cosas que solían ser relegadas a la "cesta demasiado dura" ahora están en la "cesta rápida y fácil".

Ahora tenemos a nuestra disposición una nueva generación de herramientas de prueba A / B que garantizan que cada sitio que creamos pueda optimizarse por completo en todos los aspectos, lo que nos ayuda a diseñar sitios que no solo se ven geniales, sino que también logran todos sus objetivos.

Cómo A / B Testing es hoy

Una de la nueva generación de herramientas de prueba A / B es Visual Website Optimizer, o VWO, de la gente de Wingify. VWO elimina los antiguos métodos de prueba A / B de tratar con infinitas líneas de código y horas de creación de versiones alternativas de su sitio.

En cambio, es así de simple:

1. Fragmento de JavaScript

Coloque un pequeño fragmento de JavaScript en la sección principal de su sitio.

2. Arrastrar y soltar versiones alternativas del sitio

Utilice la interfaz de arrastrar y soltar de Visual Website Optimizer para crear tantas versiones alternativas de su sitio como desee.

3. ver los resultados

Vea cómo llega el tráfico y use los gráficos y mapas de calor generados automáticamente para ver exactamente qué versión de su sitio genera los mejores resultados.

Este proceso elimina por completo las conjeturas y le permite determinar con absoluta certeza qué variaciones de sus diseños generan más clientes potenciales y más ventas..

Pequeños cambios, grandes diferencias

Si nunca ha realizado una prueba A / B antes, podría pensar que se necesitan revisiones completas del sitio para marcar la diferencia en la generación de resultados. De hecho, a menudo son cambios muy pequeños los que llevan a las mayores diferencias.

Un gran lugar para tener una idea de los pequeños cambios que pueden producir aumentos significativos en los ingresos es la galería de estudios de caso de VWO.

Los ejemplos allí muestran que las mejoras pueden venir de algo tan simple como cambiar el color de un enlace de azul a rojo para un aumento del 50% en los clics:

UNA: Beamax, enlace azul
SEGUNDO: Beamax, enlace rojo 50% más clickthroughs

Cambio de un tamaño de fuente de 15px a 20px y negrita para un aumento de conversión de 36.54%:

UNA: Descuento real, tamaño de fuente 15px y peso de fuente normal
SEGUNDO: Descuento real, tamaño de fuente 20px en negrita, 36.54% de aumento en las conversiones

O agregue un par de palabras para pasar de una tasa de conversión de 14.5% a 18.6%:

UNA: Soocial, original con 14.5% de conversión.
SEGUNDO: Soocial, agregó "Es gratis" y aumentó a una conversión de 18.6%

Ahora vamos a poner eso en perspectiva un poco.

El ejemplo que ve arriba donde el texto estaba en negrita y aumentado de tamaño llevó a un aumento de ingresos del 10.21%. Incluso si los ingresos totales del negocio por un año fueran solo $ 100,000 (y estoy seguro de que es mucho más) eso significaría un pago de $ 10,210 por dos minutos de ajustes, un resultado valioso en el libro de todos..

Ajustes rápidos y sin código en VWO

Usted ha visto anteriormente cómo incluso pequeños ajustes pueden obtener resultados reales. Ahora echemos un vistazo a cómo puedes crear ajustes como este usando VWO.

Puede seguir estos pasos inscribiéndose para una prueba gratuita de 30 días en VWO. Esta prueba gratuita te da: 

  • Todas las características en los planes estándar.
  • Límite de 1000 visitantes
  • Soporte técnico ilimitado por correo electrónico

Después de registrarse e ingresar algunos detalles básicos de la cuenta, como el nombre de su empresa y la URL, puede ir al Codigo de instalacion pestaña en su área de administración para obtener su fragmento de integración de JavaScript.

Copia el fragmento y pégalo al final de la sección de encabezado de tu sitio y listo..

Puede verificar que todo funciona correctamente ingresando la URL de su sitio en el Comprobador de código inteligente en la misma página y haciendo clic en el Comprobar botón.

Crear una nueva campaña

Ahora que tiene VWO integrado con su sitio, puede configurar una nueva campaña. Haga clic en el grande + en el menú de la izquierda, luego seleccione Campañas web.

A continuación, pasará a un rango de tipos de campaña que puede seleccionar. Para nuestros propósitos, seleccione Prueba A / B.

En el siguiente panel, ingrese la URL de la página en la que desea ejecutar las pruebas A / B en.

Luego, lo llevarán directamente a su sitio en el Optimizador de sitios web visuales (VWO), donde puede comenzar a crear diferentes versiones para probar.

Para demostrarlo, he creado una pequeña página de registro en el boletín para las personas que aman los videos de cachorros lindos, porque quienes no lo hacen, ¿verdad??

Desde aquí, todo lo que necesita hacer es hacer clic en el elemento que desea cambiar y verá una serie de herramientas que le permitirán crear sus versiones alternativas directamente dentro de VWO..

Mira estos ajustes de VWO, hechos en segundos

Las imágenes fijas de VWO por sí solas no le harán justicia, porque realmente necesita verlas en vivo para ver qué tan rápido hace que crear versiones de sitios alternativas.

Estos son los mismos tipos de ajustes que en los ejemplos que vimos anteriormente, donde pequeños cambios generaron grandes diferencias en los resultados.

Como mencioné en el video, pude configurar estos ajustes solo a través de una cuenta de prueba gratuita. Para intentar hacer estos mismos tipos de cambios, diríjase al sitio de VWO y obtenga 30 días de acceso totalmente funcional de forma gratuita.

Pruebas multivariables y tipos de informes

Además de las pruebas A / B, VWO también le permite crear pruebas multivariadas. La prueba multivariable le permite comparar más de dos variaciones de un sitio, por lo que puede pensar que es una prueba A / B / C / D ....

Los informes resultantes que se generan a partir de sus pruebas vienen en una variedad de formas y formatos. Entre la selección de informes disponibles, obtendrá resúmenes "de un vistazo" que rastrean sus conversiones, ingresos, tráfico, etc.

Obtendrás cuadros comparativos:

Y uno de mis favoritos personales, mapas de calor para rastrear dónde hacen clic los visitantes:

Más allá de la prueba de división

Si bien puede ir a VWO para las pruebas divididas, también puede quedarse para todas las otras formas en que se puede usar el conjunto de herramientas y algunos de los beneficios adicionales que se ofrecen..

Lo que VWO le brinda es una forma de crear variaciones de su sitio sin ralentizarlo o tener que mantener diferentes instalaciones en diferentes URL. La prueba dividida es una forma en que puede utilizar esto, pero también puede presentar versiones específicamente optimizadas para todo tipo de factores diferentes, como ubicación, tipo de dispositivo, sistema operativo, navegador, términos de búsqueda, etc..

Por ejemplo, puede usar el sistema de seguimiento de segmentos de VWO para descubrir que las personas que usan iPhones en Nueva York que llegan a través de Facebook son las que mejor responden y producen la mayoría de las conversiones. Luego, puede crear una versión personalizada del sitio solo para este segmento, analizándola y ajustándola para su uso y conversión hasta que obtenga la variación más optimizada posible..

Otro aspecto de la membresía que, en mi opinión, vale la pena el precio de admisión en sí mismo es la "Fábrica de Ideas". Una vez que haya probado las cosas obvias, como los titulares y los colores de los botones, se estará preguntando qué puede hacer a continuación para continuar optimizando. En ese momento, puede presionar la pestaña "Ideas" en VWO para obtener detalles completos y orientación sobre más de 400 formas adicionales en las que puede continuar haciendo mejoras:

También obtendrá acceso a una gran biblioteca de estudios de casos del mundo real para que pueda ver exactamente lo que funcionó para aumentar las conversiones y los ingresos de otros sitios. Este tipo de cosas puede ser oro puro cuando aplica lo que descubre a sus propios proyectos..

Para poner esto en perspectiva, hace unos años recuerdo haber visto a una persona vendiendo un compendio de más de 40 estudios de casos de pruebas divididas por $ 200, y lo hicieron con mucho éxito.

Comencé a contar cuántos estudios de caso había en la fábrica de ideas de VWO. Dejé de hacer clic en el botón "Cargar más" en la entrada 120.

Conclusión

Espero que esto le haya dado algunas ideas sobre lo que A / B Testing puede hacer por usted y cómo VWO puede ayudarlo a llevarlo a cabo. VWO tiene un montón de características, y puedes leer todo sobre ellas en su sitio web.

O para saltar directamente y comenzar a poner a prueba sus sitios, obtenga 30 días para crear variaciones y ver sus resultados con la prueba gratuita totalmente funcional.

Veamos qué tan bien funcionan sus sitios.!