Inhalt · 11
- Heatmaps und Aufzeichnungen – worin sie sich unterscheiden
- Tools – was Sie wählen sollten
- So bereiten Sie die Daten vor
- Worauf Sie bei Klick-Maps achten sollten
- Worauf Sie bei Scroll-Maps achten sollten
- Sitzungsaufzeichnungen – wie Sie sie ansehen, ohne darin zu versinken
- Formulare – die häufigste Stelle von Verlusten
- Von der Beobachtung zum Test
- Datenschutz und DSGVO
- Die häufigsten Fehler
- Ein einfacher Plan für die erste Woche
Ihre Statistiken sagen Ihnen, dass die Seite hundert Besuche am Tag und eine Conversion-Rate von zwei Prozent hat. Sie sagen Ihnen nicht, warum es nur zwei sind. Sie sagen nicht, ob Menschen den Button nicht bemerken, das Angebot nicht verstehen oder ob die Seite auf ihrem Smartphone schlicht nicht funktioniert. Analytik beantwortet die Frage, wie viele. Heatmaps und Sitzungsaufzeichnungen beantworten die Frage, was geschieht.
Es ist eine der günstigsten Methoden zur Diagnose einer Website, denn die grundlegenden Tools sind kostenlos, und die ersten Erkenntnisse zeigen sich nach wenigen Stunden Aufzeichnungen. Viele Unternehmen installieren sie, werfen einmal einen Blick auf die bunten Karten und kommen nie wieder, weil sie nicht wissen, wie man liest, was sie sehen. Dieser Leitfaden zeigt eine Methode: von der Wahl des Tools bis zu den konkreten Mustern, die sich zu erkennen lohnen.
Free
2 wks
15-20
Heatmaps und Aufzeichnungen – worin sie sich unterscheiden
Beide Techniken zeigen das Nutzerverhalten, aber auf unterschiedlicher Detailebene.
Heatmaps aggregieren Daten aus vielen Besuchen einer einzelnen Unterseite. Am häufigsten begegnen Ihnen drei Typen:
- Eine Klick-Map – wo Nutzer klicken oder tippen. Sie zeigt, welche Elemente Aufmerksamkeit auf sich ziehen und ob Menschen an Stellen klicken, die keine Links sind.
- Eine Scroll-Map – wie viel Prozent der Nutzer eine bestimmte Stelle der Seite erreichen. Sie zeigt, wo das Interesse endet.
- Eine Cursorbewegungs-Map – wie sich der Cursor am Desktop bewegt. Sie nähert an, worauf Nutzer schauen, ist aber ein indirekter Indikator.
Sitzungsaufzeichnungen sind abspielbare Aufzeichnungen einzelner Besuche: Cursorbewegung, Klicks, Scrollen, Eingaben in Formulare. Sie erlauben es zu sehen, wie ein Mensch die Seite tatsächlich nutzt, einschließlich der Momente des Zögerns und der Frustration.
Eine Heatmap sagt, dass 70 % der Nutzer das Formular nicht erreichen. Aufzeichnungen zeigen, dass ein Teil von ihnen kurz davor stehen bleibt, weil er nicht versteht, was genau er im Gegenzug bekommt.
Tools – was Sie wählen sollten
| Tool | Preis | Stärken | Für wen |
|---|---|---|---|
| Microsoft Clarity | Kostenlos | Heatmaps, Aufzeichnungen, Erkennung von Frustration, kein Sitzungslimit | Einstieg und kleine Unternehmen |
| Hotjar | Kostenlose Version mit Limits, kostenpflichtige Pläne | Umfragen, Feedback, Funnels, gute Segmentierung | Marketingteams |
| Smartlook | Kostenlose Version, kostenpflichtige Pläne | Events, Funnels, mobile Apps | Digitale Produkte |
| Lucky Orange | Kostenpflichtige Pläne | Live-Chat, Funnels, Umfragen | Shops |
| Mouseflow | Kostenlose Version, kostenpflichtige Pläne | Formular-Heatmaps, Funnels | Shops und Formulare |
Die Konditionen können sich ändern, prüfen Sie daher vor der Wahl die aktuellen Preise und Limits.
Die Empfehlung für die meisten kleinen Unternehmen: Beginnen Sie mit Microsoft Clarity. Die Installation dauert ein Dutzend Minuten, kostet nichts und liefert alles, was für eine erste Diagnose nötig ist. Brauchen Sie später Umfragen auf der Seite oder fortgeschrittene Funnels, ergänzen Sie ein zweites Tool.
So bereiten Sie die Daten vor
Eine schlechte Konfiguration führt zu irreführenden Schlüssen. Einige Regeln, die Zeit sparen:
- Legen Sie die Frage fest. Was wollen Sie prüfen: Sehen Besucher den Kontakt-Button, warum brechen sie das Formular ab, ist die Produktseite verständlich?
- Wählen Sie eine konkrete Unterseite. Beginnen Sie mit einer, die Traffic hat und für das Geschäft wichtig ist.
- Trennen Sie die Geräte. Mobil und Desktop sind zwei verschiedene Produkte. Analysieren Sie sie nicht gemeinsam.
- Sammeln Sie mindestens zwei Wochen oder einige hundert Besuche pro Unterseite.
- Schließen Sie internen Traffic aus – Ihre eigenen Besuche, die Besuche Ihres Teams und Bots.
- Segmentieren Sie die Traffic-Quellen. Ein Nutzer aus einer Anzeige verhält sich anders als einer aus der Suchmaschine.
Worauf Sie bei Klick-Maps achten sollten
Eine Klick-Map ist die schnellste Quelle für Erkenntnisse. Achten Sie auf mehrere Muster.
Klicks auf nicht anklickbare Elemente. Menschen klicken auf Fotos, Überschriften, Icons und unterstrichene Wörter, die keine Links sind. Das ist ein Zeichen dafür, dass das Design eine Interaktion suggeriert, die es nicht gibt. Die Lösung: sie zu einem Link machen oder den Stil ändern, damit sie nicht anklickbar wirken.
Ignorierter Haupt-CTA. Der Button, auf den es Ihnen ankommt, hat wenige Klicks, andere Elemente haben viele. Ursachen: schlechter Kontrast, ein wenig aussagender Text, eine Position außerhalb des Blickfelds.
Klicks auf die Navigation statt auf den Inhalt. Wenn Nutzer sofort zum Menü gehen, beantwortet der Inhalt der Seite womöglich ihre Frage nicht.
Verstreute Aufmerksamkeit. Viele Elemente haben eine ähnliche Zahl von Klicks, und keines dominiert. Die Seite führt nicht zu einem Ziel.
Klicks auf Elemente, die nicht funktionieren. Ein Dropdown, das sich auf einem Gerätetyp nicht öffnet, Fotos ohne Zoom, ein Button, der von einem Cookie-Banner verdeckt wird.
Worauf Sie bei Scroll-Maps achten sollten
Eine Scroll-Map hat meist eine charakteristische Form: oben rot, allmählich in Blau übergehend. Am meisten interessieren Sie plötzliche Veränderungen.
- Ein falscher Boden. Eine Stelle, an der die Farbe abrupt abfällt. Nutzer glauben, die Seite ende, zum Beispiel nach einem weißen Streifen oder einem großen Vollbildfoto. Die Lösung: Hinweise auf die Fortsetzung, eine Änderung des Layouts.
- Wichtiger Inhalt unterhalb des sichtbaren Bereichs. Sieht nur 15 % der Nutzer das Kontaktformular, verlieren Sie Kunden nicht am Formular, sondern schon früher.
- Eine zu lange Seite mit starkem Absprung schon im ersten Drittel. Es lohnt sich, sie zu kürzen oder das Wichtigste weiter nach oben zu verlegen.
- Der Unterschied zwischen Mobil und Desktop. Auf dem Smartphone ist derselbe Inhalt um ein Vielfaches länger, und deutlich weniger Menschen sehen ihn sich an.
Die praktische Schlussfolgerung: Die wichtigen Elemente – der Nutzen, der Beleg, der CTA – sollten an Stellen stehen, die die meisten Besucher sehen.
Sitzungsaufzeichnungen – wie Sie sie ansehen, ohne darin zu versinken
Es gibt Hunderte von Aufzeichnungen. Niemand wird sie alle ansehen. Also filtern Sie.
Filter, die funktionieren:
- Sitzungen mit Rage Clicks und Dead Clicks,
- Sitzungen, die mit dem Abbruch eines Formulars endeten,
- Sitzungen mit JavaScript-Fehlern oder langsamem Laden,
- mobile Sitzungen mit langer Zeit ohne Interaktion,
- Sitzungen mit und ohne Conversion auf derselben Unterseite – der Vergleich zeigt den Unterschied.
Was Sie beim Ansehen notieren sollten:
- Wo der Nutzer stehen bleibt und wie lange.
- Ob er zu einem früheren Teil der Seite zurückgeht, um nach Informationen zu suchen.
- Welche Formularfelder er mit Mühe ausfüllt oder korrigiert.
- In welchem Moment er die Seite verlässt.
- Ob er auf etwas geklickt hat, das Sie nicht vorgesehen hatten.
Die Regel der 15–20 Aufzeichnungen. Nachdem Sie ein Dutzend Sitzungen gesehen haben, beginnen sich dieselben Probleme zu wiederholen. Schreiben Sie sie auf eine Liste und zählen Sie, wie oft jedes auftritt. Es ist eine einfache, aber wirksame Priorisierung.
Formulare – die häufigste Stelle von Verlusten
Ein Formular ist meist der Moment, in dem der Conversion-Verlust am größten ist. Formular-Heatmaps und Aufzeichnungen zeigen, bei welchem Feld Nutzer aufgeben. Die Muster:
- Das Feld, das den Abbruch auslöst – meist eine Telefonnummer, eine Adresse oder eine Frage nach dem Budget.
- Eine unklare Fehlermeldung – der Nutzer korrigiert die Daten mehrmals und gibt auf.
- Ein zu langes Formular auf dem Smartphone – keine automatische Vervollständigung, die falsche Tastatur.
- Ein unklares Ergebnis des Absendens – der Nutzer weiß nicht, ob das Formular angekommen ist.
Konkrete Regeln für die Gestaltung von Formularen behandelt ein eigener Artikel über Conversion-Formulare. Aufzeichnungen erlauben es zu prüfen, welche davon Ihre Seite verletzt.
Von der Beobachtung zum Test
Die wichtigste Regel: Eine Beobachtung ist keine Schlussfolgerung. Dass jemand einen Button nicht anklickt, bedeutet nicht, dass er in einer anderen Farbe gestrichen werden muss. Ein guter Prozess sieht so aus:
- Beobachtung: 70 % der mobilen Nutzer scrollen nicht bis zum Formular.
- Hypothese: Das Formular steht zu weit unten, und Nutzer wissen nicht, dass es existiert.
- Änderung: Wir fügen im oberen Bereich einen Button hinzu, der zum Formular scrollt, und kürzen den Inhalt darüber.
- Test: Wir vergleichen den Anteil gesendeter Formulare und der Besucher, die den Abschnitt erreichen, vor und nach der Änderung, und bei mehr Traffic – in einem A/B-Test.
- Entscheidung: Wir rollen aus, verwerfen oder verfeinern.
Bei geringerem Traffic ist ein vollständiger A/B-Test nicht immer möglich. Vergleichen Sie dann Zeiträume mit Vorsicht und ziehen Sie keine Schlüsse aus kurzen Läufen. Über die Grundsätze sauberer Tests schreiben wir im Artikel über A/B-Testing für Landingpages.
Datenschutz und DSGVO
Sitzungsaufzeichnungen und Heatmaps erfassen Daten zum Nutzerverhalten und unterliegen daher den Datenschutzvorschriften. Das praktische Minimum:
- Einwilligung, wenn das Tool Cookies oder ähnliche für die Analyse erforderliche Technologien nutzt, und das Starten des Skripts erst nach deren Erteilung.
- Maskierung von Textfeldern, Passwörtern, Zahlungsdaten und allem, was personenbezogene Daten enthalten kann.
- Abschalten der Aufzeichnung auf Seiten mit sensiblen Informationen (dem Kundenbereich, Zahlungen).
- Ein Auftragsverarbeitungsvertrag mit dem Anbieter des Tools.
- Eine Beschreibung in der Datenschutzerklärung – Zweck, Rechtsgrundlage, Speicherdauer.
- Begrenzung der Speicherdauer der Aufzeichnungen auf das notwendige Minimum.
Eine vollständige Übersicht der Pflichten finden Sie im Artikel über die DSGVO auf einer Firmenwebsite. Hier gilt es sich zu merken: Zeichnen Sie nicht mehr auf, als Sie brauchen, und stellen Sie die Aufzeichnung nicht ohne Zweck auf Dauerbetrieb.
Die häufigsten Fehler
- Schlüsse aus einigen Dutzend Aufrufen, die als Tatsachen behandelt werden.
- Vermischung von Mobil und Desktop in einer Analyse.
- Änderungen ohne Hypothese – die Farbe eines Buttons statt der Ursache des Problems.
- Kein Filtern der Aufzeichnungen und das Ansehen zufälliger Sitzungen.
- Installieren und vergessen – das Tool sammelt Daten, und niemand schaut hinein.
- Ignorieren des Datenschutzes – keine Maskierung und keine Einwilligungen.
- Eine vom Geschäftsziel losgelöste Analyse – eine hübsche Karte ist kein Ergebnis.
- Zu viel auf einmal – fünf Elemente ändern, danach weiß niemand, was gewirkt hat.
Ein einfacher Plan für die erste Woche
Tag 1. Installieren Sie das Tool über einen Tag Manager mit Auslösung nach der Einwilligung, richten Sie die Maskierung von Feldern und den Ausschluss Ihrer eigenen IP-Adresse ein.
Tage 2–14. Sammeln Sie Daten. Ändern Sie in dieser Zeit die analysierten Unterseiten nicht.
Tag 15. Wählen Sie eine Unterseite von größter geschäftlicher Bedeutung. Sehen Sie sich die Klick- und Scroll-Map getrennt für Mobil und Desktop an.
Tag 16. Sehen Sie sich 15–20 Aufzeichnungen mit einem Filter für Frustration oder abgebrochene Formulare an. Schreiben Sie die wiederkehrenden Probleme auf.
Tag 17. Formulieren Sie drei Hypothesen, ordnen Sie sie nach Wirkung und Umsetzungsaufwand und wählen Sie eine aus.
Ab Tag 18. Setzen Sie die Änderung um und messen Sie die Wirkung. Kehren Sie nach weiteren zwei Wochen zu den Daten zurück.
Eine solche Routine, alle paar Wochen wiederholt, ist eine der kosteneffizientesten Möglichkeiten, eine Website zu verbessern. Sie erfordert weder ein Werbebudget noch den Umbau der Seite. Sie erfordert Aufmerksamkeit und Disziplin, Beobachtungen in Tests zu verwandeln. Die umfassenderen Techniken zur Steigerung der Conversion, aus denen die Hypothesen stammen, finden Sie im Artikel über die Steigerung der Website-Conversion, konkrete Designänderungen im Beitrag zur Website-UX.