Skip to main content

Published: Oct 17, 2026

· 7 min read

Microsoft Clarity: Turn Heatmaps and Recordings Into a Website Change Plan

Build a usable CRO backlog from Clarity observations. Segment visitors, test explanations, assign priorities and define how each website change will be checked.

ON
Oleksandr Nikitin
Microsoft Clarity: Turn Heatmaps and Recordings Into a Website Change Plan

A visitor taps a delivery label repeatedly, scrolls back and leaves. The recording makes a redesign feel obvious. Yet the label may have opened a browser feature the replay cannot show, the visitor may have found the answer elsewhere, or the button may genuinely be broken.

Clarity becomes useful when observations produce decisions someone can implement and check. Our recommendation is to review one customer task at a time, keep alternative explanations visible and hand over a short ordered list. Watching more recordings is not progress if the same unresolved question stays in every meeting.

Start with the task the website should support

Choose a route such as checking delivery before adding to cart, selecting a variant or submitting a suitable enquiry. Name the starting page, expected action and outcome. “Find friction” is too broad to guide either selection or acceptance.

Check that the outcome is measured consistently. A button click, a received form and a qualified enquiry are different events. Clarity can help investigate the interaction; the order system or CRM establishes what happened afterwards. If that connection is missing, include a measurement check in the work.

Agree the page version and period. A heatmap combining visitors before and after a navigation change can mix different experiences. Keep a release date or version note so the team can connect an observation to the interface that actually existed.

Build the segment before opening the replay

Use the relevant URL, device, country or language, source and period. Add browser or campaign filters when the question needs them. Microsoft documents the available Clarity filters; check that compatible filters remain applied as you move between views.

Keep mobile and desktop investigations separate when their layouts differ. Also separate landing-page visits from sessions that reached the page later if those visitors have different information. A combined map can hide a problem affecting only one path.

Write down how recordings were selected. A sample filtered for dead clicks is useful for finding examples, but it cannot tell you the dead-click rate among all visitors. Include ordinary sessions from the same eligible segment to check whether the observed behaviour also appears in successful journeys.

Use the heatmap to ask where, then inspect what happened

Clarity heatmaps aggregate interactions. A dense click area helps locate an interaction; a scroll map helps establish whether visitors reached an element. Neither explains why a person left or proves that moving a button will increase sales.

Inspect the corresponding recordings and the live interface in a test environment. Note the sequence before and after the signal, the page state, overlays and any visible response. Reproduce the interaction on the relevant device where possible. A replay rendering problem belongs in the evidence notes, not in a confident design diagnosis.

Microsoft’s semantic metric definitions describe rage clicks as clustered rapid clicks and dead clicks as interactions without timely feedback. These are investigation signals. A repeated click can mean an unresponsive control, but it can also occur in a working interface. The sequence matters.

Keep observation and explanation in different columns

The following is a fictional working example, not an observation from Canem Errant client recordings. Assume 40 reviewed mobile product-page sessions selected without a dead-click filter. In 8, visitors tap a delivery label repeatedly. This is a count in the reviewed sample, not a population estimate or a lost-order calculation.

Observation and segmentHypothesis and alternativeProposed workPriority and check
Repeated delivery-label taps in the mobile sampleIt looks expandable; visitors might instead be selecting textReproduce, then clarify or implement the expected interactionInvestigate first; check both label behaviour and delivery comprehension
A sticky notice covers the mobile purchase control in a reproducible stateOverlay blocks progress; replay positioning may be inaccurateVerify on device, then correct the overlapRepair promptly if confirmed; control remains usable in all agreed states
Few visits reach a long specification blockEssential information may be too low; buyers may already have enough detailCompare successful journeys and test a focused information changeLower priority until a relevant task failure is supported

For each real row, attach the filtered view, timestamp, recording references and page version. Keep access restricted to the people doing the work. Record contradictory examples too: they help determine whether a hypothesis applies to a specific segment or is simply wrong.

Do not estimate lost revenue by multiplying every unusual session by the average order value. An abandoned session is not necessarily a lost purchase, and the recording does not show what would have happened without the suspected obstacle.

Give priority to consequences and confidence

A reproducible payment failure deserves attention before an uncertain preference about copy. Rank the severity of the blocked task, the affected segment, confidence in the explanation and effort to verify or fix it. Use ordinal priorities if precise impact estimates would be invented.

Separate confirmed defects from testable hypotheses. A broken link can be repaired against expected behaviour. Changing the order of persuasive arguments needs an evaluation plan. Neither should wait for an arbitrary total of recordings if the necessary evidence already exists.

Give each accepted item an owner and a completion condition. The handover should say what changes, on which page and screen states, which events should fire, who reviews it and what would trigger reversal. Our CRO scope guide helps separate investigation, implementation and evaluation costs.

Check delivery before claiming a conversion improvement

First verify the implemented behaviour across agreed devices and states: loading, errors, consent notice, expanded content and keyboard access where relevant. Confirm that existing measurement still describes the intended action.

Then evaluate the business hypothesis. A suitable controlled test can support a causal conclusion if its design and sample allow it. A before-and-after comparison also changes with traffic mix, promotions and seasonality. More completed forms may still mean fewer suitable enquiries if quality changes.

With little traffic, report a verified repair or a task-completion observation and keep the commercial effect open. Our A/B testing guide covers experiment planning. A smaller honest conclusion is more useful than a precise lift calculated from an unstable comparison.

Keep the evidence usable and private

Check consent collection and masking before treating the recordings as a complete view of visitors. Microsoft’s consent guidance describes full-feature requirements for EEA, UK and Swiss visits. Recording coverage can differ between visitors, so a convenient sample may miss relevant journeys.

Review masking settings, particularly on forms and account pages. Masking is a technical control, not proof that the whole implementation meets every privacy obligation. Do not export personal information into a widely shared backlog.

Canem Errant’s CRO service can turn a defined customer task into an investigation and agreed implementation. Bring the route and the available evidence. The first useful deliverable is a decision about which change to make, investigate or reject.

Frequently Asked Questions

How many recordings must we watch?

There is no universal number. Define the question and selection method, review ordinary and problem sessions, and report what the available sample can establish. A reproducible defect may need a different process from a prevalence estimate.

Do rage clicks prove that visitors are frustrated?

They identify an interaction pattern worth checking. Inspect context and reproduce the behaviour before assigning a cause or choosing a repair.

Is a cleaner heatmap enough to accept a redesign?

It can show changed interactions. Acceptance also needs working customer tasks, intact measurement and an appropriate comparison before claiming a business improvement.

Have recordings but no agreed website changes?

Choose one customer task and the pages involved. We can scope the investigation, a short change list and the evidence needed to assess implementation.

We investigate a specific customer task and build a short change list. Confirmed defects and open hypotheses receive appropriate acceptance criteria.

View the CRO service Discuss a CRO investigation
CROClarityheatmapsanalytics