Es habitual escuchar "vamos a poner un mapa de calor para ver qué pasa en la web" como si fuera una sola herramienta que lo explica todo. En realidad, bajo el término genérico "mapa de calor" (heatmap) se esconden al menos tres tipos de mapas distintos, que responden a preguntas distintas, y usar el equivocado para la pregunta que tienes en la cabeza lleva a conclusiones erróneas con bastante frecuencia.
El mapa de clics: dónde toca la gente de verdad
El mapa de clics (o de toques, en móvil) muestra, superpuesto sobre la página, en qué zonas concretas ha hecho clic la gente, con colores que van de frío (poco clic) a caliente (mucho clic). Es el mapa más intuitivo y el que más rápido revela sorpresas: es muy habitual descubrir que la gente hace clic en elementos que no son clicables (una imagen que parece un botón, un texto en negrita que parece un enlace), lo cual es una señal clara de que el diseño está generando expectativas equivocadas.
El mapa de desplazamiento (scroll): hasta dónde llega la gente
El mapa de scroll muestra qué porcentaje de visitantes llega a cada altura de la página, normalmente representado con una franja de color que se va enfriando a medida que baja la página, porque cada vez menos gente llega tan abajo. Es la herramienta correcta para responder a una pregunta muy distinta a la del mapa de clics: no "¿dónde intenta tocar la gente?", sino "¿cuánto de mi contenido llega a verse de verdad?".
Por qué confundirlos lleva a errores
Un error frecuente es mirar un mapa de clics y concluir que "nadie hace clic en la sección de abajo de la página", cuando en realidad el problema no es que esa sección no convenza, es que casi nadie llega a verla, algo que solo el mapa de scroll puede confirmar. Si solo se mira un tipo de mapa, es fácil atribuir a diseño o contenido un problema que en realidad es de visibilidad, o viceversa: atribuir a falta de interés lo que en realidad es un botón que parece decorativo y nadie identifica como clicable.
Cómo usarlos juntos para diagnosticar bien
La combinación correcta empieza por el mapa de scroll: si una franja de la página recibe muy poca visibilidad, cualquier elemento colocado ahí (un botón de contacto, una oferta importante) va a tener un rendimiento pobre sin que eso signifique que el elemento en sí esté mal diseñado. Solo una vez confirmado que una zona sí recibe suficiente visibilidad tiene sentido analizar el mapa de clics de esa zona para valorar si el diseño está generando la interacción esperada.
El tercer tipo: el mapa de movimiento del ratón
Existe un tercer mapa, menos usado pero también disponible en la mayoría de herramientas, que registra el movimiento del cursor por la pantalla, partiendo de la premisa (razonablemente validada, aunque no perfecta) de que el movimiento del ratón sigue de cerca a dónde mira la atención de la persona en ordenador de escritorio. Es útil sobre todo para detectar zonas que generan duda o vacilación (el cursor se queda dando vueltas cerca de un formulario, por ejemplo, sin llegar a rellenarlo), aunque en móvil esta correlación no aplica de la misma forma, porque ahí el "movimiento" equivale directamente al gesto de deslizar.
Segmentar los mapas: el paso que multiplica su utilidad
Mirar un mapa de calor agregando todo el tráfico junto (móvil y escritorio, gente que ya conoce la marca y gente nueva, tráfico de campaña de pago y tráfico orgánico) diluye patrones importantes que solo aparecen al segmentar. El comportamiento de scroll y clic en móvil suele ser radicalmente distinto al de escritorio, así que analizar ambos mezclados casi siempre lleva a una media que no representa bien a ninguno de los dos grupos.
Cuándo un mapa de calor no es suficiente
Los mapas de calor muestran el "qué" (dónde hace clic o hasta dónde llega la gente) pero no el "por qué" (si dudó antes de hacer clic, si no entendió el texto, si se distrajo). Para responder al "por qué", conviene combinarlos con grabaciones de sesión individuales que permitan ver el recorrido completo de personas concretas, o directamente con un test de usabilidad donde se le pide a alguien que piense en voz alta mientras navega.
Un ejemplo de diagnóstico combinado
Una academia de idiomas online tenía una página de precios con una tasa de conversión notablemente baja frente al resto del embudo. El mapa de clics mostró que la mayoría de la gente hacía clic en el plan intermedio, el que la academia menos quería vender, en vez de en el plan premium que generaba más margen. El mapa de scroll confirmó que casi todo el mundo veía los tres planes sin problema, así que la visibilidad no era el problema. La duda sobre el "por qué" solo se resolvió con unas pocas grabaciones de sesión: varias personas pasaban el cursor repetidamente entre el plan intermedio y el premium antes de decidirse, deteniéndose justo en la lista de características de cada uno. Al revisar esas listas, quedó claro que la diferencia entre planes no estaba explicada con suficiente claridad, lo que empujaba a la gente hacia la opción que parecía "más segura" por descarte. Reescribir esa comparación de características, destacando de forma explícita qué ganaba alguien al pasar del plan intermedio al premium, cambió la proporción de ventas entre ambos planes en las semanas siguientes.
Mapas de calor por dispositivo: por qué separar es obligatorio, no opcional
Más allá de la recomendación general de segmentar, en el caso concreto de móvil frente a escritorio la diferencia de comportamiento suele ser tan grande que analizarlos juntos no solo diluye los patrones, puede directamente ocultar problemas graves de uno de los dos dispositivos. Es habitual, por ejemplo, que un botón perfectamente visible y bien posicionado en escritorio quede oculto tras un menú desplegable en móvil, algo que un mapa de calor agregado nunca va a revelar con claridad porque el comportamiento de escritorio "compensa" estadísticamente el de móvil en la vista combinada.
Mapas de calor por origen de tráfico: otra segmentación que se olvida
Además de dispositivo, segmentar por origen de tráfico (quien llega desde una campaña de pago frente a quien llega desde búsqueda orgánica, o desde una newsletter) suele revelar patrones de comportamiento muy distintos, porque cada tipo de visitante llega con una intención y un nivel de conocimiento previo del negocio diferente. Es habitual, por ejemplo, que el tráfico de campañas de pago (que suele aterrizar en una landing muy concreta) muestre patrones de clic mucho más concentrados que el tráfico orgánico, que puede llegar con expectativas más variadas según la búsqueda exacta que lo trajo.
Paso a paso: montar un primer análisis de mapa de calor con criterio
Para un negocio que instala una herramienta de mapas de calor por primera vez, conviene seguir un proceso ordenado en vez de mirar el mapa sin más y sacar conclusiones improvisadas. Primero, elige una sola página con volumen de tráfico suficiente (idealmente varios cientos de visitas al mes) y un objetivo de conversión claro, en vez de intentar analizar toda la web a la vez. Segundo, deja correr la herramienta al menos dos o tres semanas, cubriendo tanto días laborables como fin de semana, antes de mirar ningún resultado. Tercero, mira primero el mapa de scroll para entender qué porcentaje de gente ve cada sección de la página. Cuarto, cruza esa información con el mapa de clics, prestando especial atención a clics en elementos que no son clicables (la señal más reveladora de un problema de diseño). Quinto, segmenta por dispositivo y compara los patrones de móvil y escritorio por separado. Sexto, si algo no queda claro con los mapas, revisa cinco o diez grabaciones de sesión de personas que llegaron a la página pero no convirtieron, buscando el punto exacto donde dudan o abandonan. Este proceso completo, aunque parezca largo, se puede ejecutar en menos de dos horas repartidas en una semana, y suele revelar al menos un cambio concreto y accionable en la primera pasada.
Preguntas frecuentes
¿Cuántas visitas necesito antes de que un mapa de calor sea fiable?
Depende de la herramienta y de cuánto varíe el comportamiento entre visitantes, pero como referencia orientativa, por debajo de unas pocas cientos de visitas a una página concreta, los patrones que se ven pueden deberse más al azar que a un comportamiento real y consistente.
¿Los mapas de calor funcionan igual de bien en páginas con mucho contenido dinámico o interactivo?
Con más dificultad: los elementos que cambian de posición según la interacción del usuario (carruseles, contenido que se despliega) pueden generar mapas confusos, porque distintos visitantes vieron el elemento en posiciones distintas de la pantalla en el momento del clic o del scroll.
¿Puedo usar mapas de calor para comparar el rendimiento de dos versiones de una página en una prueba A/B?
Sí, y es una de las formas más útiles de complementar una prueba A/B: mientras el resultado numérico dice qué versión convierte mejor, el mapa de calor de cada variante ayuda a entender por qué, mostrando qué está captando (o perdiendo) la atención en cada una.
¿Los mapas de calor recogen datos personales de los usuarios?
No suelen recoger información que identifique a una persona concreta, se centran en patrones agregados de comportamiento (posición del clic, altura del scroll), aunque conviene revisar la política de privacidad de la herramienta concreta y, si aplica, informar de su uso en la política de cookies de la web.
¿Merece la pena tener un mapa de calor activo de forma permanente, o solo para análisis puntuales?
Para páginas clave (la home, las páginas de producto o servicio más visitadas, el proceso de compra), suele merecer la pena mantenerlo activo de forma continua, porque el comportamiento cambia con el tiempo y cada rediseño o cambio de contenido puede alterar los patrones sin previo aviso.
¿Qué mapa debo mirar primero si solo tengo tiempo para revisar uno?
El de scroll, porque establece el contexto de visibilidad real de cada sección de la página, sin el cual el mapa de clics puede llevar a conclusiones equivocadas sobre qué está funcionando y qué no.