The Heatmaps insights side panel adds an extra layer of detail to help you validate your assumptions, spot trends, empathize with customers, and prioritize changes. The insights side panel contains cards that can help answer questions about your users, such as:
- Are they frustrated with the page?
- Is something on the page causing them to leave?
- Is something confusing them?
To start, open the insights side panel on the right-hand side of a heatmap to view these new insights.
Below is a brief description of each insights side panel card and some suggested use cases.
Date of screenshot
A screenshot is used to represent the page or pages being tracked by your heatmap. Initially, the screenshot will be pulled from a recorded session and the "Date of screenshot" will show the date of that session. However, if the screenshot is manually retaken from your live site, the "Date of screenshot" will change to the day it was updated.
In both cases, the click, scroll and move data will still be from all recorded sessions within the selected Date range filter.
Heatmaps capture data automatically using the same session data collected by the Recordings tool. If the screenshot doesn't look quite right, you can refresh it or manually take a new one from your live site. This can also be helpful if you want to capture click data on dynamic elements such as drop-down menus.
Learn more about each of these options here: How to Update a Heatmap Screenshot.
You also have the option to setup a survey by clicking on the Gather feedback on this page button.
From here you can choose Set up CSAT survey or Create exit-intent survey. Both options will take you to a pre-formatted survey that you can customize and save.
There are several types of heatmaps that each display unique data and insights. You can change heatmap types by clicking on the corresponding icon in the side panel.
The types of heatmaps are:
- Click/tap: Displays the concentration, percentage and total number of clicks on each element.
- Move: Show where users have moved their mouse on the screen.
- Scroll: Shows what percentage of users have scrolled down to each part of the page.
- Engagement zones: Combines click, move and scroll data into one view to let you see which parts of your page users are engaging with most.
- Rage-clicks: Lets you visualize which parts of a page are causing users the most friction by showing where users repeatedly click over a short period of time.
To learn more, visit our Types of Heatmaps article.
Overlays provide an extra layer of detail to your heatmaps that can be toggled on or off in the side panel.
There are several types of overlays:
- Top 3 clicks: This shows the top 3 most clicked elements that are visible within the screenshot.
- Highlights: This will display icons over elements where highlights have been added. You can click on them for more context or to leave a reply for the user who created it.
This displays the total number of clicks on visible elements within the screenshot. Updating session filters such as the date range or changing the device type will let you narrow down this metric.
U-turns and Rage-clicks trend
Observe or Observe Observe
A U-turn occurs when a user visits a page but returns directly back to the previous page within seven seconds. This can help identify user journeys where the flow isn’t clear.
Rage-clicks allow you to see when a user clicks on the same element five times within 500ms of one another, which could be a sign of frustration. This can help identify things like broken links or areas that a user thinks should be clickable, but aren’t.
- Comparing U-turns and Rage clicks against a previous time period allows you to spot trends around user journeys that need to be fixed, or to understand what’s working well.
The drop-off rate shows you what percentage of users end their session from the selected page. Unlike bounce rate, this metric isn't affected by user inactions like clicking or scrolling. This is based only on sessions that were recorded.
The drop-off rate can help you better understand why users visited your site and if they are completing the journey you expect them to. For example, if users are leaving the site from an “Order Confirmation” page, this is probably preferred. However, if they are leaving from other pages, it may be because they aren’t finding the information they need to take the desired action.
Average time on page
The average time on page will allow you to see how long a user typically spends on the selected page. This is based only on sessions captured by Hotjar.
- This is especially powerful next to frustration signal metrics, such as Rage clicks and U-turns. Comparing these side by side can help support a case for prioritizing usability testing or page optimization.
Total errors on page
You can see the associated Recordings to understand when the errors are occurring. Viewing the trend allows you to see how often errors are occurring over time.
Learn more about How to use console tracking for finding errors.
Average Feedback score
The Feedback tool allows you to get visual and instant input from your users. Remove the guesswork by asking users directly which elements of your site they love and which they would like you to improve.
If you don’t already have a feedback widget on the page, you’ll be prompted to create one.
- With the added context of seeing the average feedback score over the last 3 months, you can now get a clearer picture of how users feel about a page over time.
Learn more about What is the Feedback tool?