Heatmap Analysis
A visual analytics method that uses color-coded overlays to show where users click, scroll, move their cursor, or focus their attention on a webpage.
Heatmaps are one of the most intuitive tools in a CRO analyst's toolkit. They translate complex behavioral data into visual patterns anyone can understand — which makes them powerful for stakeholder buy-in, not just analysis.
Types of Heatmaps
Click heatmaps show where users click (and where they click expecting something to happen that doesn't). Scroll heatmaps show how far down the page users get — the "fold" is rarely where designers think it is. Move heatmaps track cursor movement, which loosely correlates with eye tracking on desktop but is nearly useless on mobile.
What Heatmaps Actually Tell You
Heatmaps are diagnostic, not prescriptive. They tell you what is happening, not why. A click cluster on a non-clickable element tells you users expect interactivity there. A scroll drop-off at 40% tells you most users never see your pricing section. But the heatmap doesn't tell you whether to add a link, move the section, or change the copy.
Common Mistakes
The biggest mistake is treating heatmaps as evidence. "The heatmap shows users don't scroll to the CTA" is an observation, not a conclusion. The conclusion requires a hypothesis: "Users don't scroll because the hero section doesn't create enough curiosity to continue." That hypothesis becomes an A/B test.
Practical Application
Use heatmaps for hypothesis generation, not validation. Review click and scroll heatmaps before designing any A/B test. Look for: elements with unexpected click density, scroll depths that cut off key content, and rage clicks (rapid repeated clicks indicating frustration).