Cómo y por qué debería crear pruebas A/B de sus páginas de comercio electrónico

Recuerdo que, hace mucho tiempo, la primera vez que fui al principal bulevar comercial en Chicago, Michigan Avenue, me sorprendió absolutamente las ventanas de varias tiendas. La tienda Nike fue un gran homenaje a Michael Jordan, la tienda FAO Schwarz Toys fue una espectacular y así sucesivamente en mini-parcelas. Has ingresado y ha llegado a llevar algo contigo, solo para tomar un recuerdo de experiencia El equivalente a un escaparate físico en tu tienda en línea es tu página de destino. Una página de destino es una página crucial de su sitio web: en muchos casos es la primera página que un visitante verá después de hacer una búsqueda en Google o después de leer una publicación en su blog.
La gente a menudo cree que la página de destino es la página inicial de su sitio y, por lo tanto, solo hay una. Nada más lejos de la verdad. Este tipo de páginas son aquellas páginas que diseñamos como puntos de entrada en nuestro sitio. Es lo que atrae la atención del visitante, la mantiene en nuestro sitio y comienza su experiencia de compra. Entonces, por ejemplo, en nuestro sitio web Nelio, algunas de las páginas de destino que necesitamos mostrar para las pruebas Nelio A/B son:
La página principal de las pruebas de Nelio A/B
Pruebas de Nelio A/B para su negocio
Pruebas de Nelio A/B para el comercio electrónico
etc.
Cada una de estas páginas presenta nuestro producto desde una perspectiva ligeramente diferente para responder a diferentes tipos de perfiles que podrían estar interesados ​​en nuestro producto. Por lo tanto, por ejemplo, la página de destino para un comercio electrónico enfatiza las características o funcionalidades de los sitios web que tienen un comercio electrónico. Se crean con el propósito de convertir clientes potenciales. Y por esta razón, su objetivo principal en estas páginas es optimizar su tasa de conversión. En esta publicación veremos las características principales de una página de destino y las mejores prácticas para mejorar su tasa de conversión. Las características de una página del destino de comercio electrónico como ya vio, una página de comercio electrónico es una página web autónoma especialmente creada para fines de marketing. Es la página en la que un visitante “aterriza” al hacer clic en un enlace, ya sea desde un anuncio, desde el resultado de un motor de búsqueda o desde una campaña promocional. El propósito de una página de destino es determinar los clientes para completar una cierta acción, que en el caso de un comercio electrónico es principalmente para realizar una compra. Una de las principales diferencias de una página de destino en comparación con otros que puede tener en la web es, por un lado, que se personaliza coincidir con un cierto perfil de visitantes: títulos, textos, imágenes y testimonios son específicos de ese perfil, para que se alienta a alguien con este perfil a comprar. Y, por otro lado, una página de destino siempre incluye uno o más impulso.
Captura de pantalla de una sección de la página de pruebas de Nelio A/B para el comercio electrónico.

Por ejemplo, si una persona busca optimizar la tasa de conversión en su comercio electrónico y después de ver los diferentes resultados, haga clic en las pruebas Nelio A/B para el enlace de comercio electrónico (puede ver una captura de pantalla parcial en la imagen MIA. ), cuando lleguen a la página, verán un título que se ajusta a la búsqueda, encontrarán una imagen de una tienda y un texto y un impulso que los invite a comenzar a crear pruebas A/B.La página también explica cómo pueden optimizar la presentación de los productos en su tienda e incluir un testimonio para proporcionar más confianza al visitante.Finalmente, hay algunas secciones que explican cómo las ventas pueden aumentar debido a los datos y, por supuesto, información adicional sobre por qué pueden confiar en nosotros.
Como puede ver en el ejemplo anterior, el propósito de cualquier página de destino es que el comprador potencial encuentre exactamente lo que está buscando en segundos. El contenido de la página se adapta a la personalidad del comprador, incluidas las características importantes del producto (nuevamente, escrita con un cierto público en mente), agregando confianza y facilitando la compra del visitante. La gran ventaja de tener diferentes páginas de destino es que puede apuntar a ciertos clientes mucho mejor. El diseño, la propuesta de valor y la llamada de acción pueden estar mucho más adaptadas a un segmento de mercado. ¿Por qué qué pruebas debo crear en una página de destino podría preguntarse por qué el problema de las pruebas A/B en lugar de simplemente implementar las funciones mencionadas anteriormente? Bueno, una cosa es lo que puede pensar que mejorará la conversión de sus usuarios y otra, muy diferente, es lo que realmente sucede en su sitio. La única forma en que puede verificar lo que funciona y no realizar las pruebas A/B como puede Ya se sé, una prueba A/B comienza con una hipótesis de mejora (por ejemplo, podríamos pensar que una redistribución de la página de destino para mostrar mejor cierta información relevante conducirá a más conversiones), implementa la hipótesis en una variante y prueba si esta variante ha mejor rendimiento que la página original. Desde un punto de vista técnico, la prueba A/B mostrará una variante u otra a cada uno de sus visitantes, seguirá lo que hacen y determinará cuál es el mejor (si está allí).
En la forma más simple, las pruebas A/B proponen la división de tráfico aleatorio al sitio en dos grupos, de modo que el 50% de los visitantes ven el diseño A, mientras que el otro 50% ve el diseño B. Al monitorear cómo reacciona los usuarios en cada grupo, Podemos calcular la tasa de conversión de cada grupo y, si hay una diferencia estadísticamente significativa entre los dos, podemos declarar un diseño ganador. Esto garantiza que cualquier cambio que aplique a su sitio. Tendrá una mejor tasa de conversión , porque ha verificado con datos reales si el cambio es una mejora real o no.
Recuerde, como le mostraré con un ejemplo, que los resultados obtenidos en una prueba A/B pueden ser diferentes de los esperados y es por eso que es tan importante realizarlos. Además, las pruebas A/B deben realizarse continuamente y es parte de lo que se conoce como proceso de conversión o optimización de tasa de CRO. Echemos un vistazo a algunas de las mejores prácticas que puede comenzar a usar en las páginas de destino de su sitio web. Simplifique la página Una página de destino debe ser simple y fácil de seguir. Asegúrese de que el visitante no esté abrumado con demasiado texto o se pierda y no pueda encontrar el botón “Comprar ahora”. Algunos consejos para simplificar la página son:

Mostrar títulos concisos y directos
Muestra un impulso claro y visible
Eliminar enlaces de navegación que no conducen a la página de compra
Mostrar detalles del producto con marcadores
Reduzca el texto mostrando solo la información esencial
Piense en una página de destino como una página en la que primero eche un vistazo rápido para decidir si se queda o intenta encontrar algo mejor. Evite el texto innecesario y limite a responder a lo que agrega valor al visitante. Aunque la teoría está bien, lo más importante es crear la prueba A/B que confirme que la simplificación que ha creado en su página es realmente la que prefieren sus visitantes. Por ejemplo, queríamos simplificar nuestra página de inicio del software NELI y crear una prueba A/B. Nuestro objetivo era diseñar una versión alternativa más simple, más visual y concisa para aumentar la conversión.
Versión simplificada de Nelio’s Landing.
Comparación entre el aterrizaje original (izquierda) y la versión simplificada (derecha). Realicé la prueba y, sorprendentemente, la nueva variante que creé no fue una mejor solución para mejorar la conversión. Si no lo hubiéramos probado, habríamos aplicado una página que pensé que era mejor, pero no lo fue. Encontrará los detalles de la prueba A/B que hice en esta publicación. Pero, como puede ver en la siguiente imagen, no nos detuvimos aquí y continuamos probando diferentes variantes de nuestra página de inicio. El diseño que tiene nuestra página inicial al momento de escribir esta publicación es muy diferente de las propuestas anteriores: es más claro, más simple y más ordenado. ¡Y tiene un mejor rendimiento!
La primera flexión de su página de destino, la primera flexión de su página de destino es la sección más importante. Es lo primero que cada visitante verá en esa página. Depende de si continúan navegando por su sitio, corriendo hacia abajo para ver más o correr al motor de búsqueda de Google en menos de dos segundos. Desafortunadamente, no puede tener toda la información en este primer redil: debe elegir cuidadosamente lo que pone allí. ¿Cuál es la información más importante que debe decirle a un visitante? Crear la prueba A/B del primer pliegue puede tener un gran impacto en mejorar la conversión de su sitio. En la página de destino de las pruebas Nelio A/B en las que se describe el producto y cuyo objetivo de conversión es determinar al usuario. Visite. Visite. La página del precio del producto, probamos diferentes versiones de su primera página. Coloque el cursor sobre el bloque y mueva la diapositiva para comparar ambas versiones:

Las diferencias entre la versión original y la variante del primer pliegue de la página de inicio de Nelio. En la variante cambié el título y en lugar del nombre del producto, que ya aparece en el logotipo, agregué un mensaje que despertaría la curiosidad del visitante. ¿Un color diferente? ¿Una forma diferente para los botones? ¿Una ubicación alternativa para todos? A continuación, hemos cambiado el subtítulo con algo que indica que tenemos la solución para satisfacer su curiosidad: “Crear y probar diferentes versiones de WordPress para descubrir lo que le gusta a su audiencia y mejorar sus conversiones”. Y, finalmente, cambié el texto del botón de acción agregando una emergencia: “Comience ahora”. Además, la primera sección del sitio web ocuparía todo el primer redil. El objetivo era centrarse en el mensaje. En este caso, los resultados de la prueba A/B fueron diferentes para la versión en inglés que para la versión en español. Mientras que en la versión en inglés obtuve una mejora en las conversiones de más del 12%, en la versión española no pudimos obtener datos concluyentes. Para obtener más detalles sobre este experimento, haga clic aquí.

Los resultados de la prueba A/B comparan los cambios en la página principal de las pruebas Nelio A/B en inglés. Este ejemplo muestra una vez más la importancia de probar A/B de sus páginas de destino. No puede saber qué impacto tendrá algún cambio en su sitio web hasta que lo pruebe. Las imágenes presentadas entre los elementos del primer pliegue de un sitio web que más afectan la percepción del visitante, la imagen característica que usamos es la clave. Siendo lo primero que vieron, si el sentimiento general del visitante es de rechazo, los habremos perdido. Además, las imágenes presentadas juegan un papel importante cuando el contenido se distribuye en las redes sociales. Por esta razón, algo tan fácil como crear una prueba A/B de las imágenes presentadas puede brindarle una sonrisa en sus labios cuando vea los resultados de la conversión. En la página de destino del contenido de Neli, cuyo objetivo de conversión es que nuestros usuarios visiten la página de precios, realizamos una prueba A/B de su imagen presentada. En esta página, el primer pliegue contiene una imagen presentada que muestra a un hombre sonriente con un post-it en la frente y una barba gruesa frente a una computadora. En el monitor de la computadora vemos el calendario editorial del contenido Neli. Decidimos crear una prueba A/B con dos variantes adicionales: la primera alternativa es una imagen más convencional que muestra a un equipo de personas que trabajan frente a una computadora portátil. En la segunda opción, mostré una captura de pantalla del calendario editorial, al que apliqué un efecto borrosa para hacer que el texto fuera más legible.
Stock Image con un hombre y dos mujeres que comentan el contenido de su computadora.




Captura de pantalla del calendario editorial del contenido de Nelio. Las diferentes imágenes presentadas que hemos probado en la prueba de página.La primera es la imagen que usamos hasta ahora.En este caso, ¿había una mejor imagen que el resto?¿Qué piensas?¿Se podría superar la barba las otras dos variantes de imagen presentadas?Bueno, curiosamente había una imagen ganadora.Aquí está la página completa con los resultados de la prueba:

Los resultados de la prueba A/B de las diferentes imágenes presentadas en la versión en español.Específicamente, la imagen con el grupo de personas frente a la computadora tuvo una conversión de 25% mejor que la barba barbuda con casi 90% de confianza en la versión española y una mejora porcentual de casi el 15% en la versión ganadora, ahora con una Confiabilidad estadística y puede ser grande, superior al 95%.


Los resultados de la prueba A/B en la versión en inglés del sitio. Como puede ver, es muy difícil adivinar qué funcionará mejor si no ha creado una prueba A/B para corroborar sus suposiciones. Más detalles sobre esta prueba encontrarán aquí. Y de la misma manera que probamos diferentes imágenes presentadas, otro tipo de prueba interesante para probar es si es mejor cambiar una imagen para un video. En esta publicación explicamos más detalles sobre este experimento. Botones de llamada de acción Otro tipo de prueba que debe probar en una página de destino es probar los diferentes estilos de botones de acción. Pruebe el tamaño del botón, el estilo y el texto. Siguiendo algunas de las teorías sobre qué color es el mejor para un botón de llamada de acción, decidí hacer una prueba A/B en el color de los botones en el contenido de Nelio de la página de destino. En este caso, hice una prueba de estilos CSS con pruebas Nelio A/B. Así es como se ven los botones de acción cuando se ven desde el editor de estilo CSS para cada prueba A/B que he realizado. Primero tienes la versión original, con los botones en el naranja. Las otras dos variantes incluyen CSS para establecer los botones en verde y rojo respectivamente: la versión original de la página.

Versión con los botones de acción en verde.

Versión con los botones de acción en rojo.

Versiones de prueba en una prueba CSS: color naranja (original), verde (primera variante) y rojo (segunda variante).En este caso, los resultados que hemos logrado (puede ver más detalles aquí sobre este experimento) fueron que el verde es el color que funcionó mejor para nuestro público inglés de las páginas de contenido Neli.Sin embargo, para nuestro público español, no pudimos encontrar un color que funcione mejor que el que ya teníamos.¿Cómo creo estas pruebas A/B?Crear una prueba A/B es muy fácil si usa una herramienta de prueba A/B.En particular, si usa las pruebas Nelio A/B, un complemento de WordPress totalmente integrado, podrá crear las variantes de cualquier prueba tan fácil como hacer cambios en una página con el editor de bloques.