Heatmap O Mapa De Calor

¿Qué es un heatmap o mapa de calor?

El heatmap o mapa de calor es una herramienta de marketing que nos permite conocer visualmente el camino de los visitantes en un sitio web a través de sus clics y tener una mejor comprensión de aquello que les interesa.

Esta herramienta es esencial para mejorar la experiencia del usuario en un sitio web. Es muy común su uso en el comercio electrónico

Al analizar una página, podemos ver superpuesto las zonas de clics, el porcentaje de clics en cada elemento o el porcentaje de la página que ha llegado a ver.

Tipos de análisis de heatmap

Podemos encontrar más de una tipología

Seguimiento de clics, nos indica dónde los visitantes hicieron más número de clics

Seguimiento del desplazamiento, nos muestra dónde los visitantes han movido más su ratón

Rastreo de ojos, gracias a una cámara podemos conocer donde nuestros visitantes han mirado más.

El uso del seguimiento de ojos, clics, así como del desplazamiento nos ayuda a resaltar ciertos aspectos de la experiencia del usuario para tomar decisiones de forma más objetiva, por ejemplo, de donde incorporar nuestras llamadas a la acción.

Cómo funcionan

Las zonas más consultadas por los usuarios se marcan en color rojo (zonas calientes), seguidas de las zonas amarillas y las que han recibido poca atención se utilizan colores azules (zonas frías).

Ejemplo de mapa de calor

Uno de los mapas de calor más conocidos es el Triángulo de Oro de Google, donde se puede ver que el 60% de los clics en los motores de búsqueda están en los tres primeros resultados de búsqueda IMG

Los resultados de las pruebas obtenidas con el rastreo ocular muestran que cuando consultamos una página web nuestros ojos siguen un camino en forma de F. En la parte superior de la página los ojos viajan de izquierda a derecha, luego a medida que avanzamos, nuestros ojos se enfocan principalmente en el lado izquierdo de la pantalla. Esto es algo importante a tener en cuenta cuando se diseña un sitio web. Los elementos a destacar deben colocarse en el lado izquierdo de la página para evitar que los lectores tengan que buscar en todas partes.

¿Qué podemos analizar en nuestro sitio web?

El análisis del mapa de calor lo podemos realizar sobre páginas concretas, como puede ser una landing page pensando en la conversión, o estudiando dispositivos concretos, por ejemplo, los móviles para ver diferencias de acciones respecto al escritorio.

Puntos de distracción

Para los visitantes es muy fácil distraerse de su objetivo. Cuando ofrecemos demasiadas opciones podemos dificultar a los usuarios lograr aquello por lo que aterrizaron. Las distracciones también pueden provenir de las barras laterales o de un gran número de opciones de navegación. Cuando el cursor se dispersa por toda la página en lugar de estar enfocado en las partes importantes, indica que hay cosas que distraen. Es importante identificar estas distracciones y eliminarlas para poner de relieve las llamadas a la acción.

Enlaces de fantasmas

Es habitual que muchos visitantes confundan posibles elementos de las pensándose que son enlaces o botones.

Un mapa de calor rápidamente nos puede alertar de esto. Es importante identificar las imágenes y los títulos sin enlaces que han recibido muchos clics porque pueden ser un factor de abandono al generar frustración.

Falta de información

Al analizar un mapa de calor disponemos de información de tasas de rebote. A menudo esto se crea porque no hay la información deseada en la página de aterrizaje. Una alta densidad de movimiento o, por el contrario, la ausencia de interacción, puede significar que los visitantes llegan al final de la página sin respuestas.

Análisis en dispositivos móviles

Para un mismo sitio web, la experiencia del usuario será diferente dependiendo del tamaño de la pantalla. Hoy en día es esencial disponer de un sitio web que se adapte a los dispositivos móviles pero que también funcione bien en otros dispositivos y resoluciones de pantalla. Para optimizar la experiencia entre los canales debemos trabajar la estructura teniendo el diseño en móviles como referencia inicial. El análisis del heatmap en diferentes tipos de dispositivos nos ayudará a mejorar la usabilidad.

También podremos detectar los frenos de navegación vinculados específicamente a un dispositivo. Por ejemplo, buscando opciones entre dispositivos IOS y Android.

Diferencias de navegación entre las visitas de las diferentes campañas de adquisición

Gracias a los mapas de calor podemos comprobar sí mis anuncios son relevantes con relación a la página de aterrizaje. ¿Dónde hacen clic los visitantes? ¿Están buscando más información al final de la página? ¿Cuál fue su camino hacia la conversión?

Frenos de conversión

¿Por qué los visitantes se bloquean en una de las etapas del túnel de conversión?

Áreas de interés

¿Con qué elementos interactúan más los visitantes?

Algunos servicios que realizan mapas de calor:

Un complemento a otras herramientas de análisis de la web

Son un magnífico complemento a otras herramientas de analítica web como Google Analytics o Piwik. Los mapas de calor son herramientas visuales que permiten un análisis más directo con datos más intuitivos y explotables, mientras que las herramientas de análisis web requieren un análisis e interpretación de las estadísticas que nos proporcionan.

Como ves, gracias a esta herramienta de marketing web, analizar el comportamiento de los visitantes de nuestro sitio es mucho más fácil. Tendrás una idea de la ruta de navegación de estos visitantes a través de sus clics.

Si quieres saber más no te pierdas: