17. Oktober 2011
Die Eyetracking-Studie des Poynter-Instituts aus 2004 ist nach wie vor eine wichtige Quelle, wenn es um Fragen der Website-Nutzer-Interaktion geht.
Für die Studie wurden die Blickverläufe von knapp 50 Probanden auf generalisierten Nachrichtenwebsite-Layouts per Blickverlaufskamera aufgezeichnet und ausgewertet.
Leider ist das Dokument seit einiger Zeit nicht mehr online. Immerhin liegt mir ein PDF der Studie vor, sodass einige zentrale Befunde hier in Auszügen wiedergegeben werden können:
Blickverlauf auf der Startseite
Observation: When viewing homepages, eyes initially tend to fixate in the upper left and finally move to the lower and upper right.
As the diagram indicates, the upper-left quadrant gets a fairly complete glance. Not only is it the viewing start point in this area, but viewers also tend to peruse the entire area before moving on. Next stop — a cursory look at the lower part of the upper right hand quadrant, followed by the same in the upper part of the lower left-hand quadrant. The eyes seem to move back and forth again to outlying areas of these two quadrants. Finally, users scan the right-hand side of the page before leaving. The sequence is fairly logical when considering that Westerners read from left to right. It also is consistent with traditional teachings of readers to scan printed pages in a Z-shaped pattern:

Thought about in a more general way, we can see how the upper left is viewed more quickly, on average, then the next layer out, then the outer periphery. However, it is important to remember that viewing patterns are affected by what page elements exist in particular locations. Headline placement, images, and blurbs are strong factors in determining viewing patterns:

Blicklenkung durch Fotogröße
Observation: Larger photo size increases the percentage of users seeing photos and the time they spend looking at them. For this study, we tested three common sizes of photos: small (about 80×80 pixels), medium (210×230 pixels), and large (365×240 pixels). Thumbnails of the five images we used appear below.



Primäre Scanzone für Teaser
Below is a series of close-ups of article blurbs from heatmaps of homepage No. 6. The red-orange-yellow areas indicate the highest viewing, which is concentrated on the left side of the blurbs.

Tips:
Using blurbs with headlines rather than headlines-only seems to help disperse interest throughout a homepage (down the page). Recognize that a list of headlines-only high on the page might not get people to look as much on lower portions of the page.
If you have some stories that you want to get people to more than others, you might want to use blurbs with those headlines and place those stories near the top of the homepage.
If you’re going to use blurbs, remember that the first few words may matter most. Our findings indicate that very few people go to the trouble of reading all of even short blurbs. Most people don’t invest much time in deciding whether or not to click through to an article, so keep head/blurb combos succinct.