Mapas de calor y análisis de comportamiento

Visualiza cómo interactúan realmente los usuarios con tu web para tomar mejores decisiones

9 min

La analítica tradicional te dice qué pasa (tasas de rebote, abandono, conversión) pero no por qué. Los mapas de calor y las grabaciones de sesión llenan ese vacío: muestran exactamente dónde hacen clic los usuarios, hasta dónde hacen scroll, qué les confunde y qué ignoran.

Esta guía explica los tipos de mapas de calor, cómo interpretar grabaciones de sesión, qué herramientas usar y cómo convertir estos análisis visuales en hipótesis de optimización concretas.

Tipos de mapas de calor

Los mapas de calor representan datos de interacción como gradientes de color sobre la página: zonas rojas (alta actividad) y zonas frías (baja actividad). Cada tipo de mapa de calor responde a una pregunta distinta sobre el comportamiento del usuario.

  • Click maps: dónde hacen clic los usuarios. Revelan si los CTAs reciben atención o si los usuarios hacen clic en elementos no clicables (falso affordance)
  • Scroll maps: hasta dónde llega el scroll. Muestran qué porcentaje de usuarios ve cada sección de la página
  • Move maps (o hover maps): dónde mueven el cursor. Correlación parcial con la atención visual, útil en desktop
  • Attention maps: combinación ponderada de tiempo, scroll y clics para estimar atención real

Cómo interpretar mapas de calor correctamente

Un heatmap no es una respuesta: es una pista. Ver que el 60% de los usuarios no llega al CTA principal es un dato valioso, pero la solución puede ser mover el CTA arriba, reducir el contenido previo o hacer la propuesta de valor más atractiva para motivar el scroll. El heatmap identifica el problema; la hipótesis propone la solución.

Cuidado con la trampa de volumen: en un click map, las zonas del menú de navegación siempre serán las más rojas porque todo el mundo las usa. Eso no significa que sean lo más importante. Filtra por segmentos relevantes: usuarios que convierten vs los que no, mobile vs desktop, nuevos vs recurrentes.

Grabaciones de sesión (session recordings)

Las grabaciones de sesión reproducen la interacción completa de un usuario: movimientos del cursor, clics, scroll, cambios de página, errores. Son la herramienta más empática de la analítica digital: ves la web a través de los ojos del usuario.

No intentes ver todas las grabaciones: es imposible y poco práctico. Filtra por sesiones relevantes: usuarios que abandonaron el checkout, usuarios que visitaron la página de precios pero no convirtieron, o usuarios que pasaron más de 3 minutos en un formulario sin enviarlo. Busca patrones, no anécdotas.

  • Filtra por comportamiento: abandono, rage clicks, páginas de error
  • Busca patrones recurrentes, no sesiones individuales anómalas
  • Combina con datos de analítica para contextualizar lo que ves
  • Documenta los insights con capturas y timestamps para el equipo

Rage clicks, dead clicks y errores de UX

Las herramientas modernas detectan automáticamente señales de frustración. Los rage clicks son clics repetidos rápidamente en el mismo punto: indican que algo no funciona o no responde como el usuario espera. Los dead clicks son clics en elementos no interactivos: el usuario cree que es un enlace o botón, pero no lo es.

Estas señales de frustración son oro para CRO: identifican exactamente dónde la experiencia falla. Un alto volumen de rage clicks en el botón de "aplicar cupón" puede revelar un bug que está costando miles de euros en ventas perdidas.

Herramientas para análisis de comportamiento

Hotjar es la herramienta más popular por su facilidad de uso y su modelo freemium. Ofrece heatmaps, grabaciones, encuestas y feedback widgets en una sola plataforma. Microsoft Clarity es completamente gratuita e incluye heatmaps y grabaciones con buena calidad.

FullStory y Contentsquare son opciones enterprise con capacidades avanzadas: análisis de journeys completos, detección automática de errores de UX, segmentación granular y cuantificación del impacto en conversión de cada problema detectado.

  • Hotjar: la más popular, freemium, heatmaps + recordings + surveys
  • Microsoft Clarity: completamente gratuita, buena calidad, integración con GA4
  • FullStory: enterprise, análisis de journeys, detección automática de errores
  • Contentsquare: enterprise, cuantificación de impacto en conversión

De insight a acción: el proceso completo

El análisis de comportamiento genera hipótesis, no decisiones. El proceso completo es: recopilar datos de heatmaps y grabaciones → identificar patrones de problema → formular hipótesis con el formato "Si-Entonces-Porque" → priorizar con ICE → testar con A/B test → implementar ganadores.

Documenta cada insight con evidencia visual (capturas de heatmap, clips de grabación) y conecta con datos cuantitativos de GA4. Un insight que dice "los usuarios no ven el CTA" acompañado de un scroll map donde solo el 30% llega y datos de GA4 que muestran un 85% de rebote en esa página es mucho más convincente que una opinión.

Puntos clave

  • Los mapas de calor muestran el qué; las grabaciones muestran el por qué
  • Filtra y segmenta siempre: el dato agregado oculta patrones clave
  • Los rage clicks y dead clicks identifican puntos exactos de frustración
  • Hotjar y Microsoft Clarity cubren las necesidades de la mayoría de equipos
  • Los insights de comportamiento deben convertirse en hipótesis testeables, no en decisiones directas

¿Quieres entender cómo se comportan los usuarios en tu web?

Implementamos herramientas de análisis de comportamiento, identificamos oportunidades de mejora y diseñamos tests para optimizar la experiencia y la conversión.