Eye tracking study reveals 12 website tactics

6 replies
This is way cool. I thought I would share:


Eye tracking study reveals 12 website tactics

Eye tracking studies have revealed valuable information about how people read and interact with websites. One study, Eyetrack III, published a summary of their eye tracking results for news sites.

While this is just one eye tracking study focused on a particular type of site, I think there are instructive nuggets here for any informational website.

In no particular order, here are 12 results I found particularly interesting.

1.Headlines draw eyes before pictures. This might be surprising for some people since the trend has been to add photos and graphics specifically to draw the eye. Even I have been adding more photos to my blog to spice it up a bit.

But the participants in this study looked at headlines, especially in the upper left of the page, before they looked at photos when they landed on a page. So you can't rely on eye candy to make up for poor headlines.

2. People scan the first couple words of a headline. Yes, long headlines can work. But this study suggests that people scan the first few words before deciding whether to continue reading.

This means you should front-load your headlines with the most interesting and provocative words. It's also an argument for getting your keywords up front in headlines.

3. People scan the left side of a list of headlines. This is related to the previous point. When presented with a list of headlines or links, people will scan down the left side, looking at the first couple words, to find something they're interested in. They don't necessarily read each line beginning to end.

The implication is the same as before. Get your most mind catching words up front.

4. Your headline must grab attention in less than 1 second. Online readers are grazers. They move fast and nibble. If you want to hook them into spending time reading about something, you have to catch their attention very, very fast.

No nonsense. No meandering copy. No "throat clearing" to fill space. You have to get to the point instantly.

5. Smaller type promotes closer reading. This makes sense because smaller type is harder to read. So, to read it, you have to really focus. Larger type promotes scanning rather than reading.

Be careful with this one. No one is suggesting you shrink your web type to make it barely legible. I think the takeaway is to avoid making your type too big if you want close reading and avoid making it too small if you want to communicate rapidly.

6. Navigation at the top of the page works best. I find this interesting from a design point of view since many sites now use side navigation. I take this one with grain of salt, since the study also shows that side navigation can work fine.

The point may be that anything at the top of a page will be seen immediately. And since top navigation must be simple because of space limits, top navigation is probably much simpler to use.

7. Short paragraphs encourage reading. No surprise here. Even in print this is true. Big blocks of type look imposing and difficult, like reading a Faulkner novel where a paragraph goes on seemingly forever.

In online writing as in most ad writing, you have to forget normal paragraph development. Breaks should be logical, but they're organized into a flow of ideas rather than distinct paragraphs.

8. Introductory paragraphs enjoy high readership. Just to be clear, an intro paragraph is a content summary that appears after the headline and before the main text. It's common in some news writing. I've also used it in print ads which are designed in the form of an article, often called an "advertorial."

The downside is that while intros get read, this study says they don't affect readership of the main text. Maybe they help improve comprehension. The study doesn't say.

9. Ad placement in the top and left positions works best. For anyone familiar with "heat maps," this make sense. The eye tends to start in the upper left of a page. So an ad, or anything else, in that area will be noticed.

This is another one you have to be wary of. Ad blindness tends to happen when people get used to seeing ads in a particular place. So even the prime upper left area won't work so well if you always put ads there.

10. People notice ads placed close to popular content. Obviously. This mimics the well-known idea in the offline world where ads are placed anywhere eyeballs point.

This is why ads right over a urinal work. Men look straight ahead, usually at a blank wall 12 inches from their face when standing at a urinal, so any reading material there will get read.

11. People read text ads more than graphic ads. Not everyone will agree with this one. But it makes sense if you consider that information is usually in the form of text. So people looking for information are looking for text, not pictures.

However, graphics can be useful for conveying information that is difficult to communicate in pure text, such as how something looks, mathematical information, before and after comparisons, etc. Which leads us to the last tactic.

12. Multimedia works better than text for unfamiliar or conceptual information. Reading relies on people having some understanding of the subject. The more familiar they are with the subject, the faster and easier reading is.
#eye #reveals #study #tactics #tracking #website
  • Profile picture of the author EndGame
    Epic find Scott.

    I have always wanted to get my hands on this kind of info/data.

    I have heard snippets here and there, but not seen much in this area this comprehensive.
    "Better a student of reality than a master of illusion"
    {{ DiscussionBoard.errors[1342550].message }}
  • Profile picture of the author Yuds
    This is seriously awesome stuff.

    Seems to lend some credibility to the idea of having the opt-in box in the top left of the screen as opposed to the top right though.

    Has anyone experimented with these two placements to see which one does better?
    {{ DiscussionBoard.errors[1342581].message }}
  • Profile picture of the author NewBeing
    Thanks Scott, interesting read.

    EndGame, you may want to read some of Jakob Nielsen's books on web usability, he's pretty much on the ball when it comes to that subject.
    {{ DiscussionBoard.errors[1342608].message }}
  • Profile picture of the author Fernando Veloso
    Way to go Scott!!!

    Pure gold along some stuff we already know for some time.

    Information is Power.

    Me likes it.
    People make good money selling to the rich. But the rich got rich selling to the masses.
    {{ DiscussionBoard.errors[1342613].message }}
  • Profile picture of the author Lady_T
    Wow, what an eye opener...especially number 5...I
    always "thought" bigger type was easier on the eyes...
    mmmm, I was off the mark there.

    Thanks for the info - it's a good checklist to use for
    our websites.
    {{ DiscussionBoard.errors[1342637].message }}
    • Profile picture of the author Scott Ames
      Originally Posted by Lady_T View Post

      Wow, what an eye opener...especially number 5...I
      always "thought" bigger type was easier on the eyes...
      mmmm, I was off the mark there.

      Thanks for the info - it's a good checklist to use for
      our websites.
      I just had to laugh. Smaller type is literally an eye opener

      Success consists of going from failure to failure without loss of enthusiasm. -Winston Churchill

      {{ DiscussionBoard.errors[1342659].message }}

Trending Topics