Definition
Eine Heatmap ist eine visuelle Darstellung von Nutzerdaten auf einer Webseite, bei der Farben die Intensität von Interaktionen abbilden. Warme Farben (Rot, Orange) zeigen Bereiche mit hoher Aktivität, kalte Farben (Blau, Grün) kennzeichnen kaum beachtete Zonen.
Bedeutung
Heatmaps schließen die Lücke zwischen quantitativen Analytics-Daten und dem tatsächlichen Nutzerverhalten. Google Analytics zeigt, dass 70 Prozent der Besucher eine Seite verlassen — eine Heatmap zeigt, warum: Der Call-to-Action liegt unterhalb des Scroll-Horizonts oder ein irrelevantes Element zieht die Aufmerksamkeit ab.
Funktionsweise
Heatmap-Tools wie Hotjar oder Microsoft Clarity erfassen anonymisierte Nutzerdaten über ein JavaScript-Snippet. Es gibt drei Haupttypen: Klick-Heatmaps zeigen, wohin Nutzer klicken. Scroll-Heatmaps visualisieren, wie weit Besucher scrollen. Bewegungs-Heatmaps zeichnen die Mausbewegungen auf, die als Annäherung an die Blickrichtung interpretiert werden.
Praxisbeispiel
Eine Agentur analysiert die Heatmap einer Service-Landingpage und stellt fest, dass 85 Prozent der Nutzer den Pricing-Bereich nie erreichen. Gleichzeitig klicken zahlreiche Nutzer auf eine Überschrift, die kein Link ist. Der Pricing-Block wird weiter oben platziert, die Überschrift wird als Anchor-Link umfunktioniert. Die Conversion Rate steigt um 23 Prozent.
Verwandte Begriffe
- Conversion Rate Optimization: Der systematische Prozess der Website-Optimierung, bei dem Heatmaps als Diagnose-Tool dienen.
- A/B-Testing: Eine Testmethode, bei der Heatmaps die Hypothesen liefern und A/B-Tests sie validieren.
- Google Analytics: Ein Tool für quantitative Daten, das durch Heatmaps um qualitative Verhaltenseinblicke ergänzt wird.
- Above the Fold: Der sofort sichtbare Bereich, dessen Inhalte über Scroll-Heatmaps auf ihre tatsächliche Sichtbarkeit überprüft werden.