Design Your Website for the Users Eyes

Michael Buczek - October 27, 2010

Some may recall a study that was published by Jacob Neilson back in 2006 that analyzes how people view websites.   When Neilson asked people to view websites, it was noticed that many would read them in a similar manner.   Heatmaps were used to express now visitors would view the content on the page, and when the map was studied, a clear pattern was noticed.   This pattern became known as the “F Pattern” because of the resemblance to the letter “F”.

The areas viewed most are red; yellow is less and blue shows the least amount of views.   What you will notice, is that as the reader continues to scan the page, the lower section and the right rail of the page receives less views.   This supports that most viewers are reading left to right and top to bottom, and that they tend not to read all of your content.   You will notice a distinct “blue color” toward the bottom of the page meaning that people are abandoning it.   The same can be said about content that is on the right side of the page.

What does this mean for web design?   When designing your site, it is crucial to have the most important elements in the top, left section of the site.   When creating navigation, feature your most important sections on the left side.  

As you start to create your content, it is important that you recognize this F Pattern and organize your content accordingly.   Make sure the most important information is in the first two paragraphs of the text, and make it easy to read.   Incorporate bulleted or numbered lists so it is easier for readers to pick out important pieces of information.   Understanding that you don’t have much time to grab your readers attention will be an integral part of creating text that is both compelling and optimized.