Uso de mapas térmicos en la página de precios

Comencemos la “prueba A/B” con una prueba que no es A/B. Antes de correr a otra esquina, permítanme explicar por qué comenzaremos con mapas térmicos. Una de las principales causas por las que no usa regularmente las pruebas A/B en su sitio web es no saber por dónde comenzar: ¿qué cambios intentan, dónde y por qué? Estas son las preguntas clave que hará. Si no sabe cómo responderlos, renunciará a la prueba. Para superar esto, lo que recomiendo es que lo primero que haga es elegir una página en su sitio para comenzar. Esta página debe ser relevante para sus objetivos. Esto significa que es una página en la que obtiene muchas visitas, o es una página clave para su actividad o negocio.
En el ejemplo de hoy, elegimos comenzar con las páginas de precios de nuestros complementos premium: pruebas Nelio A/B y contenido de Nelio. Estas páginas son la clave de nuestro negocio, porque los ingresos de nuestra empresa llegan a través de ambos. Ahora que hemos elegido las páginas, para saber qué cambios hacer y por qué, es mejor comenzar ejecutando una prueba de mapas térmicos. Hacemos esto porque los mapas térmicos nos dan datos reales sobre cómo nuestros visitantes interactúan con nuestro sitio. Cuando realmente vemos cómo funcionan nuestras páginas con los datos de los usuarios reales, es mucho más fácil obtener ideas para futuras pruebas. Es por eso que los mapas térmicos son siempre un buen comienzo.
Cómo crear una prueba de mapa de calor en WordPress Crear una prueba de mapa térmico para una página de WordPress es muy fácil. Solo tiene que seleccionar la página elegida e iniciar la prueba.

Selector de nuevas pruebas en pruebas Nelio A/B. En las pruebas de Nelio A/B, cree una nueva prueba de mapa térmico seleccionando este tipo de prueba en el cuadro de diálogo que se abre cuando hace clic en el botón para agregar una nueva prueba. En la pantalla de edición de la prueba, establezca un nombre para su prueba para que sea fácil de identificar más adelante. También puede agregar una descripción de lo que desea probar en la prueba. Por último, pero no menos importante, debe seleccionar la página que desea hacer la prueba del mapa térmico: pantalla para configurar una prueba de mapa térmico en pruebas NELII A/B. Cuando tenga todo listo (como ve en la captura de pantalla anterior, es muy fácil), haga clic en el botón en la esquina superior derecha de la ventana para comenzar la prueba. Solo tiene que esperar a que vengan sus visitantes, por lo que las pruebas de Nolio A/B se recopilan de su comportamiento en la página y procesan los resultados. El mapa de calor da como resultado nuestro caso, tuvimos dos pruebas de mapas térmicos que se ejecutan al mismo tiempo en nuestro sitio: una para la página de precios de las pruebas Nelio A/B y otra para la página de precios del contenido de Neli.

Cada prueba recopiló datos durante aproximadamente 20 días y analizó el comportamiento de aproximadamente 500 visitantes. Esto es más que suficiente para poder sacar ciertas conclusiones y pensar en futuras pruebas A/B que podemos ejecutar en estas páginas. Tenga en cuenta que estas páginas no son aquellas con muchas visitas en nuestro sitio. Estos representan la etapa final del embudo de conversión, por lo tanto, el tráfico se pierde en el camino. Pero recuerde que los elegimos por su importancia para nuestro negocio. En las próximas pruebas, estudiaremos otras páginas con más tráfico, por otras razones explicaremos. El precio de las pruebas de Nelio A/B para comenzar con los resultados obtenidos para la página de pruebas Nelio A/B. La prueba del mapa térmico nos muestra los datos de tres perspectivas diferentes: mapas térmicos, mapa de desplazamiento y confeti. La incorporación de las 3 imágenes completas es demasiado, porque son bastante grandes en términos de altura en píxeles. Para no obligarlo a desplazarse hacia arriba y hacia abajo hasta el final, los até aquí:
El mapa térmico de la página de precios de las pruebas Nelio A/B.
El desfile de la página de pruebas Nelio A/B.
Confeti en la página de precios de las pruebas Nelio A/B.
Veamos ahora los fragmentos más relevantes de los resultados anteriores:
Fragmento del mapa térmico de la página de precios de las pruebas Nelio A/B. La primera página de esta página de precios es la más relevante y contiene datos interesantes. Como puede ver en la imagen anterior, un mapa térmico es una representación gráfica que muestra la interacción de los usuarios con los elementos de página, de manera agregada y con una escalera donde un color cálido indica una gran relevancia. En la página de precios de las pruebas Nelio A/B, el primer pliegue de la página es el lugar donde hay varios puntos calientes. Si lo analizamos en detalle, los elementos en el área del plan básico y profesional ganan más relevancia que la de la empresa. En vista de esto, podemos reordinar los planes de precios para mostrar primero el plan de la empresa. Tenga en cuenta que estamos acostumbrados a leer de izquierda a derecha, por lo que mostrar el plan más caro en la página de precios puede ser un buen cambio en una prueba A/B. Otro elemento que recibe mucha interacción con el usuario es el enlace para desplazarse hacia abajo a Vea la comparación detallada de los planes. Esto está bien porque significa que hay interés en ver más detalles sobre los planes. Lo que no es tan bueno es que hay muchas interacciones en elementos que no se pueden hacer clic. Puede verlo en confeti, que es la representación gráfica en la que puede ver todos los clics realizados por los visitantes:
Confeti desde el primer pliegue de la página de precios de las pruebas Nelio A/B. Muestra todos los clics realizados por los visitantes. En todo el bloque de planes que puede ver en la captura de pantalla anterior, solo los botones que aparecen en cada avión son elementos que se pueden hacer clic. Tenga en cuenta que hacer clic en cualquier otra cosa no tiene efecto. Nuestra interfaz actual genera confusión. Los visitantes hacen clic en los textos e iconos de las características de cada plan, que son elementos que no se pueden hacer clic. Desde aquí podemos entender que están tratando de encontrar más información al respecto, pero en su lugar tenemos esta información a continuación en la página. Otra prueba A/B que podríamos probar aquí es cambiar cada una de las características de los planes, para que tengan un elemento flotante que aparezca cuando pasamos el mouse sobre el texto y proporcionamos más información contextual al visitante. Podríamos probar esta versión con ayuda contextual en comparación con la versión actual para ver cuál de ellas puede generar más compras.

El confeti también nos brinda información agregada de los visitantes, extraídos de los clics que han hecho. Las pruebas Nelio A/B incluyen varios tipos de filtros para comprender mejor las diferentes características de los visitantes, como puede ver aquí:
Los confetetos proporcionados por las pruebas Nelio A/B nos permiten conocer información sobre nuestros visitantes filtrando sus clics utilizando varias categorías.

De estos filtros hemos extraído los siguientes datos:
Chrome y Firefox son, con mucho, los navegadores más utilizados de nuestros visitantes. Por lo tanto, necesitamos hacer que la web se vea bien, al menos en estos navegadores.
La mitad de los visitantes de esta página provienen de los Estados Unidos. Esto coincide con nuestros datos de ventas. Los visitantes nos visitan más en los primeros 3 días de la semana. Conocer esta información puede ser útil, por ejemplo, para hacer ofertas en los otros días en otras áreas de la web, y así atrae el tráfico en días de bajo tráfico.

Casi el 100% de los visitantes acceden a la página en una computadora de escritorio o computadora portátil. Apenas tenemos visitas de dispositivos móviles. Esto es algo para estudiar en el futuro.
Windows 10 y Mac OS X son los sistemas operativos de los que las personas nos visitan. Coincide con los datos anteriores, porque no tenemos visitantes de los sistemas operativos para dispositivos móviles.
Tenemos más visitantes durante la jornada laboral (la prueba se realizó en la zona horaria de Chicago). Tiene sentido porque nuestro cliente principal es de los Estados Unidos.
Las visitas se realizan en pantallas con un ancho mínimo superior a 1500 píxeles. Otro hecho que confirma que las visitas son de computadoras o computadoras portátiles de escritorio.
Si verifica las versiones completas del mapa y confeti térmicos, verá que todas las otras secciones de la página de pruebas Nelio A/B son menos relevantes. En vista de esto, verifiquemos el siguiente mapa del desfile:
Los visitantes ven el primer pliegue de la página, pero luego hay pocos corridos. Es por eso que es esencial poner la información importante por encima del primer pliegue.
Si revisa el mapa completo, puede ver que muy pocos visitantes van más allá de la primera flexión de la página. Esto me hace creer que tal vez deberíamos ir con una versión mucho más corta de la página de pruebas Nelio A/B, condensando la información relevante anterior. Las secciones después de la primera flexión de la página tienen mucho mensaje de texto, y los visitantes no lo leen. Menos del 20% viene a ver e interactuar con la tabla detallada que compara los planes, que puede encontrar en la parte inferior de la web. Todos estos datos son proporcionados por ScrollMap: la tabla que compara nuestros planes de precios que aparecen en la parte inferior de la página de pruebas Nelio A/B solo tiene una popularidad del 15%. Deberíamos colocarlo antes en la página si realmente queremos ser útiles. Las pruebas con versiones más cortas de la página, incluidas varias secciones visuales, pueden ayudar a convencer al comprador potencial y obtener una página de precios mucho más eficiente y eficiente. Esta es otra idea de un posible cambio para probar con una prueba A/B. Ya tenemos algunas ideas que podríamos probar en el futuro, por lo que está claro que la información que ofrece los mapas térmicos es muy útil para obtener ideas que luego aplicamos en las pruebas A/B. Página de precio de contenido de Nelio, así como en la página de pruebas de Nelio A/B, aquí tiene imágenes completas con los resultados de la página de precios de contenido de Nelio:
El mapa térmico de la página de precios del contenido de Nelio.
El mapa del desfile de la página de precios del contenido de Nelio.
Confeti de la página de precios del contenido de Nelio.


La página de precios del contenido de Nelio es más simple y más corto que la de las pruebas Nelio A/B.Entre otras razones, esta página solo tiene un plan, mientras que con las pruebas de Nelio A/B tuvimos 3 planes diferentes.Si observa el mapa térmico completo y lo compara con las pruebas Nolio A/B, verá que en este caso hay varios puntos calientes en otras partes de la página, aparte del primer pliegue.
Detalle del mapa térmico para la parte central de la página de precios del contenido de Neli. En la imagen anterior vemos que los botones de acción en la tabla de comparación de la tabla ganan una gran relevancia. Esto está bien, porque los tenemos allí por esta razón. Sin embargo, tenga en cuenta que el plan de inicio en la mesa, que no es más que la versión gratuita del contenido Neli, tiene una gran relevancia. Aquí la pregunta es si debemos tener un enlace al director de complementos de WordPress en nuestra página de precios para que los visitantes puedan descargar o no la versión gratuita del contenido NELI. Ahora lo tenemos, pero el mapa térmico muestra que más visitantes probablemente dejan nuestra página de precios para elegir la versión gratuita. Este tema es controvertido y la fuente de largas discusiones en nuestras reuniones. Por un lado, mantener el enlace no es bueno porque pierde una posible venta directa en la página de precios. Pero incluso si los visitantes abandonan nuestro sitio, puede ocurrir que el intento gratuito de contenido de Nelio sea bueno. Los usuarios pueden amar el instrumento y comprarlo más tarde, después de probarlo. En Nelio discutí esto varias veces y supongo que hoy no será la última vez que lo hagamos. Por ahora, el enlace permanece. ¿Qué piensas sobre esto? También vemos que el video atrae mucha atención. Creé un video muy fuerte y tal vez podríamos mostrarlo en la página antes. Podríamos probar este cambio con una prueba A/B porque la sección después del primer pliegue no recibe tanta relevancia.

El mapa del desfile para el contenido de Nelio muestra que la disminución en el número de visitantes del desfile es menos abrupto que en el caso de la página de precios de las pruebas Nelio A/B. Por otro lado, vemos en el mapa de desplazamiento que la pérdida de visitantes es menos repentina a medida que corremos por la página. Esto confirma que una página de precio más corta puede funcionar mejor si lo que queremos es que el visitante vea el mayor contenido posible. Además, combinado con el mapa térmico anterior, vemos que las dos secciones después del primer redil, que hablan sobre características específicas y muestran las opiniones de las personas, pueden necesitar un rediseño. Hay secciones con demasiado texto y que no atraen demasiada atención. Podríamos probar una versión alternativa más visual y directa. Con respecto al gráfico de la conferencia de clics, es interesante ver la cantidad de clics incorrectos que se realizan en áreas que no se pueden hacer clic en el primer pliegue de la página: Fragmento en confeti para la página de precios del contenido de Neli. Incluso si la mayoría de estos clics no se pueden evitar (sí, suponga que las personas hacen clic en las áreas laterales, especialmente a la derecha, cuando corren), hay otros que son el resultado de los visitantes confusos. Este es el caso de los clics en el número de precio mensual que ve en la captura de pantalla anterior. Este precio no es un artículo en el que se pueda hacer clic;