Quantcast

« 32 Balls for FIFA World Cup | Main | Daft Punk - Electroma »

June 11, 2006

Eye Tracking Visualizations

F Scan

These visualizations show the dominant pattern of how people perceive content on the web.

In a study on how to enhance the user experience on the web, made by Nielsen Norman Group, an interesting pattern was discovered.

In the shape of a letter "F", viewers scan through any website within a few seconds. Users first read horizontally, usually across the upper part of the page. This initial element forms the "F's" top stroke. Next, users move down the page a bit and read across again, typically covering a shorter distance than the previous. This element forms the F's lower stroke. Lastly, users track the contents left side vertically.

The study was made from several different sites with a variety of designs and the results were shown to be consistent throughout with some exceptions of users reading across a third and fourth time.

It's interesting to think how the web has changed our ways of perceiving information about absolutely everything. For the most part we don't want to spend more then a few seconds looking for something. Our attention span has dramatically lessened because of that. Don't you hate that slow connection at work?

Lets say "F" is for fast - think about the important implications that has.

-Users won't read your text thoroughly. Exhaustive reading is rare.

-The first two paragraphs must state the most important information. There's some hope that users will actually read this material

-Start subheaders, paragraphs, and bullet points with information-carrying words. Users will notice when scanning down the left side of your page in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two.

Posted by diverseawareness at 10:03 PM | Permalink

Comments

instantly reminded me of alex tew's brother's analysis of how pixels were purchased on the million dollar homepage.

http://www.milliondollarhomepage.com/img-site/mdhp-growth-full.gif

v nice blog btw

keep it up!

Posted by: wil at June 13, 2006 11:20 PM

Post a comment




Remember Me?

(you may use HTML tags for style)