Todos los tipos de mapa de calor web, y qué mide cada uno

¿Qué es un mapa de calor web?

Quien busca un heatmap website se refiere a un mapa de calor web, una capa con código de colores que agrega el comportamiento de muchas visitas sobre una sola imagen de la página, donde los colores cálidos marcan interacción intensa y los fríos marcan zonas que los visitantes ignoraron. El script de seguimiento registra una coordenada y una marca de tiempo por cada clic, posición de scroll y movimiento del puntero, y luego la herramienta reparte esas coordenadas en una cuadrícula sobre una captura de pantalla y pinta cada celda según su densidad. Lee el resultado como una distribución de la atención de una población, nunca como el registro de lo que hizo una persona concreta.

¿Por qué "mapa de calor" significa dos cosas distintas?

La palabra "mapa de calor" nombra tanto la categoría de capas agregadas como un mapa concreto dentro de esa categoría, y por eso dos personas pueden discutir sobre mapas de calor imaginando imágenes completamente distintas. En sentido amplio, un mapa de calor es cualquier capa de comportamiento dibujada sobre la captura de una página. En sentido estricto, es el mapa sombreado por densidad que colorea una cuadrícula según el número de interacciones, junto a cuatro hermanos que usan puntos, franjas o tiempos en lugar de un degradado de densidad. Nombra el mapa concreto antes de comparar hallazgos con nadie, porque "el mapa de calor dice que la gente ignora la tabla de precios" no significa nada hasta que sabes si esa afirmación viene de clics, de profundidad de scroll o de tiempo en el viewport.

¿Cuáles son los cinco tipos de mapa de calor web?

Cinco capas comparten la etiqueta de mapa de calor, y cada una registra una señal distinta:

El click map responde preguntas sobre intención y el scroll map responde preguntas sobre alcance, así que usar uno sin el otro produce medio argumento. Una página puede retener la atención hasta abajo y aun así no recibir ni un clic en su llamada a la acción. Otra puede acumular muchos clics en la primera pantalla y perder al noventa por ciento de los visitantes antes de que se renderice la sección que te importa. El confetti map separa esos mismos clics por segmento, que es lo que convierte "el botón recibe clics" en "el botón recibe clics del tráfico de pago en escritorio y nada del orgánico en móvil".

¿Cuántas sesiones necesita un mapa de calor web?

Un mapa de calor necesita suficientes sesiones para que sus diferencias de color sobrevivan al ruido del muestreo, y el umbral aproximado sale de una sola fórmula. Para una proporción, el margen de error conservador al 95% se aproxima así:

margin of error = 1 / √n

Con 400 sesiones, eso da 1 / √400 = 0,05, o sea 5 puntos porcentuales. Un elemento que se llevó el 12% de todos los clics de la página está en algún punto entre el 7% y el 17% de la cuota real de clics. Reducir ese margen a la mitad, a 2,5 puntos, exige cuatro veces más datos, o 1.600 sesiones. Cada filtro que aplicas vuelve a dividir la muestra: repartir 1.600 sesiones entre móvil y escritorio, y luego entre dos fuentes de campaña, deja cuatro grupos de 400 y devuelve el margen a 5 puntos en cada uno. Decide tus segmentos antes de decidir que la muestra ya es suficiente.

¿Qué no puede decirte un mapa de calor web?

Un mapa de calor no puede mostrarte un recorrido roto concreto, porque promediar es todo el mecanismo que hace legible la imagen. Diez mil sesiones se colapsan en una sola imagen, así que las cuarenta personas que tocaron el campo de cupón, recibieron un fallo de validación silencioso y abandonaron el checkout aparecen como una mancha algo más cálida, indistinguible del interés normal. El mapa tampoco tiene noción de fallo: un dead click que no devuelve respuesta arde exactamente del mismo color que un clic que abrió el modal correcto, y el clicado furioso repetido sobre un botón congelado se lee como el punto más caliente de la página.

Ahí es donde la agregación tiene que pasar el testigo a la reproducción individual. Ver las sesiones grabadas detrás de un punto caliente es lo que separa un botón bien diseñado de uno roto. Flowsery detecta rage clicks, dead clicks, errores de JavaScript y abandonos de forma automática, agrupa las sesiones que coinciden en una sola incidencia y ordena las incidencias por cuántos usuarios las sufren, así que la anomalía que viste como una mancha cálida llega como un problema contado y no como una corazonada. Su AI session replay además adjunta los pasos para reproducirla, que es la parte que un mapa de calor nunca puede aportar.

¿Cómo rompen los mapas de calor las páginas dinámicas y personalizadas?

Cualquier página que se renderice distinto para distintos visitantes rompe la suposición de imagen única sobre la que se construye un mapa de calor. La capa necesita una captura sobre la que dibujar, así que una página con un test A/B, un hero personalizado, un estado con sesión iniciada, un acordeón que arranca cerrado, un banner de cookies que desplaza todo hacia abajo o scroll infinito produce coordenadas que vinieron de maquetaciones que la captura nunca mostró. Los clics registrados contra la variante B caen encima de la captura de la variante A, y el mapa resultante es un compuesto de páginas que nunca existieron.

Dos mecánicas limitan el daño. Captura mapas de calor por separado para cada breakpoint responsive en vez de escalar una captura de escritorio para explicar el comportamiento en el móvil, y acota cada mapa a una variante, un estado de autenticación y un estado de expansión. Las herramientas que anclan las interacciones a selectores del DOM en vez de a coordenadas de píxel sobreviven mejor al reflujo del diseño, porque el selector sigue identificando el botón después de que la maquetación lo mueva.

¿Cómo conviertes un hallazgo de un mapa de calor en un arreglo?

Un mapa de calor produce una hipótesis, y todo lo que viene después es otro instrumental. El mapa te dice que la segunda llamada a la acción rinde más que la primera, que el 60% de las sesiones nunca llega a la tabla de precios, o que un titular estático acumula clics. Ninguna de esas observaciones nombra una causa. Empareja cada hallazgo con las señales de frustración registradas en esas mismas sesiones y con la reproducción individual, y luego escribe el cambio como una afirmación comprobable: mueve la tabla de precios por encima del punto donde cae el scroll map, y espera que el alcance por profundidad de scroll en esa sección suba.

Lanza un cambio por hipótesis. Volver a correr un mapa de calor después de tres ediciones simultáneas te da una imagen nueva y ninguna forma de atribuir la diferencia a ninguna de ellas.

Preguntas frecuentes

¿Un mapa de calor es lo mismo que un click map?

Un click map es un tipo de mapa de calor, no un sinónimo. La categoría de mapa de calor también cubre scroll maps, move maps, confetti maps y attention maps, y cada uno registra una señal distinta. Confundir la categoría con el click map que hay dentro de ella causa casi todos los desacuerdos sobre qué muestra un mapa de calor.

¿Los mapas de calor funcionan en móvil?

Los click maps, scroll maps, confetti maps y attention maps funcionan todos en móvil, ya que los toques, la profundidad de scroll y el tiempo en el viewport se pueden registrar en dispositivos táctiles. Los move maps no, porque las pantallas táctiles no tienen un puntero persistente que seguir. Captura los mapas de calor de móvil contra una captura móvil en el breakpoint correspondiente, porque una maquetación de escritorio reducida coloca mal cada coordenada.

¿Cuántos visitantes necesito para que un mapa de calor sea fiable?

Unas 400 sesiones por mapa dan un margen de error cercano a 5 puntos porcentuales, con la aproximación 1 / √n. Llegar a 2,5 puntos exige 1.600 sesiones. Cada filtro de segmento que aplicas divide la muestra, así que planifica el número de segmentos antes de decidir que el tamaño de muestra es suficiente.

¿Por qué mi mapa de calor muestra clics en cosas que no son enlaces?

Los visitantes hacen clic en imágenes, títulos, texto en negrita e iconos que esperan que sean interactivos. Esos clics aparecen en el mapa con todo su peso aunque no ocurriera nada, y eso es un dead click. Tratar esos puntos como interés invierte el hallazgo: el calor marca una affordance que falta, no una interacción lograda.

¿Los mapas de calor pueden sustituir al session replay?

No. Un mapa de calor agrega muchas visitas en una sola imagen, que es justo lo que quita de la vista el recorrido individual. El session replay mantiene cada visita intacta, así que un checkout roto que afectó a 40 personas sigue visible en vez de disolverse en una mancha cálida. Los dos responden preguntas distintas y funcionan juntos.

¿Los mapas de calor recogen datos personales?

Un mapa de calor guarda coordenadas, posiciones de scroll y marcas de tiempo, no la identidad de quien las produce. El riesgo entra por lo que captura la captura de pantalla y por cualquier entrada de formulario registrada junto a las coordenadas, así que enmascara los campos de entrada y cualquier zona que muestre datos de cuenta antes de capturar una página detrás de un login.

¿Qué aporta un confetti map que un click map no aporta?

Un confetti map dibuja cada clic como un punto propio en vez de fundirlo en una cuadrícula de densidad, y cada punto lleva la fuente de tráfico, el dispositivo y la campaña de quien lo hizo. Eso permite convertir "el botón recibe clics" en una lectura por segmento, como "el botón recibe clics de tráfico de pago en desktop y ninguno de orgánico móvil". Con mucho volumen los puntos se superponen y generan ruido, así que filtra por segmento antes de leer el mapa.

¿Por qué mi mapa de calor se ve roto después de un test A/B?

La herramienta necesita una sola captura de pantalla sobre la que dibujar, y un test A/B renderiza más de un diseño para la misma URL. Los clics registrados en la variante B siguen cayendo sobre la captura de la variante A, así que el mapa resultante es un compuesto de páginas que nunca existieron. Limita cada mapa a una variante, un estado de sesión y un estado de expansión para que las coordenadas sean correctas.

¿Debo usar el mismo mapa de calor para desktop y móvil?

Desktop y móvil necesitan capturas separadas, porque el pliegue se mueve con el tamaño del viewport y una captura de desktop reducida coloca mal cada coordenada que produjo un visitante móvil. Captura mapas de calor por separado en cada breakpoint responsive en vez de estirar una sola captura para explicar una pantalla distinta. Los move maps son la excepción, ya que las pantallas táctiles no tienen un puntero persistente que rastrear, así que el móvil nunca genera uno.

¿Qué es un rage click, y aparece en un mapa de calor?

Un rage click es hacer clic repetidamente y con frustración sobre un elemento que no responde, a menudo un botón congelado. En un mapa de calor aparece como el punto más caliente de la página, indistinguible de un clic que sí funcionó, porque el mapa no tiene concepto de fallo. Flowsery detecta los rage clicks de forma automática y agrupa las sesiones afectadas en un problema clasificado, en vez de dejarlas como una mancha cálida sin etiquetar.