Heatmaps

Visual maps of user interaction density (clicks, scrolls, attention) overlaid on the interface, showing where users focus and interact versus what the design intended.

Process

Key Fields

Question it answers	Where are users actually clicking and scrolling? What is being ignored? Are people finding key elements?
Participants & timing	Continuous passive collection from all users · 1-2 weeks for sufficient data density · ongoing monitoring
AI compatibility	AI identifies click and scroll anomalies, compares design intent to actual behavior, and flags non-clickable elements receiving clicks.
Output	Click heatmap visualization, scroll depth analysis, attention heatmap, specific problem identification

Use when

Optimizing an existing product page or flow
Design intent is unclear if it is working as expected
A cost-effective way to spot issues without running a user test

Skip when

Product is too early (insufficient traffic for meaningful patterns)
Interpreting heatmaps without qualitative context to explain the "why"

Common Mistakes

Misinterpreting clicks on non-clickable elements

Users clicking a non-link area are signaling an unmet expectation. This is a UX failure, not a "click mistake." Investigate what they expected to happen and fix the design.

Ignoring scroll depth without content context

Users not scrolling past the fold could mean bad content, poor scroll UX, or simply that they found what they needed. Use scroll heatmaps together with analytics (did they convert without scrolling?) to interpret correctly.

Not validating with users

The heatmap shows what happened, not why. Follow up with a usability test or exit survey to understand what users were trying to accomplish.