Eye Tracking Video - Was man von Lesern lernen kann
01.06.2006 | Blogging, Blogging Tipps, Usability, Webdesign | 9 Kommentare | Print
Eine besonders lehrreiche Lektion Eyetracking schafft visuelle Aha-Erlebnisse. Aus der Sicht des Lesers sieht manch theoretisch gelesener Usability-Fakt völlig anders aus. So kann man die Perspektive leicht wechseln. Dringend zum Lesen empfohlen!
Eines der für mich bemerkenswertesten Videos erbrachte Lernerlebnisse, wie sie nur eine direkte Usability- oder Eyetracking-Studie bringen kann. Während wir sonst aber nur Bilder sehen, ist ein Eyetracking-Video verschiedener Probanden ungleich aufschlussreicher. Seth Godin hat in seinem Blog über seine Lernergebnisse mit dem Video geschrieben.
The biggest lesson wasn't news to me, but it might be to your boss: your prospects are not rational and organized and linear. You can't count on them sitting still and hearing your story from beginning to end. They won't.
The answer is not to try to change human nature. It's to embrace the hunting skills that people are bringing online (and to their daily offline media consumption) and to make your media match their needs.
Seth Godin
Das Video bestätigt eine Reihe von Erkenntnisse, die Ihr gewiss bereits einmal gelesen habt. Dennoch überaus interessant, sie live am Beispiel der Seite Squidoo zu erleben:
- Skimmen und Scannen
Im Internet wird mehr überfolgen, geskimmt, als sorgfältig gelesen. Bevor eine Seite aufmerksam gelesen wird, sucht der Leser schnell und hektischer als vielfach angenommen nach dem nächsten Informationshäppchen, nach der nächsten Klick-Möglichkeit. Schnelle Aufnahme und Verarbeitung von Information wird sehr stark durch Aspekte der Wahrnehmung gesteuert.
- Bilder & Überschriften
Sowohl Bilder als auch Überschriften ziehen durch Form, Farbe und Größe die Aufmerksamkeit des Lesers auf sich. Anordnung, Größe, Nähe und Gleichheit bestimmen oft den Grad der Wahrnehmung entscheidend.
- Struktur schafft Orientierung
Schnelle Aufnahme von Information schreit nach strukturiertem Inhalt. Gut gegliederte Textbereiche, schnell aufnehmbare Überschriften oder Links erleichtern ein leichtes und problemloses Lesen sowie eine schnelle Orientierung. Farbige Unterscheidung von Links, Texten und Überschriften erleichtert die schnell Aufnahme der Texte enorm.
- Lesefreundlich Listen
Nicht ohne Grund stehen ungeordnete Listendarstellungen ganz weit oben auf der Hitliste der Leser. Sie lassen sich leicht überfliegen und aufnehmen. Eine Hervorhebung wichtiger Stichworte und Kernaussagen (oder Überschriften) erleichtert die schnelle Wahrnehmung noch weiter.
- Navigation (Button, Menus)
Auffällige Navigationselemente wie Buttons und Menüs erfüllen immer wieder entscheidende Aufgaben. Elemente, die Benutzergewohnheiten wenig berücksichtigen, fallen schnell durch das Raster der Wahrnehmung.
- Umfangreiche Seitenfüße
In Mode gekommene umfangreiche Seitenfüße werden beim skimmenden Lesen offenbar schneller und sicherer angesurft, als Teilbereiche des Sidebars rechts. Teile der mittleren Seite werden schneller überblättert als Kopf und Fußbereiche. Das würde zumindestens den immer stärkeren Einsatz solcher Design-Elemente in Weblog entscheidend erklären.
- Visueller Leser-Fokus
Das Internet lebt von visueller Wahrnehmung. Auch wenn viele Betreiber von Weblogs das bei ihren Blogs scheinbar vernachlässigen, bieten Bilder eine fantastische Orientierungs- und Informationsquelle und erleichtern die Orientierung wesentlich schneller als das Lesen von Text. Über die Größe der Bild-Elemente lässt sich obendrein die Wahrnehmung (in Grenzen) steuern.
- Werbung & Weiterklicken
Hat der Leser die Information bekommen, sucht er nach dem für ihn passenden Ausstieg oder einer weiteren Informationseinheit. In Sekundenbruchteilen fällt hier die Entscheidung Weiterlesen oder Ausstieg. Klick, weg ist er? Auch die Bannerblindheit in Abhängigkeit von Position und Gestaltung fällt auf.
Gern lese ich Eure Gedanken und Erlebnisse zu der netten Usability-Lektion.