A data visualization that uses color intensity to represent where users click, tap, hover, or scroll most frequently across a page. Hot zones reveal high-engagement areas; cold zones surface content or features that users consistently ignore — providing behavioral evidence to complement survey-based research.
Common contexts
- Analyzing a landing page to discover that users are clicking on a non-interactive image expecting it to link somewhere
- Reviewing a dashboard heatmap to find that a key feature buried below the fold receives near-zero engagement
- Comparing click heatmaps before and after a navigation redesign to confirm that new menu items are being discovered
Use when
When you need to understand aggregate behavioral patterns across a large number of sessions, particularly for high-traffic pages where small engagement changes have measurable impact. Most effective as a hypothesis-generating starting point for deeper investigation.
Avoid when
Don't use a heatmap to optimize a low-traffic page — the sample size won't be large enough to produce reliable patterns, and acting on noisy data can lead to layout changes that hurt performance for the majority of users.
The most actionable finding in a heatmap is rarely where users click most — it's the clicks on non-interactive elements, which signal a persistent mental model mismatch between what users expect to work and what the design has made clickable.
Real-world examples
- Crazy Egg's heatmap of Amazon's product pages consistently shows that the 'Add to Cart' button and the first product image receive 80% of all click interactions — data Amazon uses to protect these areas from A/B test interference.
- Hotjar heatmaps on a major UK retailer's checkout page revealed that users were clicking on a product image thumbnail (non-interactive) more than the 'Proceed to Payment' button — a confusion resolved by making the thumbnail linkable.
- Nielsen Norman Group uses eye-tracking heatmaps to generate the 'F-pattern' reading study, showing that users scan web pages in an F shape — a finding that directly informs where copywriters place key information on landing pages.