Heatmap
Definición
Mapa de calor. Representación visual que muestra dónde los usuarios hacen clic, mueven el cursor o hacen scroll en una página web. Herramienta de análisis UX para optimizar diseño y contenido.
Los heatmaps son representaciones visuales del comportamiento del usuario en una página web, usando colores cálidos (rojo) para áreas de alta actividad y fríos (azul) para baja actividad. Existen tres tipos principales: click maps (dónde hacen clic), scroll maps (hasta dónde hacen scroll) y move maps (movimiento del cursor). Según Crazy Egg, el análisis de heatmaps puede incrementar las conversiones hasta un 30% al revelar patrones de comportamiento invisibles en los analytics tradicionales.
Puntos Clave
- 1Tres tipos: click maps, scroll maps y move maps (cada uno revela insights diferentes)
- 2Los heatmaps complementan los datos cuantitativos de analytics con contexto visual
- 3El 'false bottom' (usuarios que no hacen scroll porque creen que la página terminó) es un hallazgo común
- 4Combinar heatmaps con grabaciones de sesión proporciona el contexto completo del comportamiento
Ejemplo: Caso ASOS
ASOS descubrió mediante heatmaps que el 40% de los usuarios hacían clic en imágenes de producto que no eran clickeables. Al hacer todas las imágenes clickeables y agregar zoom, incrementaron el add-to-cart rate un 17% y redujeron las devoluciones un 8% (los usuarios podían ver mejor el producto).
Pro Tip
Analiza heatmaps por segmento de usuario (nuevos vs recurrentes, mobile vs desktop). El comportamiento varía dramáticamente y las optimizaciones deben ser específicas para cada segmento.
Referencias y Recursos
Hotjar
Hotjar Ltd. · herramienta
Herramienta líder de heatmaps, grabaciones de sesión y encuestas de feedback para optimización UX.
Crazy Egg
Crazy Egg Inc. · herramienta
Pionero en heatmaps web, fundada por Neil Patel, con funcionalidades de A/B testing integradas.
Términos Relacionados
¿Necesitas ayuda con tu estrategia digital?
Agenda una consulta gratuita de 30 minutos.
Agendar Consultoría Gratuita