5 Heatmap-Einsichten zur Steigerung der Conversion und Verbesserung der UX

"Sie sagen mir also, dass ich alle meine Besucher verfolgen und dann genau sehen kann, wo sie wie oft klicken?!" - dachte ich.

Das wirklich Tolle an Heatmaps ist, dass sie Ihnen eine klare visuelle Darstellung der Rohdaten bieten, die Sie sonst von Google Analytics erhalten würden. So können Sie sofort handeln und verschwenden keine Zeit mit dem Versuch, zu verstehen, was all diese Besucher- und Klickzahlen tatsächlich für Ihr Unternehmen bedeuten. Auf diese Weise können Sie Ihre Conversions, Ihren Umsatz oder was auch immer Sie sich zum Ziel gesetzt haben, auf der Grundlage der visuellen Einblicke, die Sie durch eine Heatmap erhalten, steigern.

Heute möchte ich mit Ihnen einige der Dinge teilen, die wir aus mehr als 1 Million Klicks auf Heatmaps gelernt haben.

Aber bevor wir loslegen, möchte ich ganz ehrlich zu Ihnen sein und muss Sie auf eine Sache hinweisen:

Es gibt keine webweiten Regeln.

Egal, welche Fallstudie Sie lesen, Sie müssen sich leider vor Augen halten, dass es keine globalen, webweiten Regeln gibt, wenn es um Heatmap-Tests oder irgendeine andere Art von Performance-Tests im Web-Marketing geht.

Was ich sage, mag Ihnen vielleicht nicht gefallen, aber Tatsache ist, dass etwas, das bei einer anderen Person auf deren Site funktioniert hat, nicht bedeutet, dass es auch auf Ihrer Site genauso gut funktionieren wird. Verstehen Sie mich nicht falsch, die Erstellung von Heatmaps ist in der Tat eine großartige Möglichkeit, um wertvolle Einblicke in die Leistung Ihrer Site und mögliche Verbesserungsmöglichkeiten zu erhalten, aber diese Einblicke sind nur selten direkt auf eine andere Site übertragbar, also bedenken Sie das bitte.

Kommen wir nun zu den Ergebnissen.

1. Das "F"-Muster ist immer noch aktuell.

Vor etwa zehn Jahren gab es eine Nielsen-Studie, in der untersucht wurde, wie Nutzer mit den Ergebnissen der Google-Suchmaschine interagieren - wo sie klicken und was sie sich ansehen. Die Studie kam zu dem damals bahnbrechenden Ergebnis, dass Menschen Inhalte nach einem "F"-Muster konsumieren. Etwa so:

Google Golden Triangle by Amit Agarwal, on Flickr, https://www.flickr.com/photos/amit-agarwal/2052668047

Jetzt, ein Jahrzehnt später, ist das "F"-Muster immer noch aktuell. Und das gilt nicht nur für Suchmaschineneinträge. Es scheint, dass das Muster auch für alle großen Inhaltsblöcke gilt. Werfen Sie zum Beispiel einen Blick auf diese Heatmap, die zeigt, wo die Leser auf unserer Homepage bei SumoMe am häufigsten klicken:

Besonders interessant ist hier das Gitter, das unsere kostenlosen Apps präsentiert. Das Raster ist ein großer Inhaltsblock - jede App hat eine ähnliche Präsentation und das Raster selbst nimmt den größten Teil des Anzeigebereichs der Seite ein. Beachten Sie, dass die Apps auf der linken Seite mehr Klicks erhalten als die auf der rechten Seite, und dasselbe passiert, wenn wir die Apps am oberen Rand mit denen weiter unten auf der Seite vergleichen. Es handelt sich um ein Standard-F-Muster, genau wie in der Nielsen-Studie.

Wie können Sie das ausnutzen? Zeigen Sie Ihre wichtigsten Inhalte immer im oberen linken Teil eines bestimmten Inhaltsblocks an. Es ist eigentlich ziemlich bedauerlich, aber je mehr Sie zu sagen haben, desto weniger Menschen sind bereit, Ihnen zuzuhören.

2. Eine geschickte Blickführung erfüllt ihren Zweck.

Wenn ein Besucher zum ersten Mal auf Ihre Seite kommt, hat er keine Ahnung, worum es geht, was Sie zu bieten haben oder was er zuerst tun soll. Daher ist es Ihre Aufgabe, all diese Botschaften in nur einem Sekundenbruchteil zu vermitteln und die Aufmerksamkeit des Besuchers direkt auf die wichtigsten Informationen zu lenken.

Die Blickrichtung ist eine mächtige Waffe und es gibt viele Möglichkeiten, wie Sie sie in Ihrem Arsenal einsetzen können. Zum Beispiel können Sie verwenden:

1. Menschen, Gesichter, Tiere,
2. Perspektive.

Es ist seit Jahren bekannt, dass attraktive Menschen, Kinder und niedliche Tiere die Aufmerksamkeit auf sich ziehen wie nichts anderes. Lassen Sie das also beiseite und konzentrieren Sie sich stattdessen auf Letzteres.

Versuchen Sie, die Perspektive auf einer Seite zu nutzen, um Ihr Design zu "öffnen", so dass es auf das Hauptelement der Conversion hinweist. Hier ist zum Beispiel die aktuelle Homepage von Bluewire Media:

Diese Seite ist das Ergebnis eines Tests, der mit einer Heatmap durchgeführt wurde. Das vorherige Design sah so aus:

Und hier sind die Ergebnisse mit dem neuen Design (beachten Sie die heißen Punkte auf dem Formular):

Eines der Dinge, die sich geändert haben, ist die Perspektive der Demo-Screenshots. Auf der aktuellen Seite öffnen die Bildschirme das Design und zeigen uns direkt auf das Anmeldeformular.

Wie können Sie das ausnutzen? Richten Sie die Grafiken auf Ihrer Seite so aus, dass sie auf das wichtigste Element auf der Seite "blicken" - in der Regel Ihren Call-to-Action.

3. Die Menschen wollen sofort etwas bekommen, ohne zu warten.

Viele Online-Unternehmen konzentrieren ihre Bemühungen in erster Linie auf den Aufbau einer E-Mail-Liste, damit sie ihr Publikum später direkt kontaktieren können. Das ist eine gute Strategie. Wenn nur die Besucher genauso begeistert davon wären... aber oft sind sie es nicht.

Sehen Sie sich zum Beispiel die folgende Heatmap an, die Joel vom Ultimate Paleo Guide geteilt hat.

Wenn Sie sich die Site selbst ansehen, werden Sie feststellen, dass die E-Mail-Abonnementbox gut sichtbar ist und eine gute Call-to-Action-Farbgebung aufweist. In gewisser Weise ist alles in Ordnung, wenn wir das Thema aus der Sicht eines Online Growth Hackers betrachten. Die Heatmap zeigt uns jedoch, dass die am häufigsten angeklickten Bereiche der Link "Hier starten", der Link "Lebensmittelliste", der Link "Paleo-Rezepte" und der Link "Mahlzeitenpläne" sind. Was haben all diese Links gemeinsam?

Sie geben.

Sie geben sofort etwas.

Der Besucher erwartet, dass er etwas erhält, sobald er auf den Link klickt und zu einer anderen Unterseite weitergeleitet wird. Beim Abonnementformular hingegen wissen die Besucher, dass sie nach dem Ausfüllen des Formulars zunächst auf die Bestätigungs-E-Mail und dann auf den eigentlichen Inhalt warten müssen.

Wie können Sie dies ausnutzen? Versuchen Sie es mit Call-to-Action-Links oder Schaltflächen anstelle von eingebetteten Formularen. Sie können zum Beispiel die Schaltfläche als Auslöser für ein Pop-up mit Ihrem Formular festlegen. Das ist zwar ein zusätzlicher Schritt, aber die Methode ist erstaunlich effektiv. Schauen Sie, wie sich das in Ihrem Fall auswirkt.

4. Bilder von Produkt-Demos funktionieren außergewöhnlich gut.

Es klingt wie ein Klischee, aber ein Bild sagt tatsächlich mehr als tausend Worte, vor allem, wenn Sie versuchen, ein physisches Produkt zu verkaufen. Die Leute wollen das Produkt aus allen möglichen Blickwinkeln sehen und sind sogar daran interessiert, wie das Produkt aussieht, wenn es von anderen Menschen benutzt wird.

Das hat Bros Leather Supply herausgefunden, als es seine Produktseiten überarbeitete. Eines der meistgeklickten Elemente auf dieser Seite waren die kleinen Vorschaubilder der Produkte - in diesem Fall der Taschen.

Bros Leather Supply führte mehr Miniaturansichten ein, nachdem die vorherige Heatmap gezeigt hatte, dass die Besucher sehr daran interessiert sind, sie durchzublättern.

Wie können Sie das ausnutzen? Zeigen Sie, wann immer es möglich ist, die tatsächlichen Fotos Ihres Produkts. Wenn es sich um ein physisches Produkt handelt, ist das ziemlich einfach. Bei digitalen Produkten können Sie es mit Screenshots oder Gerätebildschirmen für Mobile Apps versuchen.

5. Das Spiel ändert sich ständig - selbst für die Großen.

Im Internet ändern sich die Dinge wirklich ständig, und leider sind die Tests, die Sie in einem Jahr durchführen, im nächsten Jahr nicht immer anwendbar.

Lassen Sie uns zum Beweis einen Blick auf das größte Webunternehmen von allen werfen - Google. Im Jahr 2005 mussten Sie, wenn Sie in der Suchmaschine sichtbar sein wollten, auf Platz 1 landen. Heutzutage heißt es jedoch, dass eine Platzierung oberhalb des vierten Platzes ähnlich wertvoll ist und dass die Seite mit der Nummer 1 die Ergebnisse nicht mehr in irgendeiner Weise dominiert.

Heatmaps sind ein außergewöhnliches Tool, das Ihnen dabei helfen kann, Ihre Website zu verbessern und sie letztendlich auf mehreren Ebenen besser zu machen. Und das Wichtigste ist, dass Heatmaps heutzutage sehr einfach zu verwenden sind. Optimizely ist mit zwei Heatmap-Anbietern integriert, CrazyEgg und ClickTale. SumoMe hat ein kostenloses Plugin für das Heatmap-Tool.

Wenn Sie das Potenzial von Heatmaps wirklich ausschöpfen wollen, müssen Sie sie als langfristige Strategie betrachten und nicht als schnelle Lösung. Die speziellen Ergebnisse, die ich in diesem Beitrag vorstelle, sind oft das Ergebnis wochen- oder monatelanger Tests mit verschiedenen Varianten, unterschiedlichen Zielen und unterschiedlichen Zielgruppen. Der Schlüssel zum Erfolg war schon immer, Fragen zu stellen, unermüdlich zu experimentieren, sich nicht auf Ihre Annahmen zu verlassen und einfach die Daten für sich selbst sprechen zu lassen.

Kurz gesagt: Sie wollen etwas Großartiges schaffen? Testen Sie, testen Sie und dann testen Sie noch mehr.

Sagen Sie mir also, ob Sie vorhaben, Heatmaps auszuprobieren? Oder verwenden Sie sie bereits und möchten Ihre Ergebnisse mit uns teilen?