Skip to content
  • heatmaps
  • click maps
  • UX research
  • UX analytics

Heatmaps & Click Maps Explained: UX Research Guide (2025)

Learn how to use heatmaps and click maps for UX research — what they show, how to interpret them, tools, and actionable insights.

2 min read

The Short Answer

Heatmaps show you what users do. Not what they think.

Combine them with research to understand why.


Types of Heatmaps

Click Maps

Show where users click/tap. Hot spots = high engagement.

Scroll Maps

Show how far users scroll. The fold is no longer real, but attention drops with distance.

Move Maps

Show mouse movement. Correlates with eye movement (not perfectly).

Attention Maps

AI-predicted attention based on scroll position and page structure.


What Heatmaps Reveal

Good Patterns

  • Users clicking primary CTA
  • Expected scroll depth
  • Clear visual hierarchy

Warning Signs

  • Clicking non-clickable elements
  • Ignoring key content
  • Short scroll depth (on long pages)
  • Rage clicks (repeated clicks on same spot)

Heatmap Tools

  • Hotjar
  • Crazy Egg
  • Microsoft Clarity (free)
  • LogRocket
  • VWO

The Bottom Line

Heatmaps are a starting point, not a conclusion. They show what, not why. Pair with user interviews, session recordings, and analytics for the full picture.


Further Reading

Frequently asked questions

What are heatmaps?

Heatmaps visualize where users interact with a page — clicks (click maps), scrolls (scroll maps), and mouse movement (move maps). Colors indicate intensity: red = high engagement, blue = low engagement. They help you see where users look, click, and drop off.

How do you interpret heatmaps?

Look for patterns: are users clicking non-clickable elements? Is important content getting ignored? Where do scrolls end? Compare heatmaps across device types. Use heatmaps alongside session recordings and analytics for the full picture.