Skip to main content
Skip table of contents

Heatmaps

Features

Germain UX provides six powerful heatmaps, giving you deep insights into user interactions with your web pages. These heatmaps reveal which areas of a page attract the most activity, helping you pinpoint where frictions or drop-offs occur—whether for individual users or across your entire user community.

Here’s what each heatmap offers:

Mouse Movement Heatmap

Tracks mouse movements across a page, offering insights into areas of interest or hesitation that may indicate confusion or curiosity.

Mouse movement map - Germain UX

Mouse movement heatmap - Germain UX

Error Clicks Heatmap

Highlights clicks that result in errors, such as broken links, unresponsive elements, or other issues, enabling you to quickly resolve pain points.

image-20241121-000448.png

Error Clicks heatmap - Germain UX

Rage Clicks Heatmap

Tracks areas where users repeatedly click out of frustration, helping you identify confusing or malfunctioning elements that disrupt the user experience.

Rage Click map - Germain UX

Rage click heatmap - Germain UX

Dead Clicks Heatmap

Shows clicks on non-interactive or ineffective elements, giving you insight into wasted efforts and opportunities to optimize page functionality.

image-20241121-000703.png

Dead Clicks heatmap - Germain UX

Clicks Heatmap

Displays all user clicks on a page, providing an overview of how users engage with your content and navigation.

image-20241121-000806.png

Clicks Map - Germain UX

Scroll Heatmap

Visualizes how far users scroll down a page, showing you the content that captures attention versus what goes unnoticed.

Scroll map - Germain UX

Scroll heatmap - Germain UX

Where to find Heatmaps

Heatmaps are tied to the [User Session Replay] KPI and visible on the 4th level dashboard called “RCA”. From any portlet that displays [User Session Replay] KPI on an aggregate dashboard (1th level dashboard), you can simply drilldown onto the RCA. Several options are available:

  • Select “The Worst (RCA)”

    image-20241121-152044.png

  • or Select “Raw … instances”

    image-20241121-152217.png

    Select Raw Instances - Germain UX

    Then click on one the instances:

    image-20241121-152518.png

    Click on one Raw Instance - Germain UX

  • Click on Overlays tab (on the right of the page)

    image-20241121-152750.png

    Click on Overlays tab - Germain UX


These tools help you understand user behavior and eliminate barriers to conversions. Let’s discuss how we can integrate these insights into your operations: Contact us.

Service: Analytics

Feature Availability: 8.6.0 or later

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.