How Do You See The Web?


By StephanieS - Posted on 27 September 2008

As a Web designer, I often find myself assuming everyone looks at a site the same way I do. When in fact, everyone views the Web differently. Many studies have been done to determine how users approach a website. Specifically, tools such as eyetracking have been utilized to follow how the user views each page.

According to Jakob Nielsen's article F-Shaped Pattern For Reading Web Content, a majority of users view the Web in an F shaped pattern. They begin with a horizontal scan across the page, followed by a smaller horizontal scan, and completed with a vertical scan down the left side of the page. With that being said, Nielsen points out that the most crucial content of each site should be in the top two paragraphs, and that the first word in bullet points should be informative.

I found this study to be very interesting and helpful when coming up with design layouts and copy placement. For future reference, I came up with a list of what I found through additional research and personal experience when it comes to Web user behavior:

  • Users prefer to look, not to read. Heavy text can bore the viewer; so visual graphics are a must.
  • Color is aesthetically pleasing. But too much color can be distracting and too little color can leave pages flat and uninteresting.
  • Although many users view websites in the F shaped pattern, it is important to remember that everyone sees the Web with a different set of eyes. Some people just surf, while others spend extensive amounts of time on each page of a site.
  • Finally, and most importantly, simplicity and functionality are fundamental. The less navigation I have to find my way through the better. Additionally, load time and page errors can test anyone’s patience, so keep load time to a minimum and always keep up to date on your sites performance.
Your rating: None Average: 4 (2 votes)
3

This was very informative and useful information. I can't wait to try these tips on my website.

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Link to content with [[some text]], where "some text" is the title of existing content or the title of a new piece of content to create. You can also link text to a different title by using [[link to this title|show this text]]. Link to outside URLs with [[http://www.example.com|some text]], or even [[http://www.example.com]].
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Internal paths in double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or relative path.

More information about formatting options

Request a Quote

Contact Us Tel: 866.277.9958
2929 Carlisle, Suite 375
Dallas, TX 75204
Get your free quote!

NEWSLETTER SIGN UP

Upcoming Events

07/06/2009 - 3:00pm - 4:00pm