flowpeekressourcen / ratgeber / UX
Heatmaps lesen und Beobachtungen in Shop-Verbesserungen umsetzen
Sie planen eine einzelne Verbesserung im Shop und legen fest, wie Sie ihr Ergebnis prüfen.
Kurze Antwort
Die wichtigste Antwort
Eine Heatmap zeigt die Verteilung der erfassten Interaktionen auf einer gewählten Seite. Legen Sie Gerät, Kartentyp und Zeitraum fest und prüfen Sie dann konkrete Bereiche im laufenden Shop. Eine intensive Farbe beweist weder Interesse noch Verkäufe; verbinden Sie das Ergebnis mit Funnel, Ereignissen und einem Test der Seite.
- Richtige Wahl von Seite, Gerät und Kartentyp
- Vorsichtige Interpretation von Klicks und Scrollen
- Eine Idee für eine Verbesserung und ein Plan zu ihrer Prüfung
1. Kommen Sie mit einer Frage zu einer konkreten Seite.
Wählen Sie eine für den Kauf wichtige Seite: Kategorie, Produkt oder einen Schritt im Warenkorb. Beginnen Sie mit einer Frage, etwa ob Nutzer versuchen, die Versandinformationen zu öffnen. Ohne eine solche Frage betrachtet man leicht bunte Punkte, ohne zu einer Entscheidung zu kommen. Ein gutes Thema ergibt sich aus dem Funnel, einer Kundenmeldung oder einer Beobachtung des Teams.
Prüfen Sie, ob der Shop Heatmap-Daten erfasst. Dafür gibt es den Schalter „Heatmap-Daten erfassen“ (im Dashboard auf Polnisch); die Änderung startet die Erfassung neuer Daten und rekonstruiert keine Historie. Erfasst werden Besuche im verfügbaren Umfang der Messung und der Einwilligungen. Eine leere Karte kann bedeuten, dass für die gewählte Filterkombination keine Daten vorliegen – nicht, dass niemand sich für die Seite interessiert.
2. Legen Sie Seite, Gerät und Zeitraum fest.
Wählen Sie im Modul Heatmaps Desktop (Computer) oder Mobile (Smartphones). Wählen Sie dann einen Eintrag in der Liste „Seite“, den Kartentyp und den Zeitraum: 7, 30 oder 90 Tage. Klicken Sie auf „Heatmap laden“. Ändern Sie beim Vergleichen von Ansichten jeweils nur ein Element. Dann wissen Sie, ob ein Unterschied vom Gerät, vom Zeitraum oder von der Art der Interaktion kommt.
Der Screenshot zeigt die echte Ansicht „Klicks“ für Computer und 30 Tage. Der Hintergrund ist eine vereinfachte, von der App gezeichnete Darstellung; deshalb ordnen wir Häufungen nicht Warenkorb oder Versand zu. Die Zahlen neben der Seitenauswahl und die Kennzahlen nach dem Laden können unterschiedliche Zeiträume beschreiben. Beschreiben Sie eine gewählte Ansicht mit ihren eigenen Kennzahlen.
3. Lesen Sie Klicks als Aktionen, nicht als Absichten.
Ein intensiverer, goldener Bereich zeigt eine höhere Dichte erfasster Interaktionen in der jeweiligen Ansicht. Er bedeutet nicht automatisch mehr Käufer. Mehrere Klicks können von derselben Person stammen, und wiederholte Aktionen können sowohl auf Interesse als auch auf ein Problem mit dem Element hindeuten.
Wenn Sie eine Häufung bemerken, öffnen Sie die entsprechende Shopseite auf demselben Gerätetyp. Klären Sie, welches Element sich dort befindet und was es tut. Sieht es aus wie ein Button, reagiert aber nicht, haben Sie eine Hypothese für einen Test. Die Karte allein bestätigt jedoch nicht, was der Nutzer erwartet hat oder ob der Klick zu einem Kauf geführt hat.
4. Prüfen Sie Scrollen und Mausbewegung getrennt.
Der Modus „Scrollen“ hilft, die erfasste Aktivität auf verschiedenen Höhen der Seite zu betrachten. Nutzen Sie ihn, wenn eine wichtige Information weit unten steht. Leiten Sie aus der Farbe allein keinen genauen Prozentsatz der Personen ab, die den Inhalt gelesen haben. Dass eine Seite gescrollt wurde, beweist nicht, dass der Nutzer einen Abschnitt bemerkt oder verstanden hat.
Mausbewegungen und Hover beschreiben das Verhalten des Cursors, also des Zeigers auf dem Bildschirm. Sie sind keine Blickmessung. Auf dem Smartphone sieht Interaktion anders aus als am Computer; behandeln Sie diese Ansichten daher nicht als austauschbar. Prüfen Sie beim Vergleich von Zeiträumen auch, ob sich das Seitenlayout geändert hat: Derselbe Punkt kann einem anderen Element entsprechen.
5. Verbinden Sie die Karte mit dem Verhalten nach dem Klick.
Geht es um einen Button, prüfen Sie das verfügbare Ereignis oder den nächsten Funnel-Schritt. Die Heatmap hilft, einen Bereich der Aufmerksamkeit zu finden, der Ereignisbericht bestimmt das Volumen der erfassten Aktion. Gehen Sie nicht davon aus, dass jeder Klick auf einen Punkt der Karte automatisch einen eigenen Ereignisnamen hat. Der Umfang solcher Aktionen hängt von der Einrichtung ab.
Notieren Sie, was Sie tatsächlich wissen: Menschen klicken an einer bestimmten Stelle, die sichtbare Information steht weiter unten, oder ein Schritt wird seltener erfasst. Die Ursache bezeichnen Sie als Hypothese. Sie können sie in einem direkten Test der Seite, in einer verfügbaren Customer Journey und im passenden Bericht prüfen. Jede dieser Quellen beantwortet eine andere Frage.
6. Setzen Sie eine Änderung um und legen Sie die Bewertung fest.
Eine gute Verbesserung hat einen konkreten Grund: eine präzisere Beschriftung, eine verschobene Information oder das Entfernen eines Elements, das eine Aktion verdeckt. Notieren Sie, was einfacher werden soll und woran Sie es erkennen. Dass die Farbe nach der Änderung anders aussieht, ist allein kein ausreichendes Erfolgsmaß.
Kehren Sie zu vergleichbarem Gerät, Seite und Zeitraum zurück. Berücksichtigen Sie veränderten Traffic und Aktionen. Sehen Sie sich das passende Ereignis oder den Funnel-Schritt an und wiederholen Sie den Test im Shop. Hat sich gleichzeitig das Angebot geändert, schreiben Sie nicht das ganze Ergebnis dem verschobenen Button zu. Notieren Sie auch Beobachtungen, die die ursprüngliche Hypothese nicht bestätigt haben.
Die häufigsten Fehler
Farbe bedeutet Aufmerksamkeit oder Kauf
Die Karte zeigt Interaktionen. Motivation, Textverständnis und Verkaufsergebnis müssen mit anderen Methoden bewertet werden.
Karten unterschiedlicher Seitenlayouts vergleichen
Nach einer Designänderung kann derselbe Bereich ein anderes Element darstellen. Notieren Sie das Datum der Umsetzung und den Beobachtungszeitraum.
Für Ihre nächste Prüfung
Checkliste
- Ich habe eine Frage zu einer konkreten Seite.
- Ich habe Datenerfassung, Gerät, Typ und Zeitraum geprüft.
- Ich setze Klicks nicht mit Personen oder Aufmerksamkeit gleich.
- Ich habe das Element direkt im Shop geprüft.
- Ich habe eine Hypothese, eine Verbesserung und eine Bewertungsmethode.
Jetzt Ihr Shop
Machen Sie aus einer Beobachtung eine Beschreibung der Verbesserung
- 1
Wählen Sie eine Seite und notieren Sie den aktuellen Zeitraum der Heatmap.
- 2
Benennen Sie einen Bereich zur Prüfung, ohne eine Kundenmotivation zu unterstellen.
- 3
Stellen Sie die Aktion im Shop nach und wählen Sie eine ergänzende Kennzahl.
Vom Bericht zur Entscheidung
Übungsbeispiel – hypothetische Situation
Ein Vorschlag für die Arbeitsweise, keine Beschreibung der auf dem Screenshot sichtbaren Häufungen.
- Beobachtung
- Klicks auf eine Abschnittsüberschrift, die wie ein ausklappbares Element aussieht
- Hypothese
- Das Aussehen deutet eine Funktion an, die das Element nicht hat
- Prüfung
- Usability-Test und Anpassung von Aussehen oder Funktion des Elements
Das Briefing betrifft ein einziges Element. Es verspricht keinen Umsatzanstieg allein auf Basis der Heatmap.
Fragen und Antworten
Zeigt eine Heatmap, wohin der Nutzer geschaut hat?
Nein. Klicks, Cursorbewegungen und Scrollen sind keine Blickmessung. Werten Sie sie nicht als Bestätigung, dass eine Information gelesen wurde.
Rekonstruiert das Aktivieren der Heatmaps den Vormonat?
Nein. Die Erfassung betrifft neue, verfügbare Interaktionen. Die Auswahl von 30 Tagen erzeugt keine Daten aus der Zeit vor dem Start der Funktion.
Warum sollte ich nicht nur die Farben vergleichen?
Die Intensität wird im Kontext der jeweiligen Ansicht dargestellt. Gleichen Sie die Zeiträume an und prüfen Sie Zahlen und die passenden Aktionen, bevor Sie eine Veränderung bewerten.
Vom Wissen zum Bericht
Öffnen Sie das passende Modul.
Heatmaps und Sitzungsaufzeichnungen (bald verfügbar)
Bald verfügbar: Klick- und Scroll-Heatmaps sowie Sitzungsaufzeichnungen mit KI-Analyse. Melden Sie sich zum Betatest an und testen Sie das Modul als einer der Ersten.
Conversion-Funnel
Der Conversion-Funnel zeigt die einzelnen Kaufschritte: Produkt, Warenkorb, Bestellformular und Kauf. Prüfen Sie, wie viele Besuche jeden Schritt erreichen, und wählen Sie die Stelle, an der Sie mit Verbesserungen beginnen.
Ereignisanalyse
Sehen Sie, wie oft Kunden Produkte in den Warenkorb legen, auf wichtige Elemente klicken und Formulare absenden – wie viele Personen das tun und wie es sich Tag für Tag verändert.
Lesen Sie den nächsten Ratgeber.
Alle RatgeberConversion / 7 Min.
Conversion-Funnel: Wo hakt der Kauf auf dem Smartphone?
Wählen Sie einen Kaufschritt, vergleichen Sie Geräte und prüfen Sie die Customer Journeys. Bereiten Sie einen konkreten Test des Bestellformulars vor, statt die Ursache niedrigerer Conversion zu erraten.
Analyse / 7 Min.
Das Flowpeek-Dashboard lesen und das erste Analysethema wählen
Lernen Sie den Unterschied zwischen Besucher, Seitenaufruf und Bestellung kennen. Lesen Sie Ergebnisse im Kontext von Zeitraum, eigenen Zielen und Detailberichten.
Einrichtung / 7 Min.
Flowpeek einrichten: So bereiten Sie Ihren Shop vor und nehmen die Einrichtung ab
Shopdaten bereitstellen, den ersten Besuch und die erste Bestellung prüfen, den Datenumfang festlegen. Eine einfache Abnahmeliste – ganz ohne eigene Installation.
Kostenlos · 30 Minuten · online
GA4, Shop und Werbung zeigen unterschiedliche Zahlen? Wir prüfen das gemeinsam mit Ihnen.
Wir vergleichen einen Verkaufsmonat in Ihren Tools und zeigen drei Verbesserungen für Ihre Messung. Unverbindlich. Was wir prüfen
30 Tage mit Ihren eigenen Daten
Prüfen Sie, was danach geschah.
Kehren Sie zu Ereignissen, Funnel oder Customer Journeys zurück und bewerten Sie, ob die Beobachtung für eine konkrete Aktion im Shop relevant ist.
- Kein befristeter Vertrag
- Wir richten alles in 48 Std. für Sie ein
- App-Server in Deutschland (EU)
- Jederzeit kündbar
30 Tage für 0 PLN · erste Zahlung nach dem Test · jederzeit kündbar
Preise nach dem Testzeitraum ansehen