Mit Heatmap und Blickachsen Onlinetexte richtig gestalten (Teil 2)

Die Qualität Ihrer Onlinetexte ist messbar

Wie WebSite-Besucher Onlintexte wahrnehmen, welche Inhalte aufmerksam gelesen werden und welche hinten `runterfallen, kann man tatsächlich messen bzw. sichtbar machen. In sogenannten Eyetracking-Analysen werden die Augenbewegungen von WebSite-Besuchern ausgewertet. Mit einer speziellen Kamera-Installation werden Augenbewegungen und Verweildauer auf bestimmten Blickpunkten aufgezeichnet und hinterher in grafischer Form dargestellt. Die zwei wichtigsten sind die Heatmap und die Blickachsen.

Heatmap mit F-Pattern nach Jakob Nielsons
Quelle: Eye Tracking Analyse bei Suchmaschinen nach Jakob Nielson bzw. useit.com

Heatmap – heißer Punkt der Aufmerksamkeit

Ein Klassiker der Eyetracking-Analysen ist die sogenannte Heatmap. Jakob Nielson führte in 2006 Eyetracking-Analysen an Suchmaschinen-Ergebnissen durch und stellte fest, dass diese Heatmaps die Form eines „F“ aufwiesen. Die Entstehung ist ganz logisch, wenn Sie sich vor Augen halten, wie Suchmaschinen-Ergebnisse aufgebaut sind:

  • Überschriften sind in Fett- und Großschrift hervorgehoben
  • relevanteste Einträge kommen zuerst
  • Suchwörter tauchen (idealer Weise) ganz vorne auf
  • Leserichtung in unserer Kultur ist von links nach rechts

Das alles dürfte Ihnen bekannt vorkommen: Wir skannen beim Lesen die Webseite von links nach rechts, orientieren uns nach hervorgehobenen und gliedernden Elementen im Text (vgl. auch „Gut leserlich und SEO tauglich – so gestalten Sie passende Onlinetexte (Teil 1)“).

Inzwischen ist aus diesem Suchmaschinen-Phänomen eine Wahrnehmungsgewohnheit von Internetnutzern geworden. Wenn Sie die Gestaltungskriterien in Ihre Onlinetexte einfließen lassen, liegen Sie also vollkommen richtig.

Blickachsen verbinden Bilder in Onlinetexten
Beispiel / Quelle: Blickachsen-Anaylse von Spiegel Online / Stefan Heijnk, „Texten fürs Web“, 2011

Mit Blickachsen Aufmerksamkeit lenken

Drucken Sie sich einen beliebigen Webseiten-Text aus. Schnappen Sie sich ein Lineal und verbinden Sie alle Grafiken miteinander. Schon kennen Sie die Blickachsen der WebSite. Alle Inhalte, die sich auf einer dieser Linien befinden, werden beim Überfliegen des Blickes oft unbewusst wahrgenommen, bevor dieser auf einer der Grafiken oder Bildern zur Ruhe kommt. Befindet sich in diesem Bereich ein als relevant empfundener Begriff, z. B. das Such- oder Schlüsselwort des Textes, dann wächst die Wahrscheinlichkeit, dass der Leser tiefer einsteigt und nicht nur Bilder anguckt.

Wenn Sie demnach Bilder im Text sinnvoll positionieren, geben Sie dem Text eine aufgelockerte interessante Gestalt, steuern damit Aufmerksamkeit der Leser über den gesamten Onlinetext und tragen ganz nebenbei sogar zum besseren Textverständnis bei, wenn Sie die richtigen Bilder auswählen.

Probieren Sie es aus!

Tipp-Hinweis-AchtungWebinar-Tipp

Die „Business Vitamine“ bieten zum Thema „Onlinetexte gestalten“ ein Einstiegs-Webinar an. Informieren Sie sich über die aktuellen Inhalte und Termine oder melden Sie sich gleich hier zum nächsten Webinar an.

Buchtipps

  • Stefan Heijnk, Texten fürs Web: planen, schreiben, multimedial erzählen
    dpunkt Verlag, 2., überarb. und erw. Auflage, März 2011, ISBN 978-3-89864-698-7, € 39,90

    • für den tieferen Einstieg das Arbeiten mit Onlinetexten und Webseiteninhalten
      mit viel Hintergrundwissen, gut anwendbaren praktischen Tipps und Arbeitsmethoden
    • geeignet für Einsteiger, Onlineredakteure und Webdesigner
  • Nea Matzen, Onlinejournalismus (Wegweiser Journalimus)

    • UVK Verlagsgesellschaft, 3. überarbeitete Auflage, Feb. 2014, ISBN 978-3-86764-438-9, € 14,99
      mit vielen praktischen Beispielen und leicht umsetzbaren Tipps
    • auch geeignet für journalistische Laien und quer einsteigende Online-Journalisten