There are several types of Heatmaps that each display unique data and insights:
- Clicks: focus on user clicks
- Moves: focus on user cursor/mouse movements
- Scrolls: see how far down the page your users’ scroll
- Attention: see where users are interacting with the page the most
Clicks heatmap
The Clicks heatmap helps you determine where users are clicking on your page and answer questions, such as: are your site visitors clicking the links or buttons you want them to? Or are they mistakenly clicking on elements that aren’t interactive?
Reveal more click insights by hovering over specific elements, or if you have Zoning Analysis available (Growth, Pro & Enterprise plans), click the Zoning tab and use the metrics dropdown to select from multiple click insights.
Move heatmap
The Move heatmap shows where users have moved their mouse on the screen. The color scale helps to see how often users have moved their mouse to different areas of your page(s). The points marked in red get the most frequent movement.
Scrolls heatmap
The Scrolls heatmap shows how far users scroll down the page. Hover over the map to see the percentage of users who scrolled to each portion of the page. The most engaged areas are shown in red, and those with low to zero interaction are shown in blue.
Find out where you're losing your users' attention, discover if users see content above the average fold, or optimize your page for multiple devices.
Attention heatmap
The Attention heatmap shows you where users spend the most time on the page. The color scale indicates how long users have spent reading or interacting with parts of the page.
By hovering on the left side of the screenshot, you can see the average time spent on the section. The map navigator is an easy way to see how the attention is spread across the page. Simply click on any point of that mini map to jump to the matching area (or you can scroll up or down the page). The areas marked in red received high attention; this could be due to positive interaction or a sign of frustration.
Understand how users are navigating and interacting with your page, identify areas that may be causing confusion or frustration, or improve the overall user experience by optimizing page layout and content.
Note: To display a Heatmap on an open menu, create a screenshot of the relevant menu open.
Discover more insights with overlays
Free plan: you’ll find overlays available in the right-hand panel for each heatmap type: Top Clicks, Rage Clicks (requires Growth plan), and Engagement
Growth, Pro & Enterprise plans: you’ll find Top Clicks and Rage Clicks. For Engagement data (and much more), switch to the Zoning option and use the metrics dropdown.
For further analysis, use the Compare feature (requires Growth, Pro, or Enterprise plan) to see how different groups of users interact with specific areas of your product and discover areas for improvement or validate existing assumptions. For example: Compare new VS returning users to see how first-time users interact with a page, such as the Homepage.