Der vollständige Leitfaden zu Heatmaps: Wie man sie erstellt und verwendet

Heatmaps sind ein beliebtes Tool zur Conversion-Optimierung, und das aus gutem Grund. Wir haben richtig eingesetzt, dass sie eine leistungsstarke Möglichkeit sind, Ihr Publikum besser zu verstehen und mehr Wert zu liefern.

Was können Heatmaps also beantworten?

Was ist eine Heatmap?

Heatmaps sind visuelle Darstellungen von Daten. Sie wurden Mitte der 1990er Jahre von Cormac Kinney entwickelt, um Händlern zu ermöglichen, die Finanzmärkte zu schlagen.

In unserem Kontext lassen sie uns aufzeichnen und quantifizieren, was Menschen mit ihrer Maus oder ihrem Trackpad tun, und zeigen es dann auf visuell ansprechende Weise an.

„Heatmaps“ sind eigentlich eine weit gefasste Kategorie, die Folgendes umfassen kann:

1. Hover-Maps (Mausbewegungsverfolgung);
2. Klicken Sie auf Karten;
3. Achtung Karten;
4. Karten scrollen.

Um genaue Schlussfolgerungen für einen der oben genannten Heatmap-Typen zu ziehen, sollten Sie über eine ausreichende Stichprobengröße pro Seite/Bildschirm verfügen, bevor Sie auf die Ergebnisse reagieren. Eine gute Faustregel sind 2.000–3.000 Seitenaufrufe pro Designbildschirm und auch pro Gerät (d. h. mobile und Desktop getrennt betrachten). Wenn die Heatmap beispielsweise auf 50 Benutzern basiert, vertrauen Sie den Daten nicht.

Was ist eine Website-Heatmap?

Eine Website-Heatmap ist eine visuelle Darstellung, wie Ihre Benutzer mit Ihrer Website interagieren, indem die Kategorien auf Ihrer Website in einer Reihe von Farben dargestellt werden, von den „beliebtesten“ in Rot bis zu den „unbeliebtesten“ in Blau.

Die 4 Arten von Heatmaps

Da es einige verschiedene Arten von Heatmaps gibt, wollen wir uns jede einzelne davon und den Wert, den sie bieten, ansehen.

1. Hover-Maps (Mausbewegungsverfolgung)

Wenn Leute „Heatmap“ sagen, meinen sie oft Hover-Map. Hover-Karten zeigen Ihnen Bereiche, in denen Personen mit dem Mauszeiger über eine Seite gefahren sind. Die Idee ist, dass die Leute schauen, wohin sie schweben, und so zeigt es, wie Benutzer eine Webseite lesen.

Hover-Maps sind einer klassischen Usability-Testtechnik nachempfunden: Eye-Tracking. Während das Eye-Tracking nützlich ist, um zu verstehen, wie ein Benutzer auf einer Website navigiert, greift das Maus-Tracking aufgrund einiger ausgedehnter Schlussfolgerungen tendenziell zu kurz.

Die Genauigkeit des Mauszeiger-Trackings ist fraglich. Die Leute schauen sich vielleicht Dinge an, über die sie nicht schweben. Sie können auch über Dingen schweben, die sehr wenig Aufmerksamkeit erhalten – daher wäre die Heatmap ungenau. Vielleicht stimmt es, vielleicht nicht. Woher weißt du das? Du nicht.

Im Jahr 2010 präsentierte Dr. Anne Aula, Senior User Experience Researcher bei Google, einige enttäuschende Ergebnisse zum Maus-Tracking:

• Nur 6 % der Menschen zeigten eine gewisse vertikale Korrelation zwischen Mausbewegung und Blickverfolgung.
• 19 % der Personen zeigten eine gewisse horizontale Korrelation zwischen Mausbewegung und Blickverfolgung.
• 10 % fuhren mit der Maus über einen Link und lasen dann auf der Seite weiter und sahen sich andere Dinge an.

Normalerweise ignorieren wir diese Arten von Heatmaps. Selbst wenn Sie es sich ansehen, um zu sehen, ob es Ihren Verdacht stützt, legen Sie nicht zu viel Wert darauf. Guy Redwood von Simple Usability ist ähnlich skeptisch gegenüber dem Maustracking:

Wir führen Eye-Tracking-Studien jetzt seit über 5 Jahren durch und können ehrlich sagen, dass es aus Sicht der Benutzererfahrungsforschung keine sinnvolle Korrelation zwischen Augenbewegungen und Mausbewegungen gibt – abgesehen von dem offensichtlichen Blick darauf, wo Sie klicken werden.

Wenn es eine Korrelation gäbe, könnten wir sofort aufhören, Geld für Eye-Tracking-Geräte auszugeben und einfach unsere Maus-Tracking-Daten von Websites und Usability-Sitzungen verwenden.

Daher nennt Peep diese Karten „das Eye-Tracking-Tool eines armen Mannes“.

Ohne große Überschneidungen zwischen dem, was diese Karten zeigen, und dem, was Benutzer tun, ist es schwierig, auf tatsächliche Erkenntnisse zu schließen. Am Ende erzählt man mehr Geschichten, um die Bilder zu erklären, als tatsächliche Wahrheiten. Dieser Blogbeitrag, in dem Heatmaps für die Bewegungen von Fußballspielern kritisiert werden, bringt es gut auf den Punkt:

„Was bewirken Heatmaps? Sie geben einen vagen Eindruck davon, wohin ein Spieler während des Spiels gegangen ist. Nun, ich kann mir einen vagen Eindruck davon verschaffen, wohin ein Spieler während eines Spiels gegangen ist, indem ich das Spiel über den Rand einer Zeitung geschaut habe.“

Während einige Studien auf höhere Korrelationen zwischen Blick und Cursorposition hinweisen, fragen Sie sich, ob die möglichen Erkenntnisse das Risiko wert sind, irreführende Daten zu verursachen oder Bestätigungsverzerrungen in der Analyse zu fördern.

Was ist mit algorithmisch generierten Heatmaps?

In ähnlicher Weise gibt es Heatmap-Tools, die einen Algorithmus verwenden, um Ihre Benutzeroberfläche zu analysieren und ein resultierendes Bild zu generieren. Sie berücksichtigen eine Vielzahl von Attributen: Farben, Kontrast, visuelle Hierarchie, Größe usw. Sind sie vertrauenswürdig? Vielleicht. So drückt es Aura.org aus:

Visuelle Aufmerksamkeitsalgorithmen, bei denen Computersoftware die Sichtbarkeit der verschiedenen Elemente innerhalb des Bildes „berechnet“, werden oft als billigere Alternative verkauft. Dieselbe Studie von PRS zeigte jedoch, dass die Algorithmen nicht empfindlich genug sind, um Unterschiede zwischen Designs zu erkennen, und besonders schlecht darin sind, die Sichtbarkeit von Behauptungen und Botschaften auf der Verpackung vorherzusagen.

(Hinweis: PRS , die andere oben zitierte Studie, verkauft Eye-Tracking-Forschungsdienste.)

Obwohl Sie algorithmisch generierten Karten nicht vollständig vertrauen sollten, sind sie nicht weniger vertrauenswürdig als Hover-Karten.

Und wenn Sie weniger Traffic haben, können algorithmische Tools Ihnen einige visuelle Daten für die Usability-Forschung liefern, einschließlich sofortiger Ergebnisse, was cool ist. Einige Tools zum Ausprobieren:

• Aufmerksamkeits-Einsicht;
• EyeQuant;
• Feng-GUI.

Nur weil es „sofort“ ist, heißt das nicht, dass es magisch ist. Es ist ein Bild, das auf einem Algorithmus basiert – nicht das tatsächliche Benutzerverhalten.

2. Klicken Sie auf Karten

Klickkarten zeigen Ihnen eine Heatmap, die aus aggregierten Klickdaten besteht. Blau bedeutet weniger Klicks; wärmere Rottöne zeigen mehr Klicks an; und die meisten Klicks sind leuchtend weiße und gelbe Flecken.

Diese Karten haben einen hohen kommunikativen Wert. Sie helfen, die Bedeutung der Optimierung zu demonstrieren (insbesondere für Nicht-Optimierer) und was funktioniert und was nicht.

Wird ein großes Foto oft angeklickt, ist aber kein Link? Sie haben zwei Möglichkeiten:

1. Machen Sie daraus einen Link.
2. Lassen Sie es nicht wie einen Link aussehen.

Es ist auch einfach, aggregierte Klickdaten schnell zu erfassen und allgemeine Trends zu erkennen. Achten Sie nur darauf, bequemes Geschichtenerzählen zu vermeiden.

Sie können jedoch auch sehen, wo die Leute in Google Analytics klicken, was im Allgemeinen vorzuziehen ist. Wenn Sie die erweiterte Linkzuordnung eingerichtet haben, ist das Google Analytics-Overlay großartig. (Einige Leute ziehen es immer noch vor, eine visuelle Klickkarte zu sehen).

Und wenn Sie zu Verhalten > Website-Inhalt > Alle Seiten gehen und auf eine URL klicken, können Sie die Navigationszusammenfassung für jede URL öffnen – woher die Leute kamen und wohin sie danach gingen. Sehr nützliches Zeug.

3. Aufmerksamkeitskarten

Eine Aufmerksamkeitskarte ist eine Heatmap, die Ihnen zeigt, welche Bereiche der Seite vom Browser des Benutzers am häufigsten angesehen werden, wobei die horizontale und vertikale Scrollaktivität vollständig berücksichtigt wird.

Sie zeigen, welche Bereiche der Seite am häufigsten aufgerufen wurden, wobei berücksichtigt wird, wie weit die Nutzer scrollen und wie lange sie auf der Seite bleiben.

Peep hält Aufmerksamkeitskarten für nützlicher als andere auf Mausbewegungen oder Klicks basierende Heatmaps. Wieso den? Weil Sie sehen können, ob wichtige Informationen – Text und Bildmaterial – für fast alle Benutzer sichtbar sind. Das macht es einfacher, Seiten mit Blick auf den Benutzer zu gestalten.

So drückte Peep es aus:

Peep Laja:

„Was dies nützlich macht, ist, dass es unterschiedliche Bildschirmgrößen und Auflösungen berücksichtigt und zeigt, welcher Teil der Seite im Browser des Benutzers am häufigsten angesehen wurde. Das Verständnis der Aufmerksamkeit kann Ihnen helfen, die Effektivität des Seitendesigns zu beurteilen, insbesondere im Bereich „above the fold“.

4. Karten scrollen

Scrollmaps sind Heatmaps, die zeigen, wie weit Personen auf einer Seite nach unten scrollen. Sie können Ihnen zeigen, wo Benutzer dazu neigen, abzubrechen.

Obwohl Scroll-Maps für jede Seitenlänge funktionieren, sind sie besonders relevant, wenn Sie lange Verkaufsseiten oder längere Zielseiten entwerfen.

Im Allgemeinen gilt: Je länger die Seite, desto weniger Leute schaffen es ganz nach unten. Das ist normal und hilft Ihnen, Inhalte zu priorisieren: Was muss man haben? Was ist einfach schön zu haben? Priorisieren Sie, worauf die Leute achten sollen, und setzen Sie es höher.

Scroll-Maps können Ihnen auch dabei helfen, Ihr Design zu optimieren. Wenn die Scroll-Karte abrupte Farbänderungen zeigt, nehmen die Leute möglicherweise keine Verbindung zwischen zwei Elementen Ihrer Seite wahr („logische Enden“). Diese scharfen Abfallpunkte sind in Google Analytics schwer zu erkennen.

Auf längeren Zielseiten müssen Sie möglicherweise Navigationshinweise (z. B. einen Abwärtspfeil) dort einfügen, wo das Scrollen aufhört.

Bonus: Wiederholungen der Benutzersitzungen

Sitzungswiederholungen sind per se keine Art von Heatmap, aber sie sind eines der wertvollsten Bits, die Heatmapping-Tools bieten.

Mit Wiederholungen von Benutzersitzungen können Sie Videositzungen von Personen aufzeichnen, die Ihre Website besuchen. Es ist wie ein Benutzertest, aber ohne Skript oder Audio. Im Gegensatz zu Benutzertests – im positiven Sinne – riskieren die Leute auch echtes Geld, sodass es aufschlussreicher sein kann.

Im Gegensatz zu Heatmaps handelt es sich hierbei um qualitative Daten. Sie versuchen, Engpässe und Usability-Probleme zu erkennen. Wo sind Menschen nicht in der Lage, Aktionen abzuschließen? Wo geben sie auf?

Einer der besten Anwendungsfälle für Sitzungswiederholungen ist das Beobachten, wie Benutzer Formulare ausfüllen. Obwohl Sie die Ereignisverfolgung für Google Analytics konfigurieren könnten, würde dies nicht den Grad an Einblick bieten wie bei Wiederholungen von Benutzersitzungen.

Auch wenn Sie eine Seite haben, die schlecht abschneidet und Sie nicht wissen, warum, können Benutzersitzungswiederholungen Probleme identifizieren. Sie können auch sehen, wie schnell Benutzer lesen, scrollen usw.

Sie zu analysieren ist natürlich zeitgemäß. Wir verbringen einen halben Tag damit, Videos für eine neue Kundenseite anzusehen. Und nachdem wir uns Hunderte (Tausende?) von Heatmaps angesehen und andere Studien überprüft haben, haben wir einige wiederkehrende Erkenntnisse aus Heatmaps aller Art identifiziert.

Wenn Sie mit Heat Mapping beginnen möchten, sollten Sie die folgenden Tools in Betracht ziehen.

Die 6 besten Tools zum Erstellen von Heatmaps im Jahr 2022

Nicht wenige Unternehmen bieten hervorragende Heatmapping-Tools mit einer Reihe von kostenlosen Testversionen, Freemium-, kostenpflichtigen und völlig kostenlosen Optionen an.

Bezahlte Heatmapping-Tools

Crazyegg ist ein großartiges Tool für Maus-Tracking-Tests. Es verfügt über eine Klick-Heatmap, eine Scrollmap, ein Overlay für die Anzahl der Klicks auf bestimmte Elemente und Konfetti, mit denen Sie Klicks basierend auf Verweisquellen unterscheiden können. Sie behaupten, im Vergleich zu Eye-Tracking-Tests eine Tracking-Genauigkeit von bis zu 88 % zu haben. Alle Pläne sind 30 Tage lang kostenlos; Bezahlte Pläne beginnen bei 24 $/Monat.

Mouseflow ist ein weiteres gutes Tool zur Mausverfolgung. Sie legen großen Wert auf die Wiedergabe und zeichnen alle Mausbewegungen auf – Klicks, Bildlaufereignisse, Tastenanschläge und Formularinteraktionen. Sie können sogar die Tastenanschläge von Besuchern beim Ausfüllen von Formularen aufzeichnen. Sie haben separate Optionen für das E-Commerce-Tracking. Die Preise beginnen bei 30 $/Monat, und sie haben auch einen kleinen Freemium-Plan.

Clicktale ist eine Mausverfolgungssoftware auf Unternehmensebene. Die Software umfasst Heat Mapping, Sitzungswiederholungen, Konversionsanalysen und andere erweiterte Analysen. Sie müssen sie für die Preisgestaltung kontaktieren.

Luckyorange bietet Mausbewegungsaufzeichnung und Tools wie Echtzeit-Besucherkarten, Besucherumfragen und Live-Chat-Software. Es gibt eine kostenlose Testversion mit kostenpflichtigen Plänen ab 10 $/Monat.

Kostenlose Heatmapping-Tools

Clickheat ist eine Open-Source-Alternative, mit der Sie aus Mausklicks auf Ihrer Website eine Heatmap erstellen können.

Corunet erfordert Entwicklungsunterstützung. Ähnlich wie Clickheat können Sie mit Corunet eine Heatmap aus Klickdaten auf Ihren Seiten erstellen.

19 Dinge, die wir aus Heatmap-Tests gelernt haben

Wir haben uns im Laufe der Jahre viele Heatmaps angesehen. So haben andere Forscher. Und obwohl jede Seite anders ist (unser ständiger Vorbehalt), gibt es einige allgemeine Imbissbuden.

Sie sollten die Gültigkeit dieser Erkenntnisse auf Ihrer Website testen, aber zumindest sollten Ihnen diese verallgemeinerten „Wahrheiten“ eine Vorstellung davon vermitteln, was Sie von einer Heatmap lernen können.

1. Der Inhalt, der für die Ziele Ihrer Besucher am wichtigsten ist, sollte sich oben auf der Seite befinden.

Die Leute scrollen, aber ihre Aufmerksamkeitsspanne ist kurz. Diese Studie ergab, dass die Betrachtungszeit eines Besuchers auf der Seite stark abnimmt, wenn er unter die Falte geht. Die Betrachtungszeit der Benutzer wurde wie folgt verteilt:

Über der Falte: 80,3 %
Unter der Falte: 19,7 %

Das Material, das für Ihre Geschäftsziele am wichtigsten ist, sollte "above the fold" sein.

In derselben Studie stieg die Betrachtungszeit ganz unten auf der Webseite signifikant an, was bedeutet, dass die Aufmerksamkeit eines Besuchers am Ende der Seite wieder steigt. Das Einfügen eines guten Call-to-Action dort kann die Conversions steigern.

Denken Sie auch an den Recency-Effekt, der besagt, dass das Letzte, was eine Person sieht, länger in ihrem Gedächtnis bleibt. Gestalten Sie das Ende Ihrer Seiten sorgfältig.

2. Wenn es eilig ist, wird ausgewählt, was heraussticht.

Eine neurowissenschaftliche Caltech-Studie zeigte, dass bei „schnellen Entscheidungsgeschwindigkeiten“ (in Eile oder Ablenkung) die visuelle Wirkung die Entscheidungen stärker beeinflusst als die Vorlieben der Verbraucher.

Wenn Besucher es eilig haben, denken sie weniger über ihre Vorlieben nach und treffen Entscheidungen auf der Grundlage dessen, was ihnen am meisten auffällt. Diese Voreingenommenheit wird stärker, je abgelenkter eine Person ist, und ist besonders stark, wenn eine Person von vornherein keine starke Präferenz hat.

Wenn die visuelle Wirkung eines Produkts die Vorlieben der Verbraucher außer Kraft setzen kann – insbesondere in einer zeitkritischen und ablenkenden Umgebung wie dem Online-Shopping – dann können strategische Änderungen am Design einer Website die Aufmerksamkeit der Besucher ernsthaft lenken.

3. Die Leute verbringen mehr Zeit damit, sich die linke Seite Ihrer Seite anzusehen.

Mehrere Studien haben ergeben, dass die linke Seite der Website einen größeren Teil der Aufmerksamkeit Ihrer Besucher auf sich zieht. Auch die linke Seite wird zunächst betrachtet. Es gibt immer Ausnahmen, aber zuerst die linke Seite im Auge zu behalten, ist ein guter Ausgangspunkt. Zeigen Sie dort Ihre wichtigsten Informationen an, z. B. Ihr Wertversprechen.

Diese Studie ergab, dass die linke Seite der Website 69 % der Betrachtungszeit erhielt – Menschen verbrachten mehr als doppelt so viel Zeit damit, sich die linke Seite der Seite anzusehen als die rechte Seite.

4. Die Leute lesen Ihre Inhalte in einem F-förmigen Muster.

Diese Studie ergab, dass Menschen dazu neigen, Textinhalte in einem F-förmigen Muster zu lesen. Was bedeutet das? Es bedeutet, dass die Leute überfliegen und ihre Hauptaufmerksamkeit auf den Anfang des Textes gerichtet ist. Sie lesen die wichtigsten Überschriften und Zwischenüberschriften, lesen den Rest des Textes aber selektiv.

Ihre ersten beiden Absätze müssen die wichtigsten Informationen enthalten. Verwenden Sie Unterüberschriften, Aufzählungszeichen und Absätze, um den Rest Ihres Inhalts besser lesbar zu machen.

Beachten Sie, dass der F-Muster-Stil beim Surfen auf einer bildbasierten Webseite nicht zutrifft, wie in dieser Studie deutlich wird. Menschen neigen dazu, bildbasierte Webseiten horizontal zu durchsuchen.

5. Verlieren Sie kein Geld durch Bannerblindheit.

Bannerblindheit tritt auf, wenn Ihr Besucher unbewusst oder bewusst einen Teil Ihrer Webseite ignoriert, weil es wie Werbung aussieht. Besucher achten fast nie auf etwas, das wie Werbung aussieht.

Diese Studie fand keine Fixierungen innerhalb von Anzeigen. Wenn Menschen schnell Informationen benötigen, ignorieren sie Werbung – und umgekehrt. Wenn sie sich vollständig auf eine Geschichte konzentrieren, werden sie den Blick nicht vom Inhalt abwenden.

Es gibt mehrere Möglichkeiten, das Erstellen von Bannerblindheit auf Ihrer Website zu vermeiden. Die meisten Probleme können verhindert werden, indem Sie ein Webdesign-Unternehmen beauftragen, das Erfahrung im Online-Marketing hat.

6. Wenn Sie ein Bild einer Person verwenden, ist es wichtig, wo sie hinschaut.

Es ist sinnvoll, Menschen in Ihrem Design zu verwenden – es ist ein Designelement, das Aufmerksamkeit erregt. Aber es spielt auch eine Rolle, wohin ihre Augen blicken.

Mehrere Heatmap-Studien haben gezeigt, dass Menschen der Blickrichtung eines Models folgen. Wenn Sie die Leute dazu bringen müssen, sich nicht nur auf die schöne Frau, sondern auch auf den Inhalt neben ihr zu konzentrieren, stellen Sie sicher, dass sie sich diesen Inhalt ansieht.

Es ist auch wichtig, Emotionen zu vermitteln . Wenn eine Person Emotionen vermittelt, kann dies einen großen Einfluss auf die Konversionsraten haben. Diese Studie ergab, dass eine Person, die Emotionen vermittelt, einen größeren Einfluss auf Conversions haben kann als eine ruhige Person, die auf die Handlungsaufforderung schaut.

Ihre beste Option besteht möglicherweise darin, diese beiden Ansätze zu kombinieren – verwenden Sie eine emotionale vermittelnde Person, die sich auch die gewünschte Stelle auf der Seite ansieht.

7. Männer sind visuell; Frauen suchen Informationen.

Als sie gebeten wurden, Profile von Personen auf einer Dating-Site anzuzeigen, fand diese Studie einen deutlichen Unterschied zwischen Männern und Frauen. Männer waren visueller, wenn sie sich ein Profil einer Person ansahen, und konzentrierten sich auf die Bilder; Frauen neigten dazu, mehr von den bereitgestellten Informationen zu lesen.

In einer anderen Studie verbrachten Männer 37 % mehr Zeit damit, auf die Brust der Frau zu schauen als Frauen, während Frauen 27 % mehr Zeit damit verbrachten, auf den Ringfinger zu schauen. Die Studie kam zu dem Schluss, dass „Männer pervers sind, Frauen Goldgräber“.

8. Verzichten Sie auf automatische Bildkarussells und Banner für bessere Klickraten.

Diese Studie kam zu dem Schluss, dass auf zwei Websites, auf denen Benutzer eine bestimmte Aufgabe im Kopf hatten, die Hauptbanner vollständig ignoriert wurden, einschließlich der animierten Version. Automatische Bilderkarussells und Banner sind generell keine gute Idee. Sie erzeugen Bannerblindheit und verschwenden viel Platz.

Dieselbe Studie fand eine Ausnahme von dieser Regel auf einer der Websites – ein Banner auf der Homepage von ASOS, das die Aufmerksamkeit der Teilnehmer besser auf sich zog als die anderen Websites. Wie war es anders? Es sah weniger aus wie ein Banner und war besser in die Seite integriert.

9. Setzen Sie Kontraste klug ein, um Ihre Besucher zu leiten.

Nach dem Testen einer Zielseite mit Heatmaps fand TechWyse heraus, wie wichtig der Farbkontrast ist. Ein nicht klickbares Informationselement über Preise auf der Homepage gewann durch seinen farblichen Kontrast zur Umgebung die meiste Aufmerksamkeit.

Nach einer leichten Umgestaltung stimmten die Scan-Muster der Besucher mit den Anforderungen des Unternehmens überein.

10. 60-Jährige machen doppelt so viele Fehler wie 20-Jährige.

Wenn Ihre Zielgruppe älter ist, gestalten Sie Ihre Website so benutzerfreundlich und übersichtlich wie möglich. Beim Testen von 257 Korrespondenten in einem Remote-Benutzertest war die Fehlerrate bei Aufgaben bei den über 55-Jährigen 1,9-mal höher als bei den unter 25-Jährigen. Fast doppelt so viele ältere Menschen scheiterten oder gaben die gestellte Aufgabe auf.

Ältere Menschen sind auch langsamer online . Im Vergleich zu den jüngsten Teilnehmern brauchten die ältesten 40 % mehr Zeit, um eine Aufgabe zu erledigen.

Auch wenn sich eine zufällige Aufgabe auf Ihrer Website für Sie leicht anfühlt, kann sie für ältere Benutzer schwierig sein. Wenn Ihre Zielgruppe älter als der Durchschnitt ist, stellen Sie sicher, dass Sie Ihr Layout an ihr testen.

11. Verwenden Sie Fotos, um Ihre Besucher dazu zu bringen, aufmerksam zu sein.

Menschen sind visuell. Websites verwenden seit den Anfängen des Internets gut ausgewählte Bilder, um die Konversionsraten zu steigern, und das aus gutem Grund. Das Einfügen eines gut ausgewählten Bildes ist fast immer eine gute Idee.

Verwenden Sie Fotos von echten Menschen . Menschen reagieren gut auf Bilder von echten Menschen. In dieser Studie verbrachte die Testperson 10 % mehr Zeit damit, Fotos von Mitarbeitern anzusehen, als den Textinhalt zu lesen, der den größten Teil der Seite ausmachte.

Im Gegensatz dazu ignorieren Besucher Stockfotos von „echten“ Menschen vollständig. Irgendwie haben wir gelernt, „Fotobank-Leute“ anhand von Fotos von echten Menschen zu erkennen. Dieser Blogbeitrag ist ein perfektes Beispiel dafür, was passieren kann, wenn man Stockfotografie verwendet. Dies gilt auch für tatsächliche Fotos, die wie Standardfotos aussehen können, also überarbeiten Sie Ihre Fotos nicht.

Diese Studie hat bewiesen, dass Ihr Foto das wichtigste Element auf Ihrem LinkedIn-Profil ist, und diese Studie fand die gleiche Korrelation auf Facebook.

Gut eingesetzt sind auch große Produktfotos ein Garant für Aufmerksamkeit.

12. Zusammenfassungen sind besser als vollständige Artikel auf Blog-Homepages.

Diese Studie ergab, dass die Verwendung von Artikelzusammenfassungen anstelle von vollständigen Artikeln auf Ihrer Blog-Startseite Besucher dazu bringt, mehr Inhalte zu lesen.

Wenn Sie einen Blog mit vollständigen Artikeln auf seiner Homepage haben, riskieren Sie, Besucher zu verlieren, wenn sie Ihren ersten Artikel nicht interessant finden. Sie werden ihr ganzes Interesse beim Lesen des ersten Artikels „aufbrauchen“.

Mit Zusammenfassungen können Sie Besuchern eine große Auswahl an Themen zeigen, was die Wahrscheinlichkeit erhöht, dass Ihre Besucher etwas Interessantes finden.

13. Die Leute verbringen weniger als eine Minute mit Ihrer E-Mail.

Diese Studie ergab, dass 67 % der Nutzer keine Fixierungen auf Newsletter-Einführungen hatten. Die Leute neigten dazu, die einleitenden Absätze zu überspringen und den Rest des Inhalts zu überfliegen.

Die durchschnittliche Zeit, die einem Newsletter zugeteilt wurde, betrug 51 Sekunden; Menschen lesen nur 19 % der Newsletter vollständig. Sie werden meistens gescannt, also halten Sie Ihre Newsletter kurz und auf den Punkt, mit einem klaren Call-to-Action.

14. Kombinieren Sie A/B-Tests mit Clickmaps für mehr Effektivität.

Die Leute bei VWO fanden heraus, dass fast 25 % des Traffics auf ihrer Homepage zu einem winzigen „Preis“-Link im oberen Menü gingen, während der Haupt-Call-to-Action-Button nur 5 % der gesamten Klicks sammelte.

Sie kombinierten das Clickmap-Wissen mit A/B-Tests, um herauszufinden, welche Version einer geänderten Homepage besser funktionieren würde.

Wenn Sie das Wissen aus Clickmaps mit A/B-Testing kombinieren, können Sie die Effektivität Ihrer Clickmaps um ein Vielfaches steigern. CareLogger erzielte eine Steigerung der Konversionen um 34 %, indem es die Farbe seines Call-to-Action-Buttons änderte.

15. Die Anzeige des reduzierten Preises neben dem Originalpreis erhöht die Zufriedenheit.

Inspiriert von Dan Arielys Buch Predictably Irrational führte Robert Stevens einen Test mit 60 zufällig ausgewählten Personen durch, um zu sehen, wie sich die Relativitätstheorie auf die tägliche Entscheidungsfindung auswirkt.

Personen wurden mit zwei verschiedenen Regallayouts für Smoothies getestet. In der ersten Version waren nur die vergünstigten „Innocent“-Smoothies sichtbar, wobei keiner der Smoothies derselben Marke zum vollen Preis erhältlich war. Die zweite Version enthielt auch eine Auswahl an Smoothies zu regulären Preisen.

Während der Preis für vergünstigte Smoothies unverändert blieb, waren die Menschen mit ihrem Kauf zufriedener, wenn sie auch den ursprünglichen Preis kannten.

16–19. Eyetrack III Recherche auf Nachrichtenportalen

Bei der Untersuchung von Eyetrack III wurden mehrere Dutzend Personen eine Stunde lang beobachtet, während sie gefälschte Nachrichten-Websites und echte Multimedia-Inhalte zum Besuchen erhielten.

16. Die Augen der Personen fixierten sich zuerst oben links auf der Seite und schwebten dann in einem Bereich rechts davon. Erst nach einiger Zeit begannen die Leute, weiter unten auf der Seite zu forschen.
17. Die Leute sehen dominante Schlagzeilen zuerst , besonders wenn sie in der oberen linken Ecke stehen.
18. Verwenden Sie kleinere Schrift für konzentriertes Lesen. Größere Schriften führten dazu, dass die Seite häufiger gescannt wurde, weil sich die Leute nach Wörtern oder Sätzen umsahen, die ihre Aufmerksamkeit erregten.
19. Die ersten Wörter Ihrer Überschrift sind wichtig . Wenn die ersten Worte Ihre Besucher fesseln, werden sie wahrscheinlich weiterlesen. Sie haben weniger als eine Sekunde Zeit, um ihre Aufmerksamkeit zu erlangen.

Bei so viel, was sie tun können , ist es wichtig, sich daran zu erinnern: Heatmaps sind nicht für alles gut.

Was ist falsch an Heatmaps?

Die Probleme mit Heatmaps erinnern an das alte Sprichwort über den Betrunkenen und den Lichtpfosten – die Leute benutzen ihn zur Unterstützung statt zur Erleuchtung.

Das Ignorieren einiger der oben diskutierten Datenungenauigkeiten eröffnet Ihnen eine Welt potenzieller Verzerrungen, insbesondere wenn Heatmaps Ihr wichtigstes Stück Konversionsforschung sind.

Andrew Anderson, Head of Optimization bei Malwarebytes, bringt es sehr gut auf den Punkt:

Andreas Anderson:

Nichts zeigt einen Mangel an Verständnis für Rate und Wert mehr als Menschen, die sich übermäßig damit beschäftigen, wo Menschen klicken.

Klicken mehr oder weniger Leute auf etwas Gutes oder Schlechtes? Ist das, was am häufigsten angeklickt wird, das Wichtigste? Die einflussreichsten? Was passiert, wenn doppelt so viele Leute auf diese eine Sache klicken? Muss etwas oft angeklickt werden, um Einfluss zu nehmen? Muss überhaupt geklickt werden?

Heatmaps liefern am Ende tausend weitere Fragen, ohne dass eine einzige sinnvoll beantwortet werden kann.

Was wir wissen, ist, dass die meisten Menschen ihre Voreingenommenheit verwenden, um den Wert von Gegenständen zu bestimmen, und diese verwenden, um alle eingehenden Informationen zu filtern. Sie werden die Aktivsten mit den Wertvollsten verwechseln. Sie verwenden standardmäßig ein lineares Ratenmodell, das den am wenigsten repräsentativen Modelltyp darstellt. Sie werden versuchen, mehr Menschen zu einem Schritt oder einem Element auf der Seite zu bringen, ohne wirkliche Einblicke in den relativen Wert oder die Effizienz dieser Änderung zu erhalten.

Schlimmer noch, sie verwenden eine Heatmap oder andere klickbasierte Metriken, um ihr Storytelling fortzusetzen, und verwechseln weiterhin das, was sie hoffen, mit dem, was das Beste für die Website oder Seite ist.

Heatmaps können auf hohem Niveau hilfreich sein und als Möglichkeit, Problembereiche an weniger analytisch versierte Personen in einer Organisation zu kommunizieren. Sie können auch ein guter Ausgangspunkt für Konversionsforschung und -analyse sein.

Aber fast alle Erkenntnisse, die sie bringen, können aus verschiedenen Analysetools gewonnen werden, und Google Analytics bietet tendenziell weniger Spielraum für Interpretationen, Geschichtenerzählen und Voreingenommenheit.

Mit anderen Worten, Heatmaps sind großartige Werkzeuge im Arsenal des Optimierers, sollten aber nicht das A und O für die Projekt- und Testplanung sein.

Fazit

Heatmaps sehen ziemlich cool aus. Und sie können einen erheblichen Mehrwert bieten – wenn sie richtig eingesetzt werden):

Hier sind einige der Möglichkeiten, wie Heatmaps zur Verbesserung Ihres Marketings verwendet werden können.

• Algorithmische Heatmaps können Websites mit geringem Datenverkehr eine Vorstellung davon vermitteln, wie Menschen ihre Website nutzen.
• Klickkarten können auf hohem Niveau darstellen, wo Menschen klicken und wo nicht.
• Mithilfe von Aufmerksamkeitskarten können Sie sehen, welche Teile einer Website für alle Benutzer in allen Browsern und Geräten am besten sichtbar sind. Sie helfen Ihnen bei der Entscheidung, wo Sie Ihre Wertstütze und andere wichtige Elemente platzieren.
• Scroll-Maps können Ihnen dabei helfen, längere Zielseiten zu entwerfen und dafür zu sorgen, dass die Leute auf der Seite nach unten wandern (wobei auch der Standort der Inhalte priorisiert wird).
• Wiederholungen von Benutzersitzungen sind unersetzliche Werkzeuge in Ihrem Arsenal.

Aber Sie sollten sich bei der Konversionsforschung niemals ausschließlich auf Heatmaps verlassen. Die Ergebnisse sind bestenfalls begrenzt und schlimmstenfalls irreführend, verstärken Voreingenommenheit und liefern illusorische Erkenntnisse.