Heatmap

Was ist eine Heatmap?

Heatmaps sind eine visuelle Methode der Datenrepräsentation, bei der Werte grafisch durch Farbvariationen dargestellt werden, um jeden unterschiedlichen Wert zu zeigen. Die Farbe zeigt die Größe des Wertes an.

Obwohl Heatmaps seit ihrer Erfindung in den späten 1800er Jahren für eine Vielzahl von Anwendungen verwendet wurden, werden moderne Heatmaps am häufigsten eingesetzt, um zu verstehen, was auf einer Webseite gut oder schlecht funktioniert.

Heatmaps zeigen, auf welche Seitenelemente Benutzer geklickt haben oder wie weit sie auf einer Seite nach unten gescrollt haben. Dies zeigt Vermarktern und Webdesignern, was Benutzer auf ihrer Seite tun, ob Besucher wichtige Seitenelemente ignorieren oder ob Designfehler einen Interessenten daran hindern, zu konvertieren.

Während Heatmaps von Hand erstellt werden können, verwenden die meisten digitalen Versionen spezialisierte Heatmap-Tools, die in ein Website-Content-Management-System integriert oder über HTML hinzugefügt werden können, um das Benutzerverhalten auf einer Website in Echtzeit zu verfolgen.

Heatmap Software

Software, die heatmap als Funktion oder Begriff erwähnt.

Plerdy

Mouseflow

Hotjar

Smartlook

Crazy Egg

VWO Testing

Arten von Heatmaps

Nicht jede Art von Heatmap ist für jede Situation geeignet. Für den Einsatz auf Websites und im Benutzererlebnis (UX)-Design werden unsere Haupttypen von Heatmaps am häufigsten verwendet.

• Klick- und Tap-Heatmaps sind die häufigsten Heatmaps im UX- und Webdesign. Sie zeichnen Informationen darüber auf, wo Besucher auf einer Landingpage klicken, wobei Farbvariationen die am wenigsten bis am meisten beliebten Bereiche zeigen.
• Scroll-Maps zeigen, wie weit Besucher auf einer einzelnen Seite nach unten scrollen und heben die Punkte hervor, an denen Benutzer die Seite verlassen. Während die Heatmap nicht zeigen kann, warum ein Besucher eine Seite verlässt, kann das Wissen, wo sie aussteigen, Designentscheidungen informieren, die Besucher dazu ermutigen sollen, länger auf der Seite zu bleiben oder einem Call-to-Action zu folgen.
• Maus-Tracking- oder Hover-Heatmaps zeichnen Daten auf, die anzeigen, wo sich der Cursor eines Benutzers auf einer Landingpage bewegt oder ob er für eine bestimmte Zeit an einem bestimmten Ort bleibt.
• Eye-Tracking-Maps sind eine genauere Darstellung des Benutzerverhaltens als Maus-Maps. Hover-Heatmaps sind hilfreich, aber sie zeigen nicht, wo ein Benutzer tatsächlich auf seinen Bildschirm schaut. In einigen Fällen können Maus- und Augenposition übereinstimmen, aber Eye-Tracking-Maps verfolgen die Augen des Benutzers, während er eine Seite betrachtet. Da spezielle Technologie erforderlich ist, um diese Daten zu verfolgen, werden Eye-Tracking-Heatmaps in der Regel in Laborumgebungen oder über Webcams für Marketingexperimente oder Umfragen verwendet.

Grundelemente von Heatmaps

Die meisten Heatmaps verwenden entweder ein Graustufen- oder ein Regenbogenfarbschema, um Wertbereiche hervorzuheben, wobei ein warm-kühles Spektrum die am meisten bis am wenigsten beliebten Seitenelemente zeigt. Regenbögen werden oft bevorzugt, da sie mehr Schattierungsvariationen bieten, die leichter wahrzunehmen sind als Weiß-zu-Schwarz-Stufen auf einer Graustufe.

Unabhängig davon, welche Farbskala verwendet wird, zeigen Heatmaps:

• Die Aktionen, die Benutzer auf einer Seite ausführen. Schaltflächen, Links oder Formularfelder, die häufig angeklickt werden, sind auf einer Klick- oder Tap-Heatmap in den wärmsten Farben hervorgehoben – rot auf einer Regenbogenskala. Auf einer Scroll-Map verblassen die Farben typischerweise von rot zu blau weiter unten auf der Seite, da Benutzer an verschiedenen Punkten abspringen.
• Die Informationen, mit denen Benutzer interagieren. Wärmebereiche auf einer Heatmap zeigen Stellen auf einer Landingpage, die die meiste Aufmerksamkeit von Besuchern erhalten, sei es durch Klicks, Scrolls oder sogar durch Augenbewegungen. Wenn wichtige Informationen einer Landingpage auf einer Heatmap als „kühl“ erscheinen, bedeutet das, dass Benutzer nicht genug Zeit damit verbringen, dort zu interagieren, wo der Designer es möchte. Eine Bearbeitung oder Überarbeitung kann notwendig sein, um Besucher an die richtige Stelle zu lenken.

Vorteile der Verwendung von Heatmaps

Andere Tools können Metriken darüber bestimmen, welche Seiten Benutzer besuchen, aber sie generieren nicht immer nützliche oder genaue Informationen darüber, was ein Benutzer tut, sobald er auf der Seite ist. Heatmaps sind eine der besten Möglichkeiten für Vermarkter und Webdesigner, um:

• Besser zu verstehen, wie sich Benutzer auf einer Landingpage verhalten. Der Zugriff auf Daten darüber, was Website-Besucher auf bestimmten Seiten tun, gibt Kontext für andere wichtige Website-Metriken wie Konversionsrate und Verweildauer auf der Seite.
• Verhaltensmuster von Benutzern im Laufe der Zeit zu identifizieren. Da Daten in Echtzeit und über lange Zeiträume gesammelt werden, ermöglichen Heatmaps Designern, Trends im Besucher verhalten zu erkennen, sowohl wünschenswerte als auch unerwünschte.
• Über aktuelles und zukünftiges Webdesign zu entscheiden. Wichtige Entscheidungen über das Layout und Design einer Seite ohne Benutzerinformationen zu treffen, kann ein kostspieliger und zeitaufwändiger Fehler sein. Heatmaps helfen Unternehmen, einige dieser Probleme zu vermeiden, indem sie harte Daten bereitstellen, um Entscheidungen über die Platzierung von Inhalten, Schaltflächen, Links oder Seitenlänge zu unterstützen. Dies macht Experimente wie A/B-Tests wahrscheinlich erfolgreich.
• Große Mengen an Benutzerdaten in einem leicht zu visualisierenden Format zu verstehen. Große Mengen an numerischen Daten können schwer zu verstehen sein. Die in Heatmaps verwendeten Farbskalen werden vom Gehirn leichter wahrgenommen als Text, was die Analyse und das Verständnis erleichtert.

Best Practices für die Verwendung von Heatmaps

Obwohl Heatmaps im Marketing und UX-Design von Vorteil sind, ist es leicht, Daten falsch zu interpretieren, wenn von Anfang an keine wichtigen Best Practices befolgt werden. Dazu gehören:

• Entscheiden, welche Seiten am wichtigsten zu verfolgen sind. Es kann verlockend sein, Heatmap-Software auf jeder Seite einer Website zu installieren, aber das ist normalerweise nicht notwendig. Stattdessen sollte der Fokus auf den geschäftskritischsten Seiten liegen, wie wichtigen Verkaufs-Landingpages oder primären Konversionsseiten.
• Die richtige Art von Heatmap wählen. Die Art der zu bewertenden Daten und Metriken bestimmt die Entscheidung, welche Art von Heatmap auf einer Seite platziert werden soll.
• Eine Mindestanzahl von Seitenbesuchen verfolgen, bevor die Daten verwendet werden. Heatmaps sind kein magisches Werkzeug, das bedeutungsvolle Daten im Handumdrehen herbeizaubern kann. Es ist wichtig, dass das Tracking Informationen über eine große Anzahl von Website-Besuchern sammelt, um glaubwürdige Daten zu gewährleisten.
• Heatmap-Daten mit anderen Quellen verifizieren. Daten bedeuten nichts ohne Kontext. Das Cross-Referencing von Heatmap-Daten mit anderen Metriken aus Analysetools oder Benutzerfeedback macht die in der Heatmap gesammelten Informationen wertvoller.

Verfolgen Sie das Benutzerverhalten auf einer Website und treffen Sie datengetriebene Marketingentscheidungen mit digitaler Analysesoftware.