Heatmap.

Eine Heatmap ist eine farbige Darstellung, die zeigt, wo Besucher auf einer Seite klicken, wie weit sie scrollen und welche Bereiche sie ansehen. Warme Farben stehen für viel Aktivität, kalte für wenig. Für ein Unternehmen ist sie ein schneller Weg, Annahmen über eine Seite zu prüfen: Wird der wichtigste Button gesehen, oder hören die meisten vorher auf zu lesen?

So funktioniert eine Heatmap

Ein Skript auf der Website erfasst Interaktionen wie Klicks und Scrollbewegungen und fasst sie über viele Besuche zusammen. Microsoft Clarity, ein verbreitetes Werkzeug, unterscheidet laut eigener Doku Klick-, Scroll-, Bereichs-, Konversions- und Aufmerksamkeitskarten. Klickkarten zeigen laut Microsoft auch Klicks ins Leere und gehäufte, wütende Klicks. Scrollkarten zeigen, wie viel Prozent der Besucher einen Abschnitt erreichen, und die durchschnittliche Falz, also was im Schnitt ohne Scrollen sichtbar ist. Aufmerksamkeitskarten zeigen, wie lange Besucher bei einzelnen Bereichen bleiben.

Eine Heatmap ersetzt kein Analysewerkzeug wie Google Analytics 4: GA4 zählt, wie viele Menschen etwas tun, die Heatmap zeigt, wo auf der Seite es passiert. Ob eine Änderung wirklich besser ist, beantwortet erst ein A/B-Test.

What You Should Keep in Mind at Work

Holt die Einwilligung ein. Clarity setzt laut Microsoft Cookies wie _clck und _clsk. Für das Speichern oder Auslesen solcher Informationen auf dem Endgerät verlangt § 25 TDDDG eine Einwilligung, sofern es nicht unbedingt erforderlich ist. Microsoft setzt laut eigener Doku seit dem 31. Oktober 2025 für Besuche aus dem EWR, Großbritannien und der Schweiz ein gültiges Einwilligungssignal voraus, damit Clarity voll funktioniert.

Prüft die Maskierung. Viele Heatmap-Werkzeuge zeichnen auch ganze Sitzungen auf. Clarity maskiert laut Microsoft Eingabefelder und Auswahllisten immer, im voreingestellten Modus Balanced zusätzlich Zahlen und E-Mail-Adressen. Schaut vor dem Start nach, ob Kundendaten wie Bestellnummern oder Namen in Aufnahmen sichtbar wären.

Wertet nach Gerät getrennt aus. Am Smartphone liegt die Falz ganz anders als am Desktop, Clarity trennt deshalb laut Microsoft PC, Tablet und Mobilgerät. In Projekten sehen wir oft, dass ein Call to Action am Desktop sofort sichtbar ist und mobil erst nach mehreren Bildschirmen auftaucht.

Startet mit einer Frage. Eine Heatmap ohne Hypothese erzeugt bunte Bilder, aber keine Entscheidung. Formuliert vorher, was ihr wissen wollt, etwa ob das Kontaktformular überhaupt erreicht wird.

Häufige Fragen zur Heatmap

Braucht ihr viel Traffic? Bei Clarity gibt es laut Microsoft keine Mindestzahl an Besuchen. Belastbar wird eine Karte trotzdem erst, wenn genug Menschen dieselbe Seite besucht haben.

Was kostet ein solches Werkzeug? Clarity ist laut Microsoft dauerhaft kostenlos und ohne Traffic-Grenze. Andere Anbieter rechnen nach eigenen Modellen ab.

Wie lange bleiben Aufnahmen gespeichert? Clarity bewahrt Aufzeichnungen laut Microsoft 30 Tage auf, als Favorit markierte und eine zufällige Stichprobe bis zu neun Monate.

Wo eure Seite Besucher verliert, zeigt euch auch unser Design-Check. Typische Muster beschreibt der Beitrag Die 10 UX-Fehler, die Unternehmenswebsites Anfragen kosten.