A heat map is a visual overlay that uses color to represent the concentration of user activity on a page. It aggregates behavior across sessions rather than showing individual user journeys.
Heat map types:
Click map — where users click or tap, including non-interactive elements
Scroll map — how far users typically scroll down a page
Move or hover map — where desktop cursors move or pause
Attention map — areas receiving visual attention, based on eye-tracking or predictive models
Use cases
Heat maps help identify patterns in interaction and page engagement.
Dead clicks: Users repeatedly click a product image that isn't interactive.
Buried content: A scroll map shows that most visitors leave before reaching an important section.
Ignored actions: A primary CTA receives little interaction compared with other page elements.
How it's used in practice
Choose the right map: Match the heat map type to the behavior you want to investigate.
Segment the data: Compare devices, traffic sources, or user groups instead of relying only on combined results.
Collect sufficient data: Look for consistent patterns across enough sessions before drawing conclusions.
Investigate the cause: Use session recordings, analytics, or user research to understand the behavior behind a pattern.
🪄
Pro-tip: Treat every unusual cluster as a question (not an answer). A heat map can show where something happens, but you need other evidence to understand why.
Challenges & limitations
No explanation: Heat maps show patterns but rarely explain user intent.
Layout changes: Dynamic content, pop-ups, and personalization can make overlays unreliable or difficult to compare.
