Grain logomark
Back to blog

Click Maps vs Scroll Maps vs Move Maps: Choosing the Right View

Three types of heatmaps, three different questions. Here's when to use each one, what each actually tells you, and how they work together to reveal the full picture.

Grain Team

Grain Analytics9 min read

You open your heatmap tool and see three options: click map, scroll map, move map. You pick one — probably click map, because it sounds the most straightforward — look at the colors, draw a conclusion, and move on.

That conclusion is probably incomplete. Each heatmap type answers a fundamentally different question about user behavior. Using the wrong one is like checking your rearview mirror when you need to look at the speedometer. You'll see something, but not the thing you need.

Here's how to pick the right view for the question you're actually asking.

Click maps: Where users take action#

A click map shows every click on a page, aggregated across all sessions in your sample. Hot spots are high-click areas. Cold spots are areas users ignore.

The questions click maps answer#

Are users clicking what you want them to click? Your primary CTA should be one of the hottest elements on the page. If it's lukewarm while a secondary element is on fire, your visual hierarchy is wrong.

Are users clicking things that aren't interactive? Dense click clusters on non-clickable elements — images, labels, decorative icons — indicate false affordances. Users expect something to happen, and it doesn't. That frustration costs you conversions.

What do users ignore entirely? Cold zones tell you what's invisible to users. If you spent time building a comparison table and nobody clicks any of its links, that section isn't pulling its weight.

When to reach for a click map#

  • You want to evaluate whether your CTA placement is working
  • You're investigating why a specific page has a low click-through rate
  • You suspect users are confused about what's clickable
  • You've redesigned a page and want to compare click distribution before and after
  • You want to find dead clicks and rage clicks

Click map in practice#

You run an e-commerce site. Product pages have a "Buy Now" button, a "Save for Later" button, an image gallery, product specs, and reviews. Your click map shows that the image gallery gets 45% of all clicks, "Buy Now" gets 12%, and the specs section gets almost nothing.

This tells you three things: users are heavily engaged with product images (good — make sure the gallery experience is excellent), the buy action isn't prominent enough relative to browsing behavior, and specs content might be better presented in a different format or position.

Scroll maps: How far users get#

A scroll map shows the percentage of users who reach each vertical point on the page. The top is always hot. It gets progressively cooler as you move down, and the gradient reveals exactly where users stop.

The questions scroll maps answer#

How much of your page do people actually see? If only 30% of users reach your pricing section, 70% of visitors never encounter your pricing. That's a discoverability problem, not a pricing problem.

Where do users lose interest? A sharp drop-off at a specific point usually means something at that location is causing users to leave — a confusing section, a wall of text, a layout shift, or simply the moment where the page stops being useful to them.

Is your page the right length? If the bottom 40% of your page is ice cold, those sections either need to move up or be removed. Conversely, if engagement stays warm all the way down, users want the depth you're providing.

When to reach for a scroll map#

  • You need to decide where to place a CTA or important content
  • You suspect users aren't seeing key information
  • You've added new sections and want to know if users reach them
  • Mobile conversion is lower than desktop and you suspect layout differences
  • You're deciding whether to shorten or lengthen a page

Scroll map in practice#

Your SaaS landing page has five sections: hero, features, social proof, pricing, and a final CTA. Your scroll map shows 90% reach features, 60% reach social proof, 25% reach pricing, and 15% reach the final CTA.

The steep drop between social proof and pricing is the critical finding. Something about the transition — maybe the social proof section is too long, maybe the visual break is too abrupt, maybe users have already made their decision by that point — is causing a mass exit. You don't need to guess. Test moving pricing above social proof, or shortening the social proof section, and compare the new scroll map.

Move maps: Where attention goes#

Move maps track cursor position across the page. On desktop, cursor movement strongly correlates with eye movement — users tend to move the mouse toward what they're reading or considering. The result is a map of attention, not action.

The questions move maps answer#

What do users actually read versus skim? A hot zone over your headline and cold zone over your subheadline means users are reading the main message but not the supporting copy. Your subhead might not be doing its job.

Where does attention go that doesn't result in clicks? Move maps capture interest that click maps miss. A user who hovers extensively over your pricing table but doesn't click is considering the information — they're engaged, just not yet convinced.

What visual elements pull attention away from your goal? If cursor activity clusters around a decorative element or a secondary feature while your CTA sits in a low-attention zone, your layout is directing eyes to the wrong place.

When to reach for a move map#

  • You want to understand reading patterns on content-heavy pages
  • You're evaluating whether users engage with copy or just scroll past it
  • You need to validate that visual hierarchy matches attention hierarchy
  • You're testing whether a design element is distracting from conversion
  • You want a more nuanced view than clicks alone can provide

Move map in practice#

Your about page has a team section with photos and bios, a company story section, and a careers CTA. The move map shows heavy cursor activity over the team photos (users are looking at faces — that's natural) and over the first paragraph of the company story. The careers CTA at the bottom sits in an attention desert.

This tells you that if the careers CTA matters, it needs to be positioned near the content that's already getting attention — perhaps inline after the team section, where users are already engaged and thinking about the people behind the product.

How to choose: a decision framework#

The choice depends on the question, not the page.

You want to know...Use this
Are users clicking the right things?Click map
Are users clicking things that aren't interactive?Click map
How far down do users scroll?Scroll map
Is important content below the fold for most users?Scroll map
What do users look at but not click?Move map
Is my copy being read or skimmed?Move map
Where should I place my CTA?Scroll map + click map
Why isn't my page converting?All three

For conversion-focused analysis, start with the scroll map (are users even seeing your CTA?), then the click map (are they clicking it?), then the move map (what's pulling their attention away?).

How the three views work together#

Each heatmap type shows you one dimension of behavior. The real insight comes from combining them.

The complete picture#

A scroll map tells you that 60% of users reach your feature comparison section. Good — more than half see it.

A click map tells you that within that section, users are clicking on feature names rather than the "Start Free Trial" button. They want more information about each feature, not a commitment.

A move map tells you that cursor activity is heaviest on the three features in the left column and almost nonexistent on the right column. Users are reading selectively — probably comparing specific capabilities rather than evaluating the full table.

Now you have a story: users reach the section, engage with specific features, want more detail before committing, and ignore features that aren't relevant to their evaluation. You can act on that — add expandable descriptions for key features, move the most-viewed features to prominent positions, and place the CTA after the features that get the most attention.

None of the three views alone would have given you that story.

A workflow for combined analysis#

  1. Start with scroll maps to understand page visibility. There's no point optimizing a section that nobody reaches.
  2. Layer in click maps to see how users interact with the visible portions of the page. Look for both high-engagement elements and dead zones.
  3. Add move maps to fill in the attention picture — what users look at, consider, and hover over without clicking.
  4. Form a hypothesis that accounts for all three signals.
  5. Make a change and re-measure all three views to see if behavior shifted as expected.

This approach is the same workflow described in our guide to heatmaps that drive product decisions — hypothesis-driven, specific, and measurable.

Common mistakes when reading heatmaps#

Using only click maps. Clicks are the most visible signal, but they're the last thing a user does. Everything that happens before the click — scrolling, reading, hovering, considering — shapes whether the click happens at all.

Ignoring mobile scroll maps. Desktop and mobile scroll behavior are dramatically different. A scroll map that combines both devices averages out the most important differences. Always segment by device type.

Over-interpreting move maps on mobile. Cursor tracking relies on mouse movement. On mobile, there is no cursor. Move maps are a desktop tool. On mobile, scroll maps and tap maps are what matter.

Drawing conclusions from small samples. A heatmap from 100 sessions is noise. Patterns need volume. Wait until you have at least 1,000 sessions on a page before you treat a heatmap as evidence.


The question isn't which heatmap type is best. It's which question you're trying to answer right now. Click maps for action, scroll maps for visibility, move maps for attention. Used together, they give you a view of user behavior that no single metric or chart can match.

Pick the page that matters most to your business, run all three views, and see what story they tell. You'll find something worth fixing — start with the page that gets the most traffic and work from there.

Related articles