Kurz zusammengefasst:
- Quantitative Daten zeigen dir, wo Nutzer abspringen. Qualitative Daten zeigen dir, warum. Heatmaps und Session Recordings liefern genau diese qualitative Ebene, die Google Analytics allein nicht abbilden kann.
- Wir arbeiten hauptsächlich mit Microsoft Clarity und Hotjar. Beide Tools ergänzen quantitative Daten sehr gut und liefern wertvolle Einblicke in echtes Nutzerverhalten auf Produktseiten, im Warenkorb und im Checkout.
- Die besten Optimierungsideen entstehen aus der Beobachtung. In unserer Analysephase kombinieren wir Funnel-Daten, Heatmaps, Session Recordings und Nutzerumfragen – und entwickeln daraus Hypothesen, die wir per A/B-Test validieren.
- Häufigster Aha-Moment: Nutzer haben ganz andere Probleme als erwartet. Bei Löwenkind hat das Entfernen einer einzigen Versand-Progress-Bar im Warenkorb den ARPU um 11 % gesteigert.
- Heatmaps und Recordings sind kein Selbstzweck, sondern der Startpunkt für datenbasierte Tests. Ohne den Schritt von der Beobachtung zur validierten Hypothese bleiben sie wertlos.
Warum Zahlen allein nicht reichen
Google Analytics zeigt dir, dass 68 % deiner Besucher die Produktseite verlassen, ohne etwas in den Warenkorb zu legen. Was es dir nicht zeigt: Warum.
Haben sie den Button nicht gesehen? Waren sie vom Preis abgeschreckt? Hat eine Information gefehlt? Oder haben sie einfach nicht verstanden, was das Produkt für sie tut?
Ich bin überzeugt, dass man Nutzerverhalten nur dann wirklich versteht, wenn man quantitative und qualitative Daten kombiniert. Genau deshalb arbeite ich bewusst mit mehreren Perspektiven gleichzeitig: Zahlen, Verhalten und direkte Nutzerstimmen.
In unserer Analysephase durchlaufen wir mehrere strukturierte Schritte. Zunächst analysieren wir den gesamten Funnel – von der Werbeanzeige bis zum Kaufabschluss – und identifizieren Brüche und Optimierungspotenziale. Danach folgen quantitative Analysen über Google Analytics 4. Und dann kommt der Teil, der aus meiner Erfahrung den größten Unterschied macht: qualitative Analysen durch Session Recordings, Heatmaps, Klickanalysen und Nutzerumfragen.
Was Heatmaps dir zeigen, was Analytics nicht kann
Eine Heatmap visualisiert, wie Nutzer mit einer Seite interagieren. Statt abstrakter Zahlen siehst du farbcodiert, wo geklickt wird, wie weit gescrollt wird und welche Bereiche Aufmerksamkeit bekommen.
Der Unterschied zu Analytics
Google Analytics liefert aggregierte Metriken: Seitenaufrufe, Verweildauer, Absprungraten. Heatmaps zeigen dir das Verhalten auf der Seite selbst. Wo genau klicken Nutzer? Scrollen sie bis zu deinem wichtigsten Argument oder brechen sie vorher ab? Klicken sie auf Elemente, die gar nicht klickbar sind?
Wann Heatmaps besonders wertvoll sind
Aus unserer Erfahrung sind Heatmaps besonders aufschlussreich auf:
- Produktseiten: Werden Bewertungen, USPs und der Add-to-Cart-Button wahrgenommen?
- Landingpages: Erreichen Nutzer den CTA oder scrollen sie nicht weit genug?
- Kategorie- und Kollektionsseiten: Welche Produkte und Filter werden tatsächlich genutzt?
- Warenkorb: Welche Elemente lenken ab, welche unterstützen den Kaufabschluss?
Session Recordings: Nutzerverhalten in Echtzeit verstehen
Wenn Heatmaps dir das aggregierte Bild zeigen, liefern Session Recordings die Einzelfälle. Du siehst, wie ein konkreter Nutzer durch deinen Shop navigiert: wo er zögert, wo er klickt, wo er frustriert abspringt.
Was du in Recordings siehst, was kein Dashboard zeigt
- Rage Clicks: Nutzer klicken mehrfach hektisch auf ein Element, das nicht reagiert. Klares Signal für Frustration.
- Scroll-Muster: Nutzer scrollen schnell über einen Bereich hinweg, ohne ihn wahrzunehmen – oder sie scrollen hin und her, weil sie etwas suchen.
- Abbruchmomente: Der exakte Punkt, an dem ein Nutzer den Tab schließt oder zurückgeht. Oft an Stellen, die du nicht erwartet hättest.
- Formular-Interaktionen: Wo beginnen Nutzer, Felder auszufüllen – und wo hören sie auf?
Wie wir Recordings einsetzen
Ich schaue mir nicht wahllos Recordings an. Stattdessen arbeiten wir gezielt in vier Schritten:
- Auffälligkeiten in Analytics identifizieren. Zum Beispiel: Die Produktseite hat eine hohe Absprungrate auf Mobile.
- Recordings für dieses Segment filtern. Mobile Nutzer, die die Produktseite besucht, aber nicht in den Warenkorb gelegt haben.
- Muster erkennen. Nach 15 bis 20 Recordings kristallisiert sich meistens ein wiederkehrendes Problem heraus.
- Hypothese formulieren. "Nutzer finden den Add-to-Cart-Button auf Mobile nicht, weil er erst nach dem Scrollen sichtbar wird."
Die drei Heatmap-Typen und wann du welchen brauchst
Nicht jede Heatmap zeigt dasselbe. Jeder Typ beantwortet eine andere Frage.
| Heatmap-Typ | Was sie zeigt | Typische Erkenntnis |
|---|---|---|
| Click-Heatmap | Wo Nutzer klicken oder tippen | Nutzer klicken auf ein Bild, das nicht verlinkt ist. Oder der CTA bekommt kaum Klicks, obwohl er prominent platziert ist. |
| Scroll-Heatmap | Wie weit Nutzer auf der Seite scrollen | Nur 30 % der Nutzer erreichen die Bewertungssektion. Wichtige Inhalte sind zu weit unten. |
| Move-Heatmap (Desktop) | Wo der Mauszeiger verweilt | Nutzer lesen bestimmte Textabschnitte besonders intensiv oder ignorieren ganze Seitenbereiche. |
Meine Empfehlung
Für E-Commerce-Shops liefern Click- und Scroll-Heatmaps den meisten Wert. Move-Heatmaps sind nur auf Desktop relevant und haben eine geringere Korrelation mit tatsächlicher Aufmerksamkeit, als viele annehmen.
Unsere Tools: Microsoft Clarity und Hotjar im Vergleich
Wir arbeiten hauptsächlich mit Microsoft Clarity und Hotjar. Beide Tools liefern wertvolle Einblicke und ergänzen quantitative Daten sehr gut. Die Wahl zwischen beiden hängt vom konkreten Anwendungsfall ab.
| Kriterium | Microsoft Clarity | Hotjar |
|---|---|---|
| Preis | Kostenlos, ohne Datenlimit | Freemium, kostenpflichtig ab bestimmtem Volumen |
| Session Recordings | Unbegrenzt | Limitiert je nach Plan |
| Heatmaps | Click, Scroll, Area | Click, Scroll, Move |
| AI-Features | Copilot-Integration, automatische Insights | AI-gestützte Surveys |
| Umfragen | Nein | Ja, integriert |
| GA4-Integration | Ja | Begrenzt |
| Datenschutz | Automatische PII-Maskierung | Konfigurierbare Maskierung |
| Besonderheit | Dead Clicks, Rage Clicks, Quick Backs automatisch erkannt | Feedback-Widgets, NPS-Umfragen |
Warum wir beide nutzen
Clarity ist für Recordings und Heatmaps unser Haupttool, weil es kostenlos ist, keine Datenlimits hat und automatisch problematische Nutzersignale wie Rage Clicks erkennt. Hotjar setzen wir gezielt für Nutzerumfragen und Feedback-Widgets ein, weil es dort stärker ist.
Heatmaps und Recordings liefern die visuelle Ebene, Umfragen die Stimme des Nutzers, Analytics die Zahlen. Erst gemeinsam entsteht ein vollständiges Bild.
So analysieren wir Heatmaps und Recordings systematisch
Qualitative Daten sind nur dann wertvoll, wenn du sie systematisch analysierst. Wahllos Recordings anschauen führt zu Confirmation Bias: Du siehst, was du sehen willst – nicht was wirklich passiert.
Unser Vorgehen in fünf Schritten
Schritt 1: Fokusseiten definieren. Nicht jede Seite braucht eine qualitative Analyse. Wir priorisieren Seiten mit hohem Traffic und unterdurchschnittlicher Performance. Funnel-Analysen in GA4 zeigen uns, wo die größten Drop-offs stattfinden.
Schritt 2: Heatmaps auswerten. Wir starten mit der Scroll-Heatmap: Wie weit scrollen Nutzer? Dann die Click-Heatmap: Wo wird interagiert, wo nicht? Gibt es Klicks auf nicht-klickbare Elemente?
Schritt 3: Recordings segmentiert anschauen. Wir filtern nach relevanten Segmenten: Mobile vs. Desktop, Käufer vs. Nicht-Käufer, Neukunden vs. Bestandskunden. Mindestens 20 Recordings pro Segment, um Muster zu erkennen.
Schritt 4: Erkenntnisse dokumentieren. Jede Beobachtung wird in unserem System festgehalten, inklusive Screenshot und Bewertung der Häufigkeit. Wir arbeiten mit Airtable, um diese Erkenntnisse strukturiert zu speichern.
Schritt 5: Hypothesen ableiten. Aus den Mustern entwickeln wir konkrete, testbare Hypothesen. "Wenn wir den Add-to-Cart-Button als Sticky-Element auf Mobile fixieren, steigt die Add-to-Cart-Rate, weil Nutzer ihn aktuell erst nach dem Scrollen erreichen."
Die fünf häufigsten Conversion-Killer, die wir damit finden
Ein häufiger Aha-Moment entsteht immer dann, wenn man erkennt, dass Nutzer ganz andere Probleme haben als man selbst erwartet hätte. Genau das zeigen Heatmaps und Recordings regelmäßig.
1. Überladene Produktseiten
Der häufigste Fehler: Überladenheit. Wenn zu viele Informationen gleichzeitig dargestellt werden, steigt der Cognitive Load und Nutzer verlieren den Überblick. In Recordings zeigt sich das durch hektisches Scrollen, kurze Verweildauer und Absprung ohne Interaktion. Fehlende visuelle Hierarchie und schwache Kontraste verstärken das Problem.
2. Unsichtbare CTAs
Scroll-Heatmaps entlarven ein Muster, das ich regelmäßig sehe: Der Add-to-Cart-Button liegt auf Mobile unterhalb des sichtbaren Bereichs. Nutzer sehen ihn erst nach dem Scrollen – viele scrollen aber nicht weit genug.
3. Ablenkende Elemente im Warenkorb
Bei Löwenkind haben wir eine Versand-Progress-Bar im Warenkorb entfernt, weil Session Recordings zeigten, dass sie die Zielgruppe eher verunsicherte als motivierte. Das Ergebnis: ein Uplift von etwa 11 % beim Average Revenue Per User – allein durch das Entfernen eines Elements.
4. Vertrauenssignale an der falschen Stelle
Click-Heatmaps zeigen häufig, dass Nutzer auf Gütesiegel, Versandinformationen oder Bewertungen klicken, obwohl diese Elemente nicht interaktiv sind. Das Signal: Nutzer suchen aktiv nach Vertrauensbeweisen, finden sie aber nicht dort, wo sie sie erwarten.
5. Friction im Checkout
Recordings im Checkout sind Gold wert. Du siehst, wo Nutzer bei der Adresseingabe zögern, ob Fehlermeldungen verständlich sind und ob der Bezahlprozess flüssig funktioniert. Kleine Hürden wie ein unverständliches Pflichtfeld oder ein fehlender Guest-Checkout können massive Auswirkungen haben.
Von der Erkenntnis zur Hypothese
Heatmaps und Session Recordings liefern Beobachtungen – keine Lösungen. Der entscheidende Schritt ist, diese Beobachtungen in testbare Hypothesen zu übersetzen.
Das Prinzip
Conversion Rate Optimierung basiert auf echten Erkenntnissen aus Datenanalysen, Nutzerverhalten und Research – nicht auf spontanen Ideen oder Bauchgefühl. In der Praxis entstehen die wenigsten relevanten Optimierungspotenziale aus trivialen Designfragen. Viel häufiger geht es um strategische Veränderungen, die Entscheidungsprozesse der Nutzer beeinflussen.
Beobachtung → Hypothese → Test
| Beobachtung aus Heatmap / Recording | Hypothese | Testansatz |
|---|---|---|
| Nur 25 % scrollen bis zu den Bewertungen | Bewertungen höher platzieren steigert CR | Bewertungen direkt unter dem Produktbild einbinden |
| Rage Clicks auf nicht-klickbares Gütesiegel | Klickbares Trust-Element erhöht Vertrauen | Trust-Badges mit Popup-Erklärung versehen |
| Nutzer verlassen den Warenkorb bei Versandkosten-Anzeige | Transparentere Versandkommunikation senkt Abbrüche | Versandkosten bereits auf der Produktseite zeigen |
| Mobile-Nutzer finden CTA nicht | Sticky Add-to-Cart auf Mobile steigert ATC-Rate | Sticky-Button-Variante per A/B-Test testen |
Priorisierung entscheidet
Nicht jede Beobachtung ist gleich wichtig. Wir bewerten jede Hypothese nach erwartetem Impact, Aufwand und Lernwert und erstellen daraus eine Testing-Roadmap. Der Kern bleibt immer gleich: erst die richtigen Probleme identifizieren, dann gezielt Lösungen testen.
Tracking-Setup: Voraussetzungen und typische Fehler
Heatmaps und Session Recordings liefern nur dann valide Daten, wenn das technische Setup stimmt. Und hier sehe ich bei neuen Kunden regelmäßig Probleme.
Die richtige Grundlage
Bevor du Heatmaps auswertest, müssen drei Dinge stimmen:
- Consent-Management: Heatmap-Tools dürfen erst nach Zustimmung laden. Serverseitiges Tracking reduziert dabei Datenverluste erheblich. Zusätzlich optimieren wir Cookie-Banner so, dass hohe Zustimmungsraten erreicht werden – in vielen Projekten über 95 %.
- Google Tag Manager: Der GTM ermöglicht es, zusätzliche Events zu tracken. Wenn wir neue Interaktionselemente testen, können wir darüber messen, wie viele Nutzer diese tatsächlich nutzen.
- PII-Schutz: Persönlich identifizierbare Informationen müssen automatisch maskiert werden. Sowohl Clarity als auch Hotjar bieten das – aber die Konfiguration muss geprüft werden.
Typische Tracking-Fehler
Der häufigste Fehler liegt im Zusammenspiel zwischen Tracking und Cookie-Consent. Gerade bei Google Analytics funktioniert die Datenerfassung häufig nicht sauber, weil Consent-Signale falsch übergeben werden oder Events blockiert werden. Da unser Testing stark auf Daten basiert, müssen wir solche Probleme oft zuerst beheben, bevor wir überhaupt sinnvoll optimieren können.
Ein weiteres häufiges Problem: Heatmap-Tools werden auf allen Seiten aktiviert, obwohl nur bestimmte Seiten relevant sind. Das erzeugt Datenmüll und macht die Analyse ineffizient.
Häufig gestellte Fragen
Eine Heatmap visualisiert Nutzerinteraktionen auf einer Webseite farbcodiert. Warme Farben markieren Bereiche mit hoher Aktivitat, kalte Farben zeigen wenig beachtete Bereiche. Im E-Commerce nutzt du sie, um zu verstehen, welche Elemente auf Produktseiten, im Warenkorb oder im Checkout tatsachlich wahrgenommen und genutzt werden.
Wir arbeiten hauptsachlich mit Microsoft Clarity und Hotjar. Clarity ist kostenlos, bietet unbegrenzte Recordings und erkennt automatisch Rage Clicks und Dead Clicks. Hotjar ist starker bei Nutzerumfragen und Feedback-Widgets. Fur die meisten Shopify-Shops ist die Kombination aus beiden ideal.
Aus unserer Erfahrung reichen 15 bis 20 Recordings pro Segment, um wiederkehrende Muster zu identifizieren. Entscheidend ist, dass du nach Segmenten filterst: Mobile vs. Desktop, Kaufer vs. Nicht-Kaufer. Wahllos Recordings anschauen fuhrt zu Confirmation Bias.
Ja, wenn du sie korrekt einsetzt. Voraussetzungen sind ein gultiger Cookie-Consent vor dem Laden des Tools und die automatische Maskierung personlich identifizierbarer Informationen. Sowohl Clarity als auch Hotjar bieten PII-Maskierung. Klare Details mit deinem Datenschutzbeauftragten.
Eine Click-Heatmap zeigt, wo Nutzer klicken oder tippen. Eine Scroll-Heatmap zeigt, wie weit Nutzer auf der Seite scrollen. Beide liefern unterschiedliche Erkenntnisse: Click-Heatmaps zeigen Interaktionsmuster, Scroll-Heatmaps zeigen, welche Inhalte uberhaupt gesehen werden.
Ja, und das solltest du unbedingt tun. In vielen unserer Projekte liegt der mobile Traffic-Anteil bei uber 90 Prozent. Heatmaps auf Mobile zeigen oft andere Muster als auf Desktop: andere Scroll-Tiefen, andere Klickbereiche, andere Probleme.
Filtere Recordings nach Nutzern, die den Kaufprozess abgebrochen haben. Achte auf wiederkehrende Muster: Rage Clicks, langes Zogern, Hin-und-her-Scrollen oder Abbruch an bestimmten Stellen. Diese Muster zeigen dir, wo Friction entsteht. Daraus entwickelst du testbare Hypothesen.
Wir empfehlen eine systematische Auswertung alle vier bis sechs Wochen oder immer dann, wenn sich der Shop, die Seitenstruktur oder das Sortiment wesentlich verandert hat. Laufende Tests sollten zusatzlich durch Recordings begleitet werden, um Nebeneffekte zu erkennen.
Nein. Heatmaps liefern Beobachtungen, keine Losungen. Du musst aus den Beobachtungen Hypothesen ableiten und diese per A/B-Test validieren. Ohne Testing weist du nicht, ob deine Optimierung tatsachlich wirkt oder das Problem verschlimmert.
Microsoft Clarity ist komplett kostenlos, ohne Traffic-Limits. Hotjar bietet einen kostenlosen Basisplan mit begrenzten Recordings. Fur die meisten Shops reicht die Kombination aus dem kostenlosen Clarity und dem Basis-Hotjar-Plan. Investiere lieber in die Analyse und das Testing als in teure Tools.
Welche Conversion-Killer verstecken sich in deinem Shop?
Wir analysieren dein Nutzerverhalten mit Heatmaps und Session Recordings und zeigen dir, wo dein Shop Umsatz verliert.
Erstgespräch sichern
Chris Dengler
Gründer, Convertlab
Über den Autor: Chris Dengler
Chris hat in 4 Jahren mehr als 1.000 A/B-Tests durchgeführt und dabei Shopify-Shops zu durchschnittlich 34 % mehr Umsatz verholfen.