¿Qué es un Heatmap?
Un Heatmap o mapa de calor web es una visualización agregada que representa la intensidad o distribución de interacciones de múltiples sesiones sobre una página, como clics, toques, scroll o movimiento del puntero.
Qué es Heatmap
El color o intensidad ayuda a identificar zonas con mayor o menor interacción relativa. Según la herramienta, pueden existir mapas de clics, scroll, movimiento, engagement u otras variantes.
El heatmap resume patrones agregados: no muestra por sí solo el recorrido completo de una persona ni explica su intención. Para eso suele combinarse con replay, analytics, feedback o investigación cualitativa.
La definición operativa
Un Heatmap o mapa de calor web es una visualización agregada que representa la intensidad o distribución de interacciones de múltiples sesiones sobre una página, como clics, toques, scroll o movimiento del puntero.
Una frontera clave
No es lo mismo que Session Replay. El heatmap agrega interacciones de muchas sesiones en una representación de página; el replay reconstruye el comportamiento secuencial de sesiones individuales.
El color necesita contexto
Un mapa de movimiento del cursor no es un registro de mirada. Los colores suelen representar intensidades relativas y deben leerse junto con escala, muestra, período y dispositivo. Separá versiones de página y estados dinámicos para no superponer interacciones sobre elementos que cambiaron de posición.
FronterasHeatmap: diferencias con conceptos cercanos
| Concepto | Diferencia clave |
|---|---|
| Heatmap | Agrega interacciones de muchas sesiones sobre una página o estado. |
| Session Replay | Reconstruye la secuencia de acciones de una sesión individual. |
| Analytics de eventos | Cuenta eventos y métricas, pero no necesariamente los representa sobre el layout visual. |
Piezas conceptuales de Heatmap
Fuente de eventos
Clics, toques, scroll, movimiento u otras señales registradas.
Agregación
Combina múltiples sesiones para mostrar patrones colectivos.
Codificación visual
Color o intensidad representa concentración relativa de eventos.
Segmentación
Filtros por dispositivo, página, audiencia o periodo ayudan a evitar mezclas engañosas.
Cómo trabajar con Heatmap
Definí la pregunta
Elegí el tipo de mapa según lo que necesitás observar.
Segmentá por dispositivo
Layouts distintos producen patrones que no conviene mezclar.
Buscá señales, no causas
Un punto caliente indica interacción, no necesariamente satisfacción o intención.
Contrastá con otras fuentes
Usá replay, eventos, feedback o testing para explicar los patrones encontrados.
Ejemplo de Heatmap
Un mapa de clics muestra que muchas personas intentan hacer clic sobre una imagen que no es interactiva. La señal puede orientar una hipótesis de UX, que luego debe validarse con otras evidencias.
Errores frecuentes al trabajar con Heatmap
Interpretar movimiento como atención exacta
El puntero puede correlacionar con lectura en algunos contextos, pero no es una medición directa de mirada.
Mezclar layouts diferentes
Desktop y mobile pueden necesitar análisis separado.
Confundir intensidad con valor
Más clics no significa que un elemento sea mejor; también puede revelar confusión o error.
Preguntas frecuentes sobre Heatmap
¿Qué tipos de heatmap existen?
Son comunes los mapas de clics o toques, scroll y movimiento; algunas herramientas ofrecen además engagement o rage clicks.
¿Heatmap es análisis cuantitativo o cualitativo?
Suele tratarse como una visualización agregada de datos conductuales cuantitativos, aunque se usa para orientar investigación cualitativa.
¿Es lo mismo que Session Replay?
No. Heatmap agrega muchas sesiones; Session Replay reconstruye sesiones individuales.
¿Un área caliente indica buena experiencia?
No necesariamente. Puede representar interés, uso frecuente, error o confusión; necesita contexto.
Fuentes y referencias sobre Heatmap
Hotjar · UX Research Methods · Define heatmaps como visualizaciones de comportamiento agregado por clic, scroll o movimiento.
Hotjar · Tipos de mapas de calor · Documenta mapas de clics, movimiento, scroll, engagement y rage clicks.
Términos relacionados