Auf fast jedem Universitätsgelände gibt es zwei Sorten Wege. Die einen hat ein Architekt gezeichnet: sauber gepflastert, im rechten Winkel, schön anzusehen. Die anderen hat niemand geplant. Sie sind quer über den Rasen ins Gras getreten, von tausend Schuhen, die alle dasselbe dachten: Hier geht es kürzer.

Eine Heatmap ist der erste Schnee, der diese Trampelpfade sichtbar macht.

Sie zeigt nicht, wo die Menschen gehen sollen. Sie zeigt, wo sie wirklich gehen. Und genau das ist der Unterschied, der über Erfolg und Misserfolg einer Webseite entscheidet.

Eine Heatmap macht sichtbar, welche Bereiche einer Webseite Aufmerksamkeit erhalten und welche Elemente kaum wahrgenommen werden.

Was eine Heatmap ist

Eine Heatmap ist eine farbige Landkarte des Verhaltens. Sie übersetzt nackte Zahlen in Wärme und Kälte: Was viele Menschen anklicken, ansteuern oder anschauen, leuchtet rot. Was sie ignorieren, bleibt kühl und blau. Dazwischen alle Abstufungen, vom Orange bis ins Türkis.

Dahinter steckt eine alte Idee aus der Datenvisualisierung. Sobald Werte eine Fläche bedecken, lässt sich diese Fläche einfärben. Eine Wetterkarte tut nichts anderes, wenn sie Temperaturen über Deutschland legt. Im Web-Kontext liegt die Fläche eben nicht über einem Land, sondern über Ihrer Seite. Und gemessen wird nicht die Lufttemperatur, sondern die Aufmerksamkeit.

Das Schöne daran: Sie müssen keine Tabelle entziffern. Sie müssen nicht hundert Zeilen Klickdaten lesen. Ein Blick auf das Rot, und Sie wissen, wohin die Augen der Besucherinnen und Besucher wandern. Ein Blick auf das Blau, und Sie sehen, was Sie liebevoll gestaltet haben und was trotzdem niemand bemerkt.

Warum eine Heatmap mehr verrät als jede Meinung

Die meisten Menschen verlieben sich in ihren eigenen Plan. Der Designer ist stolz auf die Navigation. Die Geschäftsführung findet den Button oben rechts logisch. Das Team diskutiert in der Sitzung, wo der Call-to-Action stehen soll, und alle sind sich am Ende einig.

Nur die Besucher waren nicht in der Sitzung.

Eine Heatmap holt sie nachträglich an den Tisch. Sie ersetzt das „Ich glaube, die Leute klicken hier“ durch das „Die Leute klicken dort“. Und oft genug klaffen diese beiden Sätze weit auseinander. Der schöne, mittig platzierte CTA bleibt kalt. Stattdessen tippen alle auf ein Bild, das gar nicht verlinkt ist, weil es nun mal so aussieht, als müsste man es antippen können.

Was würden Sie für eine Seite ändern, wenn Sie aufhören würden zu raten, wo die Leute hinschauen?

Genau hier liegt der Wert. Eine Heatmap diskutiert nicht. Sie behauptet nicht. Sie zeigt die Trampelpfade, und die lügen nicht.

Die vier Arten von Heatmaps

Trampelpfade lassen sich auf verschiedene Weise messen. Vier Typen haben sich durchgesetzt, und jeder beantwortet eine andere Frage.

Click-Heatmaps zeigen, wohin geklickt oder getippt wird. Das ist die ehrlichste aller Karten, weil ein Klick eine bewusste Handlung ist. Sie sehen, ob Ihre wichtigen Buttons gefunden werden. Sie sehen aber auch das Stille, das Frustrierende: Klicks auf Elemente, die gar keine sind. Wenn die Leute hartnäckig auf eine Überschrift tippen, halten sie diese für einen Link. Eine kleine Karte, eine große Erkenntnis.

Scroll-Heatmaps messen, wie weit nach unten gescrollt wird. Sie verraten, wo die Seite für die meisten endet. Und sie zerstören eine beliebte Illusion, nämlich die, dass alles, was man hochlädt, auch gesehen wird. Häufig erreicht nur ein Bruchteil der Besucher den unteren Seitenrand. Wer sein wichtigstes Argument dort versteckt, redet gegen eine geschlossene Tür.

Mouse-Movement-Heatmaps zeichnen auf, wohin der Cursor wandert. Lange galt als gesetzt: Wo die Maus ist, da ist auch der Blick. Das stimmt, aber nur mit Einschränkung. Studien wie die viel zitierte Untersuchung von Chen, Anderson und Sohn aus dem Jahr 2001 fanden eine deutliche Überlappung von Maus- und Augenbewegung, vor allem während des aktiven Lesens. Sobald jemand jedoch nur nachdenkt und den Cursor irgendwo parkt, läuft die Spur ins Leere. Die Maus ist ein guter Zeuge, aber ein unzuverlässiger, wenn der Mensch gerade träumt.

Eye-Tracking-Heatmaps verfolgen die Augen direkt, mit Kamera oder Spezialhardware. Das ist die präziseste Methode, aber auch die teuerste und sperrigste. Hier liegt zugleich eine der bekanntesten Entdeckungen der Webforschung begraben: das sogenannte F-Muster. Die Eye-Tracking-Studien der Nielsen Norman Group zeigten, dass Menschen Textseiten häufig in einer Form lesen, die an den Buchstaben F erinnert. Zwei waagerechte Bahnen oben, dann ein senkrechter Abstrich an der linken Kante. Wer das weiß, schreibt anders. Die ersten Worte einer Zeile tragen das Gewicht, nicht die letzten.

Wo eine Heatmap wirklich etwas bewegt

Eine schöne Karte allein verändert nichts. Sie wird erst nützlich, wenn aus dem Sehen ein Tun wird.

In der Conversion-Optimierung dient die Heatmap als Detektiv. Ein Formular, das keiner ausfüllt, lag vielleicht einfach zu weit unten, in der eiskalten blauen Zone, die kaum jemand erreicht. Ein paar hundert Pixel weiter nach oben, und plötzlich wird es gesehen.

Für die Benutzerführung ist sie ein Ehrlichkeitstest. Stolpern die Leute an einer bestimmten Stelle? Brechen sie reihenweise ab, kurz bevor es interessant wird? Die Karte zeigt den Bruch, auch wenn sie den Grund verschweigt.

Und in Verbindung mit A/B-Tests wird sie zum Schiedsrichter. Zwei Layouts treten gegeneinander an, und statt über Geschmack zu streiten, schauen Sie nach, welcher Entwurf die Wärme dorthin lenkt, wo Sie sie haben wollen.

Was eine Heatmap niemals kann

Jetzt die unbequeme Seite, denn ohne sie wäre dieser Text geschönt.

Eine Heatmap zeigt das Wo. Sie schweigt beim Warum.

Sie sehen, dass ein Bereich kalt bleibt. Ob das daran liegt, dass er langweilig ist, schlecht platziert oder schlicht überflüssig, sagt Ihnen keine Farbe der Welt. Die Karte ist ein Symptom, keine Diagnose. Wer sie für sich allein liest, baut auf Vermutungen, nur in bunt.

Dazu kommt die Frage der Datenmenge. Eine Heatmap aus zwanzig Besuchen ist kein Bild, sondern ein Zufall. Erst viele Datenpunkte ergeben ein verlässliches Muster, und diese Daten sollten zu den Menschen passen, die Sie wirklich erreichen wollen. Eine Karte, gespeist aus den Klicks Ihrer Kollegen, die nur kurz „mal schauen wollten“, führt Sie sehenden Auges in die Irre.

Wie Sie eine Heatmap richtig lesen

Bevor Sie eine Karte erstellen, klären Sie die Frage, die sie beantworten soll. „Wird mein neuer Button gefunden?“ ist eine Frage. „Mal gucken, was so passiert“ ist keine.

Lesen Sie die Heatmap nie isoliert. Legen Sie sie neben Ihre Analytics-Zahlen, neben echte Rückmeldungen von Nutzerinnen und Nutzern, neben einen A/B-Test. Erst im Zusammenspiel entsteht ein Bild, das trägt. Werkzeuge wie Microsoft Clarity, Mouseflow oder Hotjar liefern die Karten heute, doch das Denken bleibt Ihre Aufgabe.

Und wiederholen Sie die Messung. Menschen ändern ihr Verhalten, Seiten ändern sich, Kampagnen kommen und gehen. Eine Heatmap von vor zwei Jahren ist eine Postkarte aus einer Stadt, die es so nicht mehr gibt.

Der Trampelpfad verrät Ihnen, wo die Menschen gehen wollen. Was Sie daraus machen, ob Sie ihn pflastern oder die Leute weiter durchs nasse Gras schicken, das verrät keine Karte. Das entscheiden Sie.

Wo also läuft auf Ihrer Seite gerade jemand quer über den Rasen, und Sie haben es bloß noch nicht bemerkt?