Análisis de mapas de calor: cómo analizar e interpretar mapas de calor

1. ¿Ven los usuarios los contenidos importantes?

Con un mapa de desplazamiento vertical puedes averiguar si los usuarios realmente ven los elementos o las secciones importantes de tu página de producto. Es un tipo de heatmap que muestra hasta qué punto de la página se desplazan los usuarios.

Con solo tres sencillos pasos, puedes determinar si el contenido de tu sitio web está funcionando y está presentando correctamente tu producto o servicio:

1️⃣ Analiza el contenido que queda por encima y por debajo del límite visible medio de tu sitio web

Lo primero que debes hacer es averiguar cuál es el límite visible medio de tu sitio web; es decir, hasta qué parte de la página ven tus usuarios cuando la abren y sin desplazarse por ella.

Al averiguar cuál es el límite visible medio de tu sitio web, podrás confirmar si los usuarios están viendo los contenidos importantes de una página, como las ofertas de productos o los anuncios de las campañas. 

Por ejemplo, puede que tengas un contenido viral muy persuasivo, pero que esté situado un poco por debajo de ese límite. En ese caso, solo lo verán aquellas personas a las que hayas conseguido llamar la atención tanto como para que quieran seguir desplazándose hacia abajo.

2️⃣ Evalúa cómo interactúan los visitantes con los elementos de tu sitio web

Continúa el análisis revisando todo el mapa de desplazamiento vertical y observando el porcentaje de visitantes que llegan (o no) hasta puntos concretos de la página. Estos datos pueden ser especialmente útiles en páginas largas, como una página de destino que contenga mucha información que quieras que vean los clientes.

3️⃣ Investiga por qué los usuarios abandonan tu sitio web

Presta atención a los cambios bruscos de color que se observen en el mapa de desplazamiento vertical. Este dato indica que hay un porcentaje significativo de personas que han dejado de desplazarse verticalmente por el sitio web. Quizás crean que han llegado al final de la página y no se estén dando cuenta de que hay más contenido. 

Los mapas de desplazamiento vertical te proporcionan datos suficientes para determinar si la gran mayoría de los usuarios está ignorando información clave y, por lo tanto, debas moverla a un lugar más visible de la página web.

2. ¿Hacen clic los usuarios en elementos clave de la página (enlaces, botones y CTA)?

Con un mapa de desplazamiento vertical puedes averiguar si los usuarios están viendo elementos específicos de tu sitio web, mientras que con un mapa de clics puedes confirmar si están haciendo clic en ellos o no:

La razón de ser de tu sitio web es que la gente pueda cumplir con un objetivo determinado; por ejemplo, encontrar información, contratar un servicio o comprar un producto. Cuando revises un mapa de clics o de toques, debes fijarte en aquellos elementos que ayudan a los visitantes a cumplir con su objetivo, como las llamadas a la acción (CTA), los botones y los enlaces. Estas son algunas de las preguntas que puedes hacerte: ¿los usuarios están tocando o haciendo clic en esos elementos?, ¿hasta qué punto están interactuando con ellos? o ¿están ignorando una característica del producto que te interesa popularizar?

Aprovecha estos insights sobre tu producto para hacer pequeños cambios con los que conseguir grandes resultados o para justificar la necesidad de hacer una investigación de usuario. Si finalmente decides modificar la página de producto, vuelve a consultar el mapa de clics para comparar el comportamiento de los usuarios en ambas versiones y determinar si el nuevo diseño está funcionando.

3. ¿Confunden a los usuarios los elementos no clicables?

Asegúrate de diferenciar claramente los elementos no clicables de los clicables. Así evitarás que tus usuarios se confundan y se frustren porque estos elementos no se comportan como esperan cuando intentan hacer clic en ellos.

En el ejemplo anterior, parece que alguien tocó uno de los logotipos de los testimonios, probablemente esperando que se produjera alguna interacción. Ten en cuenta esta posibilidad cuando revises los mapas de clics o de toques y busca elementos no clicables, como imágenes, títulos o formas gráficas, que muestren indicios de que los usuarios los hayan tocado o hayan hecho clics con rabia.

Si observas este tipo de comportamiento por parte del usuario, es posible que necesites ayuda de tu departamento técnico o de desarrollo, o de un desarrollador de software o diseñador web independiente, para que hagan algunos cambios visuales en estos elementos. El objetivo es diferenciar claramente los elementos clicables de los no clicables y añadir enlaces donde los usuarios los esperaban.

4. ¿Se distraen los usuarios con contenidos innecesarios?

Cuando varios elementos de una página web compiten por captar la atención de los usuarios, pueden eclipsar las acciones más importantes que deben hacer.

Analiza los mapas de movimientos para observar si la actividad del cursor está repartida por toda la página, en lugar de estar concentrada en los mensajes clave, los CTA y los enlaces. Comprueba también si hay zonas de las páginas de producto con las que los usuarios interactúen poco o nada. Quizás llegues a la conclusión de que debes redistribuir el contenido, o quizás eliminar o sustituir contenido que esté ocupando un espacio valioso en la página.

Con la función Highlights de Hotjar, puedes crear una "colección" de heatmaps, destacar un fragmento de mapa en particular y compartirlo fácilmente con tus compañeros de equipo o colegas, con la dirección y con stakeholders. Así podrás crear un buen business case y conseguir la aprobación necesaria para hacer cambios en las páginas de tu producto o sitio web.

5. ¿Tienen problemas los usuarios en los distintos dispositivos?

La visualización de un sitio web o una página de producto en un ordenador o en un móvil puede variar mucho. Por ejemplo, un contenido importante puede aparecer por encima del límite visible medio en la versión para ordenadores, pero por debajo en la versión móvil, donde lo verán menos usuarios. También podría ocurrir que las páginas se vean muy compactas y bien estructuradas en un dispositivo móvil, pero esparcidas y mal organizadas en pantallas grandes.

Compara el tráfico web que recibe una misma página en los mapas de desplazamiento vertical para móvil y ordenador de Hotjar. Así podrás averiguar si la gente consume más o menos contenido según el dispositivo que utilizan. Cruza los mapas de desplazamiento vertical con los de clics para comprobar si el comportamiento de los clics cambia y la gente interactúa más, menos o de forma diferente desde el ordenador o desde el móvil. 

Si detectas diferencias evidentes, el siguiente paso es que hagas mejoras en la UX o la UI. Por ejemplo, puedes aplicar pequeños cambios con los que conseguir grandes resultados o reestructurar y rediseñar completamente las páginas para optimizarlas al máximo.

5. Are people experiencing issues across multiple devices?

Your website or product page can look quite different across different devices.

Important content that is immediately visible on a desktop could end up well below the fold on a cell phone, where fewer users see it. Or the opposite could be true: your pages could look very compact and well-structured on a mobile device, but sparse and poorly organized on very large screens.

Make web traffic comparisons of the same page on mobile and desktop scroll maps to see if people are consuming more or less content depending on the device they're on. Pair scroll maps with click maps to see if clicking behavior changes, or if people interact differently on desktop versus mobile. 

If you spot any glaring differences, the next step is to make UX or UI improvements—from applying quick-win changes to completely restructuring and redesigning your page(s) for maximum optimization.

Super-charge your heatmap insights

In the process of analyzing heatmaps, you might find that they raise additional questions. For example, if you discover that people move their mouse around the page a lot but don’t click on anything, you will naturally want to find out why.

Super-charge your heatmap insights by combining them with other behavior and feedback tools that take you one step closer to understanding the why behind your users’ actions.