Es gibt verschiedene Arten von Heatmaps, die jeweils einzigartige Daten und Erkenntnisse anzeigen:
Klicken und Tippen Heatmaps
Klicken und Tippen Heatmaps helfen Ihnen dabei festzustellen, wo Benutzer auf Ihrer Seite klicken. Wenn sie auf einem Mobilgerät oder Tablet sind, wird auch das Tippen verfolgt. Klicken und Tippen Heatmaps können Ihnen helfen, das Nutzerverhalten zu verstehen - zum Beispiel, klicken Ihre Seitenbesucher auf die Links, die Sie möchten? Oder klicken sie versehentlich auf Elemente, die nicht interaktiv sind? Hotjar verfolgt die Klicks und Tipps aller Benutzer, deren Sitzung aufgezeichnet wurde, und generiert automatisch eine visuelle Darstellung der Bereiche, mit denen sie interagiert haben.
Beispiel einer Klick-Heatmap
Um festzustellen, ob es sich um ein isoliertes Problem handelt oder ob Sie eine größere Chance oder ein Problem gefunden haben, wählen Sie einen Klickindikator aus, um aus der Klick-Heatmap herauszuzoomen und eine Trend (erfordert Observe Business)(erfordert Observe Scale) oder eine Gruppe von Aufnahmen, die nach dem speziell angeklickten CSS-Selektor auf der aktuellen Seite gefiltert sind (erfordert Observe Business).
Hotjar kann mehr Klickdaten sammeln als auf Ihrer Heatmap angezeigt werden
Hotjar zeigt nur die Interaktionen auf den Elementen, die im Screenshot sichtbar sind. Die Klickanzahl in der Heatmap-Ansicht und der % der Klicks basieren nur auf diesen Elementen.
Zum Beispiel, wenn Ihre Seite ein Dropdown-Menü hat, spiegeln die Klickdaten keine Menüpunkte wider, die nicht im Screenshot ausgeklappt sind. Für eine vollständige Liste der Interaktionen können Sie die Rohdaten exportieren.
Um zu zeigen, wie oft bestimmte Bereiche Ihrer Seite angeklickt wurden, verwendet Hotjar eine Farbskala:
Rot oder "Heiß" zeigt die Elemente/Bereiche, die am häufigsten angeklickt wurden, während Blau oder "Kalt" die Bereiche zeigt, die am seltensten angeklickt wurden.
Wie Klicks und Tipps aufgezeichnet werden
Um sicherzustellen, dass Hotjar genau meldet, wo Ihre Benutzer interagiert haben, erfassen wir Klicks relativ zu Elementen auf der Seite. Wenn ein Benutzer beispielsweise auf eine Schaltfläche klickt, erfassen wir die Position ihres Cursors relativ zu dieser bestimmten Schaltfläche, nicht zur gesamten Seite.
Bewegungs-Heatmaps
Bewegungs-Heatmaps zeigen, wohin Benutzer ihre Maus auf dem Bildschirm bewegt haben.
Beispiel einer Bewegungs-Heatmap
Hotjar sampelt die Mausbewegungen aller Benutzer, deren Sitzung aufgezeichnet wurde, und generiert automatisch eine visuelle Darstellung der Bereiche, über die sie ihre Maus bewegt haben. Um zu zeigen, wie oft Benutzer ihre Maus über bestimmte Bereiche der Seite bewegt haben, verwendet Hotjar diese Farbskala:
Wenn viele Ihrer Benutzer ihre Maus an einen bestimmten Punkt bewegt haben, ist dieser Bereich "heißer". Die Farbskala ermöglicht es Ihnen, visuell zu sehen, wie oft Ihre Benutzer ihre Maus über verschiedene Bereiche auf Ihrer Seite bewegt haben.
Wie Hotjar Bewegungen aufzeichnet und anzeigt
Hotjar zeichnet die Position des Mauszeigers des Benutzers alle 100 ms auf, also 10 Mal pro Sekunde. Wir senden Bewegungsdaten in regelmäßigen Abständen an die Hotjar-Server, um aufzuzeichnen, wohin Benutzer ihren Cursor auf einer Seite bewegt haben, und verwenden diese Daten später zur Generierung Ihrer Bewegungs-Heatmap.
Da wir die Position alle 100 ms verfolgen, kann die Heatmap anfangs wie eine Klick-Heatmap aussehen, wenn nur wenige Seitenaufrufe vorliegen. Sobald jedoch genügend Daten gesammelt wurden, werden Muster sichtbar, die die am häufigsten verwendeten Bereiche auf Ihrer Seite zeigen.
Scroll-Heatmaps
Scroll-Heatmaps zeigen Ihnen, wie weit Benutzer auf der Seite nach unten scrollen.
Beispiel einer Scroll-Heatmap
Diese Daten werden berechnet, indem die Anzahl der Benutzer, die die Seite besucht haben, gegen die Tiefe analysiert wird, zu der sie gescrollt haben. Wenn Sie eine Heatmap ausführen, die mehrere Seiten anspricht, sind Scroll-Heatmaps nicht genau, wenn diese in der Größe variieren.
Dies ergibt einen Durchschnitt, wie viele Benutzer zu jedem Abschnitt Ihrer Seite gescrollt sind. Um dies zu sehen, können Sie Ihre Maus über die Scroll-Heatmap bewegen, wo ein Marker angezeigt wird, der den genauen Prozentsatz der Benutzer angibt, der diesen Punkt Ihrer Seite erreicht hat.
Um Ihnen zu zeigen, wie viele Benutzer zu verschiedenen Teilen Ihrer Seite gescrollt sind, verwendet Hotjar diese Farbskala:
Rote oder "heiße" Bereiche Ihrer Heatmap zeigen an, dass alle oder fast alle Ihre Benutzer diesen Teil der Seite gesehen haben. Wenn Sie weiter nach unten scrollen, werden die Farben "kälter", entsprechend dem Prozentsatz der Benutzer, die bis zu diesem Punkt gescrollt sind.
Durchschnittlicher Fold
Die Scroll-Heatmap berechnet auch den durchschnittlichen Fold auf Ihrer Seite. Der Fold ist der niedrigste sichtbare Punkt auf dem Bildschirm, wenn ein Benutzer eine Seite öffnet, bevor er gescrollt hat.
Der durchschnittliche Fold wird mit der folgenden Formel berechnet: Gesamthöhe des Fensters/Besuchsanzahl, und wird als weiße Linie mit der Beschriftung DURCHSCHNITTLICHER FOLD dargestellt.
Scroll-Tiefenmesser
Der Scroll-Tiefenmesser zeigt den durchschnittlichen Fold sowie wie viele Benutzer 75, 50 oder 25 Prozent der Seite heruntergescrollt haben. Dies ermöglicht es Ihnen, die Scrolltiefe mit Klick- und Bewegungsdaten zu vergleichen, ohne zwischen Heatmap-Typen wechseln zu müssen - Sie erfahren sofort, wie viele Benutzer ein Element angeklickt haben im Vergleich dazu, wie viele es angesehen haben.
Engagement-Zonen-Karte
Verfügbarkeit des Plans
Beobachten 
Beobachten , Beobachten 
Die Engagement-Zonen-Karte kombiniert Klick-, Bewegungs- und Scroll-Interaktionsdaten in einer Ansicht, um Ihnen zu zeigen, mit welchen Teilen Ihrer Seite Benutzer am meisten interagieren.
Diese Karte hilft Ihnen, klare Muster auf der Seite zu erkennen und zu verstehen, welchen Inhalt Ihre Benutzer am wertvollsten finden, damit Sie Ihre UX verbessern und Konversionen steigern können.
Wie die Zonen funktionieren
Die Karte hebt eine Reihe von moderat bis hoch engagierten Zonen auf einer Seite hervor. Dies basiert auf den verfügbaren Interaktionen aus Scroll-, Klick- und Bewegungsdaten.
Beispiel einer Engagement-Zonen-Karte.
Das Engagement wird für die letzten 3 Monate aus dem ausgewählten Datumsbereich und in drei Stufen, die relativ zur Seite sind, angezeigt:
- Moderat (rosa): Etwas Engagement unter den verfügbaren Interaktionsdaten.
- Hoch (hellrot): Viel Engagement unter den verfügbaren Interaktionsdaten.
- Sehr hoch (rot): Das meiste Engagement unter den verfügbaren Interaktionsdaten.
Je höher das Engagement in einem Bereich ist, desto wahrscheinlicher ist es, dass ein Benutzer entweder Elemente in diesem Teil der Seite bewegt oder angeklickt hat.
Scroll-Daten werden verwendet, um Interaktionen zu gewichten, die weiter unten auf der Seite stattgefunden haben. Zum Beispiel kann Scroll-Daten zeigen, dass ein bestimmtes Element von nicht so vielen Benutzern gesehen wurde, aber der Prozentsatz der Benutzer, die es gesehen haben, interagiert haben. Dies hilft dabei, Bereiche auf Ihrer Seite zu entdecken, die Sie möglicherweise weiter nach oben verschieben oder mehr Aufmerksamkeit schenken möchten.
Rage-Clicks-Karte
Verfügbarkeit des Plans
Beobachten Beobachten , Beobachten
Die Rage-Click-Karte ermöglicht es Ihnen zu visualisieren, welche Teile einer Seite bei Benutzern die meisten Probleme verursachen.
Um festzustellen, ob es sich um ein isoliertes Problem handelt oder ob Sie eine breitere Möglichkeit oder ein Problem gefunden haben, klicken Sie auf einen Rage-Click-Indikator, um aus der Rage-Click-Karte herauszuzoomen und eine Trend (erfordert Beobachten Business)(erfordert Beobachten Skalierung) oder Gruppe von Aufzeichnungen, die nach dem speziell angeklickten CSS-Selektor auf der aktuellen Seite gefiltert sind (erfordert Beobachten Business).
Wie Rage-Clicks funktionieren
Wenn in der Seitenleiste aktiviert, ermöglicht es die Rage-Click-Karte zu sehen, wenn ein Benutzer innerhalb von 500 ms fünfmal auf dasselbe Element klickt. Ein wütendes Gesichtssymbol wird über dem Element für jede Sitzung erscheinen, in der dieser Rage-Click aufgetreten ist. Sie sind in der Regel ein Zeichen für Benutzerfrustration aufgrund von Verwirrung oder defekten Elementen. Sie können jedoch auch bei Elementen wie einem Bildkarussell auftreten, wenn ein Benutzer klickt/tippt, um durch die Bilder zu scrollen.
Dies kann helfen, Probleme wie defekte Links, langsam ladende Seiten oder Bereiche zu identifizieren, von denen ein Benutzer denkt, dass sie interaktiv sein sollten, es aber nicht sind.
Weitere Fragen zu Heatmaps?
Schauen Sie sich unseren Heatmap-Leitfaden an, um herauszufinden, wie Heatmaps Ihnen helfen können, das Nutzerverhalten zu identifizieren und zu verstehen, oder wenden Sie sich mit dem unten stehenden Kontaktieren Sie uns-Button an unser Support-Team.