Heatmaps provide a visual representation of how users interact with your screen. Our powerful heatmaps allow you to filter by date range, events, users, and device properties to get the whole story behind every segment and their respective behaviors.
Use heatmaps to get quick and deep insights into your user experience and screen performance. Optimize screen elements, uncover usability issues and improve the UX of your screens to increase users' engagement or drive conversions.
- Find out the most popular and least popular areas on the screen
- Uncover unexpected user behavior with unresponsive gestures. Are users trying to interact with elements not designed to be interactive?
- Identify how long users take to click on a certain area. Are users distracted by irrelevant elements? Make changes to focus their attention.
- Compare how users behave differently on different devices, operating systems or app versions to ensure an optimized UX across platforms.
- Learn how users interacted with previous screens before completing a desired action. (ex: Complete a purchase)
- Compare the user behavior of users who completed a desired action and those who didn’t (eg. add to cart)and gain insights on ways to drive this desired action.
How are heatmaps generated?
Our heatmaps are continuous, which means that we aggregate all the interactions of the users to generate the heatmap and display the gestures on a certain screen.
All the user and session properties are relevant to a heatmap. This allows you to have a deeper understanding of user behavior because you can filter interactions based on specific behavior, user or device characteristics. For example, an action performed by the user, the location of the user, or the device model.
How are screenshots taken?
While the heatmap itself aggregates data from all the sessions, we show up to 20 screenshots to represent the screen. The screenshot might change based on the filters applied or you can also use the right/left arrows until you find a screenshot that better represents the screen you’re analyzing.
We take new screenshots based on a combination of factors that might influence the content or visualization of that screen:
Screen name + OS version + Device class + Platform + Orientation + App version
For every possible combination of these parameters we take 5 screenshots. That’s why you might see screenshots change over time, or you might see a set of 20 screenshots which can change when applying a filter.
What if the screenshots I see don't match the screen name?
If you don’t find a screenshot that represents the screen selected, or you see screenshots from other screens linked to a different screen, most likely, your screens are tagged incorrectly.
If you use certain frameworks such as React Native, Flutter, or Cordova, or you have one or more fragments inside an Android activity, you should use our API to tag screens.
Heatmap page breakdown
- Data range filter : Use the calendar in the upper right corner to select any period you want to analyze.
- Screen data : You can find quantitative data about the selected screen. Filters applied using the top-bar filter will be reflected here. You can also click on the pencil icon at anytime to edit the name of the screen.
- Mega filters: You can filter by device, session or user properties, including custom user properties. Or you can filter by screen visit properties such as events or gestures. The filters will be applied to the screen stats and the screen heatmap.
- Heatmap : This is the visual representation of how users interacted with the screen.
- Heatmap Settings : You can adjust the screenshot opacity, heatmap opacity and sensitivity to better see the heatmap.
Heatmap filters: Heatmap filters are applied to the heatmap only. Changes made here won't be applied to the screen stats or screen replay. Inside the heatmap filters, you can:
6.1. Select the device class (eg. android large) and orientation mode (eg. portrait vs. landscape) you want to analyze.
6.2. Filter by gesture type (tap, swipe, zoom) or based on specific types of interaction such as Rage tap, First and last gestures, or Unresponsive gestures to get deeper insights.
TIP: You can combine more than one filter, including heatmap filters and screen filters (top-bar filter option)
- Screen replay: Watch sessions based on screen transitions to gather more context on the users' experience.