Eye-Tracking-Software: Wie Sie Ihr Online-Marketing verbessern können, wenn Sie sehen, was der Benutzer sieht

Im Online-Marketing dreht sich alles darum, dass der Verbraucher seine Augen über einen Bildschirm bewegt. Während Klicks und Conversions ein wesentlicher Bestandteil des Marketing-Trichters sind – und der Verkauf letztendlich das Endziel ist – hängt dies alles von der Augenbewegung ab.

• Ist diese Schlagzeile, die Sie so viel Zeit damit verbracht haben, die Leute aufzuhalten, oder überspringen sie sie einfach?
• Was ist mit Ihrem CTA-Button? Ist es groß und kühn genug, um die Leute dazu zu bringen, überhaupt zu klicken?

Landingpage-Software zur Messung von Klickraten, Konversionsraten, Verkäufen usw., aber Vermarkter müssen auch wissen, ob der Verbraucher seine Aufmerksamkeit überhaupt dorthin lenkt, wo sie gelenkt werden soll – eine greifbare Möglichkeit, die visuelle Wirkung zu messen ihres Inhalts.

Hier kommt Eye-Tracking-Software ins Spiel.

Was ist Eyetracking?

Kurz gesagt, Eyetracking misst, wo und wie lange Menschen auf eine Webseite schauen.

Mit visuellen Daten von Eye-Tracking-Software können Sie sehen, wo eine Person zuerst auf Ihrer Seite nachgesehen hat, wo sie als zweites hingeschaut hat und wie sie auf diese Bereiche fixiert war. Sie können auch herausfinden, ob es Bereiche auf Ihrer Seite gab, in denen sie überhaupt nicht gesucht wurden.

Diese Informationen helfen Vermarktern, herauszufinden, welche Elemente ihrer Seitenbenutzer am interessantesten und am wenigsten interessant sind, sodass sie ihr Webseitendesign und ihre Werbemaßnahmen entsprechend anpassen können.

Obwohl Vermarkter Eye-Tracking-Software heute stärker als je zuvor verwenden, ist diese Technologie alles andere als neu. Tatsächlich reicht die Eye-Tracking-Forschung bis ins späte 19. Jahrhundert zurück.

Eine kurze Geschichte des Eyetrackings

Im Jahr 1879 bemerkte Louis Emile Javal, dass Menschen nicht reibungslos über eine Seite lesen, sondern dass sie bei einigen Wörtern innehalten oder langsamer werden und sich schnell durch andere bewegen.

Edmund Huey entwickelte dann ein Gerät, das verwendet wurde, um die Augenbewegungen während des Lesens zu verfolgen. Obwohl es Huey ermöglichte, zu beobachten, wohin ein Leser beim Lesen schaute (einschließlich der Wörter, bei denen er pausierte), war das Gerät ziemlich aufdringlich und unangenehm zu tragen.

Im Jahr 1931 entwickelten Earl, James und Carl Taylor den Ophthalmographen und das Metronoskop – Geräte, mit denen die Augenbewegungen beim Lesen aufgezeichnet und die Menschen trainiert werden, effizienter zu lesen.

Aufgrund der hohen Kosten wurde Eyetracking über viele Jahre vor allem als Forschungsinstrument im medizinischen Bereich eingesetzt. Erst in den 1980er Jahren wurde es von anderen Nischen, einschließlich des Marketings, weiter verbreitet.

Zu dieser Zeit begannen Vermarkter mit Eye-Tracking, um die Effektivität von Zeitschriftenanzeigen zu messen. Dann, in den späten 1990er Jahren, führte eine der weltweit größten Werbe- und Marketingagenturen, EURO RSCG, eine Eye-Tracking-Technologie ein, um Reaktionen auf Webinhalte zu messen.

In den letzten zehn Jahren wurde Eye-Tracking-Software häufiger als je zuvor verwendet. Insbesondere im Marketing wird es stark bei der Entwicklung effektiver Werbekampagnen und Website-Designs verwendet.

Eye-Tracking-Software und Online-Marketing

Es ist kein Geheimnis, dass das Erstellen einer schönen, ästhetisch ansprechenden Seite ein wesentlicher Bestandteil dafür ist, die Aufmerksamkeit des Verbrauchers auf sich zu ziehen – aber genauso wichtig ist, wie sich jede Komponente auf der Seite befindet. Egal, ob Sie eine Homepage, eine Post-Click-Landingpage oder eine andere Art von Webseite erstellen, jedes Element muss geschickt und strategisch platziert werden, um von Besuchern richtig wahrgenommen zu werden.

Um dies zu tun, ist es wichtig zu verstehen, wie Menschen Inhalte online lesen. Durch den Einsatz von Eye-Tracking-Forschung haben Vermarkter gelernt, dass zwei der am häufigsten zu befolgenden Designmuster das F-Muster und das Z-Muster sind.

Das F-Muster-Layout wird häufig auf Webseiten mit hoher Dichte verwendet, bei denen sich die Augen der Leute über die Website-Texte und andere visuelle Elemente in Form eines F oder sogar eines E bewegen.

• Zuerst scannen sie den oberen Rand der Seite, um wichtige Schlagzeilen zu lesen
• Dann auf der linken Seite der Seite nach unten und notieren Sie sich die Ziffern oder Aufzählungspunkte
• Als nächstes quer über die Seite, um Zwischenüberschriften oder fetten Text zu lesen

Dieses Muster setzt sich auf der Seite fort, wobei die Leser anhalten, wenn sie auf dem Weg etwas Interessantes finden.

Hier ist eine Post-Click-Landingpage von ServiceNow, die dem F-Muster folgt:

• Besucher sehen zuerst die fettgedruckte Überschrift und den roten CTA-Button.
• Dann scannen sie von oben auf das Bild des Mannes auf dem Tablet.
• Gehen Sie als Nächstes auf der linken Seite der Seite nach unten, um die nummerierte Liste zu finden, die sich horizontal über die Seite erstreckt.
• Schließlich geht es auf der Seite weiter zum Lead-Erfassungsformular und zur zweiten CTA-Schaltfläche.

Das Z-Muster ist ein weiteres häufig verwendetes Designmuster, aber dieses ist hauptsächlich für Seiten mit minimalem Text gedacht. In diesem Fall sollten die wichtigsten Elemente in Form eines Z auf der Seite platziert werden, damit Sie gezielt steuern können, wohin sich die Augen des Betrachters bewegen.

• Die obere horizontale Linie sollte die Hauptkomponenten hervorheben, die der Betrachter zuerst bemerken soll
• Die diagonale Linie sollte alle kritischen Informationen enthalten, die zu Ihrem Call-to-Action führen
• Schließlich sollte die untere horizontale Linie den CTA enthalten

Auch dieses Muster kann sich die Seite nach unten fortsetzen und so viele Z-Formen wie nötig erstellen, um alle wesentlichen Elemente anzuzeigen.

Expo Pass hat diese Post-Click-Landingpage mit mehreren Z-Mustern auf der gesamten Seite erstellt:

Beachten Sie, dass sich an jedem Wendepunkt des Z-Pfads eine CTA-Schaltfläche befindet, die sie für Besucher sichtbarer macht.

Wie kommen Heatmaps ins Spiel?

Eine Heatmap ist eine Datenvisualisierung, die ein farbcodiertes System verwendet, um anzuzeigen, wie Besucher mit einer Webseite interagieren und sich auf ihr verhalten. Die Verwendung von Heatmaps, um diese wichtigen Informationen zu erhalten, hilft Vermarktern bei der Entscheidung, welche Seitenelemente A/B-Tests durchführen sollen.

Es gibt verschiedene Arten von Heatmaps, die häufig von Vermarktern verwendet werden:

• Heatmaps für Mausbewegungen, um anzuzeigen, wie ein Besucher seine Maus bewegt und über verschiedene Bereiche der Seite schwebt
• Klicken Sie auf Karten, um die Leistung wichtiger Schaltflächen wie der CTA-Schaltfläche zu verfolgen
• Scrollen Sie in Karten, um zu zeigen, wie Besucher auf einer Webseite nach unten scrollen
• Und natürlich Eye-Tracking-Heatmaps, um genau zu zeigen, wohin Besucher auf einer Webseite schauen

Es gibt eine starke Korrelation zwischen Mausbewegungs-Heatmaps und Eye-Tracking-Heatmaps, da sie ähnliche Technologien verwenden. Einer der Hauptunterschiede besteht darin, dass die Mausbewegungstechnologie Daten von tatsächlichen Website-Besuchern liefert, während die Eye-Tracking-Technologie Daten von einer Stichprobe von Personen liefert, die außerhalb ihrer normalen Umgebung untersucht werden. Vor diesem Hintergrund ist es wichtig anzuerkennen, dass die Eye-Tracking-Software Ergebnisse von nahezu 100 % liefert, während die Genauigkeit der Mausbewegung bei etwa 85-90 % liegt.

Der neue Instapage Heatmap Visualizer bietet eine 3-in-1-Tracking-Funktionalität, um Einblicke in Mausbewegungen, Klicks und Scrolltiefe zu erhalten.

Mausbewegung

Klicks

Scrolltiefe

Sehen wir uns nun an, wie Eye-Tracking-Heatmaps Vermarktern erheblich helfen können, ihre Verbraucher zu verstehen und ihre Online-Marketingstrategien zu verbessern.

Eye-Tracking-Heatmaps

In Bezug auf das oben erwähnte F-Muster – so sieht das Layout auf einer Eye-Tracking-Heatmap aus:

Der Farbschlüssel lautet wie folgt:

• Rot = meistgesehen und am meisten fixiert
• Gelb = einige Ansichten, aber weniger Fixierung
• Blau = weniger Ansichten und kaum Fixierung
• Grau = kaum Ansichten und keine Fixierung

Während F- und Z-Muster häufig in der Eye-Tracking-Forschung untersucht werden, gibt es auch andere Design-Taktiken und Best Practices, die beim Eye-Tracking zu berücksichtigen sind.

Best Practices aus der Eye-Tracking-Forschung

Mit diesen sieben Eye-Tracking-Erkenntnissen können Sie beeinflussen, worauf Ihre Besucher ihre Aufmerksamkeit und Fixierung richten.

1. Platzieren Sie Ihre wertvollsten Inhalte über dem Falz

Da Sie in der Regel nur 8 Sekunden Zeit haben, um die Aufmerksamkeit Ihrer Besucher zu erregen, müssen Ihre wichtigsten und verlockendsten Inhalte oberhalb der Falte platziert werden, um die Besucher sofort zu fesseln.

Außerdem wird, wie Sie der folgenden Heatmap entnehmen können, der Inhalt oberhalb der Falte am häufigsten betrachtet:

2. Schlagzeilen groß und fett machen

Es ist nicht nur wichtig, eine lesbare, beeindruckende Überschrift zu schreiben, sondern auch, dass Sie sie groß und fett gestalten. Es ist ganz einfach – je größer und fetter Ihre Überschrift ist, desto wahrscheinlicher ist es, dass die Leute sie lesen.

3. Trennen Sie die Kopie in kleine Stücke

Menschen neigen dazu, massive Textblöcke nicht ohne weiteres aufzunehmen. Stattdessen neigen wir dazu, den Text auf Webseiten zu überfliegen und nur die am leichtesten verdaulichen Informationen zu betrachten.

Daher ist es am besten, den Inhalt Ihrer Webseite in kurze Absätze oder Informationsblöcke aufzuteilen, indem Sie Überschriften, nummerierte Listen, Aufzählungspunkte usw. verwenden, um Aufmerksamkeit zu erregen.

4. Verwenden Sie Bilder, um bestimmte Ziele zu erreichen

Bilder auf Webseiten dienen einer Reihe von Zwecken.

Der Blick auf eine Person im Internet löst in der Regel eine positive physiologische Reaktion des Verstehens, der Identifikation und des Vertrauens bei den Zuschauern aus. Tatsächlich erhöht ein Bild des Gesichts einer Person das Betrachten, fördert die Interaktion und verringert die Absprungrate.

Bilder beeinflussen auch, wohin die Augen Ihrer Besucher schauen. Mehrere Heatmap-Studien (einschließlich der folgenden) haben gezeigt, dass Menschen beim Navigieren auf einer Webseite dazu neigen, der Richtung der menschlichen Augen zu folgen.

5. Nutzen Sie die linke Seite der Seite

Studien zeigen, dass die linke Seite einer Website zuerst aufgerufen wird und häufiger als die rechte Seite.

Tatsächlich verbringen Webnutzer normalerweise etwa 69 % ihrer Zeit damit, die linke Hälfte der Seite anzuzeigen und nur etwa 30 % mit der Anzeige der rechten Hälfte.

6. Nutzen Sie den Kontrast

Laut einer neurowissenschaftlichen Studie von Caltech beeinflusst die visuelle Wirkung ihre Entscheidung mehr als ihre persönlichen Vorlieben, wenn Verbraucher in Eile und unter Druck sind. Mit anderen Worten, wenn Ihr Website-Besucher in Eile ist, wird er weniger wahrscheinlich über seine persönlichen Vorlieben nachdenken und eher eine Entscheidung treffen, die darauf basiert, was ihm auffällt und was ihm am meisten auffällt.

7. Platzieren Sie die CTA-Buttons unten auf der Seite

Während der obere Teil einer Seite am häufigsten aufgerufen wird, wird der untere Teil am zweitmeisten aufgerufen. Das liegt daran, dass Benutzer beim Scrollen auf einer Webseite dazu neigen, direkt nach unten zu scrollen. Dann ist dies natürlich ein idealer Ort für Ihren CTA-Button.

Diese Crazy Egg-Heatmap zeigt mehrere Handlungsaufforderungen auf der Seite. Wie Sie sehen können, erhält die CTA-Schaltfläche unten links auf der Seite die meiste Aufmerksamkeit:

Nutzen Sie Eye-Tracking, um Ihr Online-Marketing zu verbessern

Obwohl es unmöglich ist, Verbraucher zum Kauf Ihres Produkts oder Ihrer Dienstleistung zu zwingen, ist Wissen Macht. Die Verwendung von Eye-Tracking-Forschung und Heatmaps zum Erstellen Ihrer Seiten ermöglicht es Ihnen, mehr Kontrolle darüber zu haben, wohin Besucher ihre Aufmerksamkeit auf Ihre Seite richten. Dies erhöht die Chancen, dass sie Maßnahmen ergreifen, und kann wiederum Ihre Website, Ihre Conversions und Ihr Geschäft verbessern.

Melden Sie sich noch heute für eine Instapage Enterprise-Demo an.