Heat Maps
and Session Replays

Take a look behind a curtain and reveal users behaviour behind your metrics using our powerful visual analytics.

With UseItBetter, you can control what to include on a heat map via segmentation, trimming and even time bucketing. Or, instead of aggregating data, watch behaviours of individual users as if you were sitting next to them, sipping your coffee.

Generate and compare heat maps for any segment of visits.
Navigate your website with a heat map overlay to discover what visitors clicked or interacted with.
Understand how far visitors scroll and on which parts of a page visitors spent most of their time by looking at exposure heat maps.
Analyse replays and previews of individual visits to understand what heat maps really consist of.

...or watch videos

... and ask us how:

insights from UseItBetter helped one of the biggest retailers in UK to run A/B tests that brought millions of pounds in revenue
our optimisation platform enabled Poland's largest telecom to test and implement hundreds of changes in customer journeys
tens of insurers from all over the world generated more leads based on insights from our form analytics

Segmentation

You can mix behavioral, attributional and transactional criteria to define segments for which heat maps are generated. This means that you could compare heat maps of visitors coming from Google search with those coming from Adwords. Or, even better, compare behaviour of visitors who converted, those who didn't and look for the differences.

Trimming

Trimming allows you to exclude from a heat map interactions that happened before or after a certain event to avoid mixing behaviors with different context.

Interactions with the same element can have different meanings depending on when they happen. Does a heat spot over a form field imply that many users are filling that field, or does it mean that they have to correct it?

Heat Map trimming options

You can use any tracked events as borderlines and include only interactions that happened inbetween them. What are users doing after they go to registration page but before they submit the form? What are they doing after they submit the form? Just take a look at the example to see what difference it makes!

The same way you can compare behaviours of users before and after an important event, for example adding a product to basket.

Visit Scope

Instead of looking at a single page, you can use heat maps to explore your entire website and see what the same visitors do on different pages.

If visitors added a jacket to basket, were they filtering products by size? Did they click our jacket adverts on the homepage? Did they find jackets in the navigation? Just follow the heat spots, navigate your website the same way your visitors did and you will get the answers.

Animation of website browsing with a heat map overlay

Comparison of heat map section and website relative scales

By changing the heat map scale from page-relative to website-relative you can see how the interactions or time spent on a certain page compares to the sum of behaviours on all pages visited in the analysed segment.

Page Grouping

Grouping different page URLs into templates

You can set custom page names to group behaviours from pages with different URL addresses. This helps avoid fragmentation of your traffic and provides you with more actionable insights, for example what visitors do on phone product pages in general rather than what they do on each specific model.

Time-Lapse

Have you ever wondered what visitors look at first? In which order they interact with content on a product page? You can get that information by setting time buckets and view heat map as a time lapse animation.

Analyse Individual Visits

You may want to look at behaviours in individual visits, one after another, to see what your heat maps really consist of.

With low-fidelity Visit Previews, which shows mouse trace and key events like clicks and form changes, you can rapidly review tens of different visits to better understand what visitors do on a certain page, and in what order.

Or, take advantage of full Session Replay and see exactly what happened in a visit, even if your website uses AJAX, modern frameworks like Angular or features complex user interface.

Visit Preview of clicks and mouse trace of an individual visitor

Built For Modern Web

Whatever tool you use for A/B testing, you can see accurate heat maps of your experimens as long as you track them in UseItBetter.
By specifying screen size, device type, platform or browser, you can get accurate heat maps for all kinds of responsive layouts.
Heat maps work fine with single-page websites and apps built with Angular or React.
You can see a heat map for any page you can access yourself, including pages requiring authorisation or active session, like checkout.

Whether you are working on an e-commerce website or a SaaS service, you will find the integration easy and the tool flexible enough to cover even your most complex cases, both in terms of technology stack used and experiences that need to be analysed.