homefinance blog
Los seres humanos son curiosos por los hilos. La curiosidad, desde muchos puntos de vista, es una de las características que nos hizo evolucionar más. La información es poder, y tener información sobre otros es muy útil en muchos campos diferentes, incluido el desarrollo de páginas web. Sin ingresar al lado oscuro del mundo de la confidencialidad, hay muchas maneras de administrar una página web y usar la curiosidad de una manera ética para mejorar su rendimiento y hacer que los visitantes disfruten de sus páginas más que antes. Los mapas térmicos son una técnica destinada a descubrir qué hacen los visitantes en una página web y ver cómo interactúan con ella. Es decir, los mapas térmicos nos permiten analizar el comportamiento de los visitantes de manera agregada y anónima. Analizando el movimiento del cursor en la página web, los mapas térmicos son una representación visual que muestra los puntos calientes de su página pintados con colores más cálidos.
Además, los mapas térmicos nos permiten obtener ideas de mejora para aplicar en nuestro sitio. Solo tenemos que estudiar los datos que vemos en el mapa térmico para sacar conclusiones sobre lo que está sucediendo, lo que hacen los visitantes, lo que no funciona bien en la web y cómo podemos resolverlo. Cómo crear un mapa térmico en WordPress hoy en día, crear un mapa térmico es extremadamente simple. En WordPress tenemos que usar solo un complemento que nos permita crear mapas térmicos. De hecho, los mapas térmicos son una de las características más solicitadas por nuestros usuarios Nelio A/B Pruebas.
Hemos creado mapas térmicos durante mucho tiempo para continuar investigando posibles mejoras en nuestro sitio. Como ejemplo, le mostraré aquí el último mapa térmico que creé en la página principal de Neli. Lo primero es crear un nuevo mapa térmico. Para hacer esto, seleccione la nueva prueba en las pruebas Nelio A/B y elija la página que nos interese, como puede ver en la siguiente captura de pantalla: pantalla para crear un mapa térmico con pruebas Neli A/B. Luego solo tenemos que comenzar la prueba para que el complemento siga a sus visitantes y agregue la información automáticamente. A partir de este momento, se generará un nuevo mapa térmico y podremos ver los resultados gráficos.
Los resultados del mapa térmico Una vez que seguimos un número representativo de visitantes, podemos ver en detalle el resultado del mapa térmico. Tenga en cuenta que hay diferentes visiones de estos datos extraídos de nuestros visitantes. El tipo de visualización más común es el mapa térmico en sí, que muestra una serie de puntos calientes que se muestran en la parte superior de la página analizada. Esos puntos calientes se colocan sobre los elementos que han recibido la interacción más alta. Por otro lado, tenemos ScrollMap, que se ve con colores más cálidos hasta qué punto llegaron los visitantes al caer antes de irse.
Finalmente, la última representación que generalmente podemos encontrar es ver los clics que se han hecho en la página como una nube de nube o confeti.
Mapa térmico de la página principal de nuestro sitio.
Mapa del desfile de la página principal de nuestro sitio.
Confeti en la página principal de nuestro sitio.
Los resultados del mapa térmico en nuestro sitio. En la galería anterior, tiene un mapa térmico completo, ScrollMap y Cofetti que nuestro complemento creó al analizar la página principal de nuestro sitio. A continuación, echemos un vistazo más de cerca a algunos detalles de la información que podemos extraer de estas tres representaciones. El mapa térmico de la Dettical muestra que gran parte de los que visitan nuestra página de inicio tienen lugar en la primera parte de la página. Encontramos mucha interacción en los botones que nos llevan a las páginas específicas de cada complemento, que queremos que suceda:
Detalle de la primera sección del mapa térmico. Pero también descubrí que muchas personas hacen clic en el firma de flecha en el primer pliegue que los indica. Desafortunadamente, esta flecha es solo un indicador y no es un elemento en el que se pueda hacer clic. Entonces, seguramente la audiencia está definitivamente confundida, lo que todavía hace clic en él.
Como solución, podríamos elegir convertir la flecha en un botón que ejecuta automáticamente la página hacia abajo. Al hacer esto, alineamos las expectativas de los usuarios con la realidad.
Detalle del sótano en el mapa térmico. Por otro lado, es curioso ver cómo el sótano recibe mucha atención. Esto es importante porque sugiere que algunos usuarios no encuentran lo que buscan al final de la página. En particular, el área más popular es el enlace de contacto. Por lo tanto, una buena idea de prueba sería mover este enlace a una página más destacada de la página, solo para asegurarse de que nadie se vaya sin encontrar lo que necesita.
Detalles ScrollMap El mapa del desfile muestra que la mayoría de nuestros visitantes no ven nada más allá de la media página. Con esta información, la conclusión principal que podemos sacar es que el contenido en ese punto se perderá y, por lo tanto, no debería ser relevante. Para hacer que nuestro contenido sea más atractivo para nuestra audiencia y, por lo tanto, evitar la posibilidad de mostrar más secciones visuales y dinámicas. El contenido estático no se destaca lo suficiente y perdemos la atención de nuestros visitantes. Por esta razón, la propuesta de cambios en estas secciones puede ser una buena posibilidad de probar en una futura prueba A/B. Dets Confeti en términos de confeti, nos muestra una nube de puntos que hemos recibido cuando se realizó la prueba. En comparación con un mapa térmico ordinario, los confets incluyen más información sobre cada clic individual. Vemos cómo la mayoría de los visitantes que hacen clic tomaron entre 5 y 10 segundos para hacerlo. Conocer estos datos es muy interesante, porque tenemos una medida aproximada del tiempo que tenemos que atraer su atención. Cuanto más compleja sea la página y más difícil parece, más visitantes perdemos. Esta información puede ayudarnos a proponer una versión mucho más simple y radical de la página. Por ejemplo, podríamos mostrar menos información y ir directamente al objeto. Esta es otra posible prueba de A/B que aún podríamos intentar.
Detalle de la primera sección de confeti. Además, podemos ver que hay visitantes que hacen clic en elementos que no se pueden hacer clic. Una sección muy relevante aquí es la lista de logotipos de empresas que usan nuestros productos o testimonios de nuestros clientes: detalle de los clics desplazados que podemos ver en confeti. En estas secciones no tenemos elementos que se puedan hacer clic, pero aún reciben clics. Una vez más, esto puede confundirse y, por lo tanto, es importante asegurarse de que el comportamiento de nuestro sitio coincida con las expectativas de nuestros visitantes. Para evitar esto, podríamos decidir cambiar el diseño de estas secciones para dejar en claro que no debe hacer clic allí. O incluso elimine las secciones, teniendo en cuenta la información en el ScrollMap, donde ya hemos visto que estamos perdiendo personas en esta parte de la web.
Lo importante de los mapas térmicos es obtener ideas de mejora analizando cómo nuestros visitantes interactúan con nuestro sitio. De esta manera, podemos corregir los comportamientos fallidos y proponer posibles mejoras de nuestra página que podemos probar con pruebas A/B. Permítame recordarle que la versión gratuita de las pruebas Nelio A/B le permite crear mapas térmicos en sus páginas de WordPress tan simples como expliqué aquí. Continúa e intenta. Y luego díganos su experiencia y qué información puede extraer a través de esta representación visual del comportamiento de sus visitantes. Imagen presentada por Alma Bechtold en Unsplash.
