Heatmap

Eine Heatmap ist eine visuelle Darstellung des aggregierten Nutzerverhaltens auf einer Webseite. Sie verwendet Farbverläufe, typischerweise von kühlen Farben wie Blau für geringe Aktivität bis hin zu warmen Farben wie Rot für hohe Aktivität. So wird visualisiert, wo Nutzer über mehrere Sitzungen hinweg klicken, den Cursor bewegen oder scrollen. Die Daten werden direkt auf einem einzigen Bild der Seite überlagert. Die drei gängigsten Arten sind Klick-Heatmaps, die anzeigen, wo Nutzer klicken oder tippen, unabhängig davon, ob es sich um ein anklickbares Element handelt; Bewegungs-Heatmaps, die die Cursorbewegung als groben Indikator für die visuelle Aufmerksamkeit auf Desktop-Geräten erfassen; und Scroll-Heatmaps, die anzeigen, welcher Prozentsatz der Besucher beim Scrollen zum Footer die einzelnen vertikalen Abschnitte einer Seite erreicht. Eine vierte, weniger verbreitete Variante, die Aufmerksamkeits- oder Hover-Heatmap, wird manchmal separat auf Mobilgeräten betrachtet. Hier ersetzen Tipp- und Scrollvorgänge die Cursorbewegung vollständig als primäres Verhaltenssignal.

Heatmaps sind wichtig, weil sie abstrakte Verhaltensdaten in ein intuitives, visuelles Format übersetzen, das Designern, Marketern und Stakeholdern sofort verständlich ist, ohne dass detaillierte Kenntnisse von Analysetabellen oder Ereignisberichten erforderlich sind. Eine Scrollmap, die zeigt, dass nur 20 Prozent der Besucher jemals den Preisbereich einer langen Seite erreichen (platziert am unteren Rand), verdeutlicht ein klares und umsetzbares Problem viel effektiver als der entsprechende numerische Scrolltiefenbericht in einer Tabellenkalkulation. Diese visuelle Zugänglichkeit ist ein Hauptgrund dafür, dass Heatmaps in CRO- und UX-Projekten so häufig in Stakeholder-Präsentationen und Kundenberichten eingesetzt werden.

Heatmaps werden mithilfe von Tools wie Hotjar, Microsoft Clarity oder Crazy Egg erstellt. Diese Tools integrieren ein schlankes Tracking-Skript, das Cursor- und Berührungskoordinaten sowie die Scrollposition über mehrere Besuchersitzungen hinweg aufzeichnet. Sobald eine ausreichende Stichprobe – typischerweise mindestens 1,000 bis 3,000 Sitzungen pro Seite – vorliegt, um ein einigermaßen stabiles und repräsentatives Muster zu erhalten, werden diese Rohdaten in einer visuellen Überlagerung aggregiert. Seiten mit geringerem Traffic können nämlich Heatmaps erzeugen, die durch wenige atypische Sitzungen verzerrt sind. Analysten segmentieren Heatmaps üblicherweise nach Gerätetyp, da sich Klick- und Scrollverhalten auf Mobilgeräten deutlich von Desktop-Geräten unterscheiden, und nach Traffic-Quelle, da Besucher über verschiedene Kanäle oft unterschiedliche Absichten haben und selbst auf ein und derselben Seite und demselben Layout unterschiedliches Verhalten zeigen.

Ein häufiges Missverständnis ist, dass Heatmaps anzeigen, worauf Nutzer schauen. Tatsächlich erfassen Bewegungskarten lediglich die Cursorposition. Diese korreliert zwar mit der visuellen Aufmerksamkeit auf Desktop-Computern, jedoch nur unvollkommen, da Nutzer den Cursor oft stillhalten, während sie lesen und ihre Augen woanders auf dem Bildschirm verweilen. Echtes Blicktracking erfordert spezielle Eye-Tracking-Hardware, die in der kommerziellen Conversion-Rate-Optimierung (CRO) deutlich seltener eingesetzt wird als softwarebasierte Heatmaps, die ausschließlich auf Cursor- und Berührungsdaten basieren. Ein weiterer häufiger Fehler besteht darin, aus einer isolierten Heatmap voreilige Schlüsse zu ziehen, ohne sie mit Klickzielen und der Seitenstruktur abzugleichen. Beispielsweise kann häufiges Klicken auf ein nicht-interaktives Bild fälschlicherweise als positive Interaktion interpretiert werden, obwohl es möglicherweise auf Verwirrung des Nutzers darüber hindeutet, ob das Bild überhaupt anklickbar sein sollte.

In CRO In der UX-Beratung werden Heatmaps typischerweise früh im Audit eingesetzt, um Hypothesen darüber zu generieren, wo Reibungspunkte oder Verwirrung auftreten könnten. Beispielsweise lässt sich so feststellen, ob Nutzer wiederholt auf ein statisches Bannerbild klicken, in der Erwartung, dass es verlinkt, oder ob eine Scrollmap zeigt, dass ein wichtiger Call-to-Action weit unterhalb der Stelle liegt, an der die meisten Besucher tatsächlich aufhören zu scrollen. Da Heatmaps beschreibend und nicht kausal sind – sie zeigen also, was passiert ist, aber nicht eindeutig, warum –, werden sie fast immer mit Sitzungsaufzeichnungen kombiniert, um einen tieferen qualitativen Kontext zu erhalten. Anschließend folgen kontrollierte A/B-Tests, um zu bestätigen, ob eine vorgeschlagene Korrektur die angestrebte Kennzahl tatsächlich verbessert. Das Aktualisieren einer Heatmap nach einer Designänderung dient außerdem als schnelle und kostengünstige Überprüfung, ob ein neues Layout wie beabsichtigt genutzt wird, bevor man auf ein umfassendes Experiment wartet, um statistische Signifikanz zu erreichen.