10 Useful Findings About How People View Websites

10 Useful Findings About How People View Websites

Eyetracking and research have studied how people look at websites. Here are 10 useful findings you can use.

1. Top left corner gets the attention first

When users land on your site, their eye path starts from the upper left corner, and moves on from there. According to this eyetracking study by Eyequant these areas get the most attention:

Similar findings came from a study by Yahoo. Check your site and see what you have in these zones. Move the value proposition to the top left zone. Yes, there can be exceptions, but use this as a starting point and test from there.

Are you familiar with the Gutenberg diagram? It describes a general pattern the eyes move through when looking at (usually text-heavy) content. It fits this zoning conclusion pretty well, with the exception of the bottom right area.

Image credit

The fourth, bottom right terminal area is where you should place your call to action. Note that this is not some universal truth, but a good starting point.

2. People read in F-patterns

Most people don’t read, but scan. A 2008 study concluded that on average only 28% of the text is read.

Eyetracking visualizations show that users often read website content in an F-shaped pattern: two horizontal stripes followed by a vertical stripe. Another study confirmed this.

Image credit

This is why you want your value proposition in the top and why your menu should be either top horizontal or on the left, vertical.

How to design for F-patterns? Read here.

A similar study called this the golden triangle.

3. Use visibly bigger introductory paragraphs for improved attention

Make introductory paragraphs in boldface or larger font size. When the test subjects encountered a story with a boldface introductory paragraph, 95 percent of them viewed all or part of it.

Every SmashingMagazine article starts with an intro paragraph:

Keep the paragraph line lengths short and in a single column – that’s how people are used to reading text.

The font that you use doesn’t really matter. Oh, and people like links – the number of clicks on the links goes up as you add more links.

4. People won’t look past the first search results

If you’re not in the top 2 or 3 in Google for a keyword, you’re losing out.  In an eyetracking study by Google most users found what they were looking for among the first two results and they never needed to go further down the page.

As it’s increasingly harder to get the top spots, using long tail keyword strategy is very important.

5. People do scroll, but put most important content above the fold

Web users know how to scroll look below the fold, but not nearly as much as they look above the fold. Make sure the above the fold part contains your value proposition, but don’t try to squeeze everything in there.

Scrolling is still better than slicing up lengthy content to several pages – it provides better usability. Just make sure you guide people to scroll down.

Wiltshire Farm Foods gives a hint in the bottom right corner:

Interestingly several studies point that the very bottom of a page also gets a lot of attention. That’s a good place for a call to action.

6. Left side of the page gets more attention that the right

With some exceptions, people read from left to right. This is also why the left side of your web page gets more attention.

Web users spend 69% of their time viewing the left half of the page and 30% viewing the right half. A conventional layout is thus more likely to make sites profitable.

Amazon is known for their left side menu:

If you have a vertical menu, put it on the left. Navigation placed at the top of a homepage however performs best (seen by the highest percentage of test subjects and looked at for the longest duration).

7. Use high quality, large images

Use large, crisp images – recommends usability guru Jakob Nielsen based on his eyetracking studies. Image quality is a significant factor in drawing attention. People in pictures facing forward is more inviting and approachable.

Highrise features huge photos of customers, looking at you:

Fuzzy, small images are less inviting as are big glamor shots. Nielsen said the eye-tracking study also surfaced a counter-intuitive finding–people who look like models are less likely to draw attention than ‘normal’ people.

A call center ad with model in it on the phone may be a good picture technically, but it will more likely be ignored,” Nielsen said. Images appearing unneeded, at least peripherally, will be tuned out. Avoid cheesy stock photos.

8. Need to show pictures of smartphones? Stick with Apple products

A study by EyeTrackShop, a company now known as Sticky, recorded that consumers looking at groups of smartphones and tablets discovered that Apple’s iPhone 4S and iPad 2 drew more glances and held people’s attention longer than Google Android devices from Amazon, HTC, Motorola and Samsung.

Conduit Mobile:

The iPhone commanded the greatest amount of attention — 2.3 seconds, on average — in its group. Among tablets, the iPad tied with the Amazon Kindle Fire for the lead, at 2.4 seconds each.

Full story here.

9. Dominant headlines draw the eye

An eyetracking study observed that big headlines most often draw the eye first upon entering the page – especially when they are in the upper left corner.

Present a whole value proposition with the headline. Keep in mind that clarity trumps persuasion.

Rekko greets you with a dominant headline:

When you list a bunch of headlines on a page, most often it’s the left sides of the headlines that get the attention. People typically scan down a list of headlines, and often don’t view entire headlines. If the first words engage them, they seem likely to read on.

On average, a headline has less than a second of a site visitor’s attention. This means that the first couple of words of the headline need to be real attention-grabbers if you want to draw attention.

10. First impressions take less than a second

When viewing a website, it takes users less than two-tenths of a second to form a first impression, according to an eye-tracking research conducted at Missouri University of Science and Technology.

Researchers found that their subjects spent about 2.6 seconds scanning a website before focusing on a particular section. They spent an average of 180 milliseconds focusing, or “fixating,” on one particular section before moving on.

The website sections that drew the most interest from viewers were as follows:

  • The institution’s logo. Users spent about 6.48 seconds focused on this area before moving on.
  • The main navigation menu. Almost as popular as the logo, subjects spent an average of 6.44 seconds viewing the menu.
  • The search box, where users focused for just over 6 seconds.
  • Social networking links to sites such as Facebook and Twitter. Users spent about 5.95 seconds viewing these areas.
  • The site’s main image, where users’ eyes fixated for an average of 5.94 seconds.
  • The site’s written content, where users spent about 5.59 seconds.
  • The bottom of a website, where users spent about 5.25 seconds.

Do you know of any other useful findings? Post them in the comments!

Related Posts

Join 95,000+ analysts, optimizers, digital marketers, and UX practitioners on our list

Emails once or twice a week on growth and optimization.

  • This field is for validation purposes and should be left unchanged.

Join the Conversation Add Your Comment

  1. Awesome mate… just wondering what think about those users who use their left hands for controlling the mouse .. do these tricks also prove correct for them .. or a little changes is needed??

  2. Bravo . . . good piece. I was presenting most of these concepts in my national seminars for graphic design and web design from 1988 through 1995 for Dynamic Graphics . . . the reader eye-flow is the most important, and I’ve since performed design critiques to hundreds of web owners sites that violate the concepts, but don’t understand they did it, and don’t understand why they should have done it. Web designers aren’t necessarily designers. It’s just a name that’s been tagged onto the term.

    But this is a good piece. We’ll pass it along in our site.


  3. Thanks. I’m explaining to my client why his logo should be at the upper left corner of his website.

  4. Thank you Peep. Found lots to study in this post.

    Could you clarify #10: “They spent an average of 180 milliseconds focusing, or ‘fixating,’ on one particular section before moving on”, but then states that about 6 seconds is spent on the logo (that seems very long) and in that neighborhood for many of the other bullet points.

  5. its so usefull to me , thanks alot

  6. so nice and amazing article !

  7. Now provide that wasn’t so hard in a specific Twitter account.
    Because your home because you are paying attention to what to look
    for can do the work and supervising.

  8. Website design matters. People are somehow attracted to websites that have beautiful design, simple functionality, and loads fast.

  9. Sir Laja, thank you for a very informative post. I realize my question does not pertain to viewing websites. How do you suggest writing detailed instructions for students for an online assignment requiring six to ten steps? I have tried: #1-four-page detailed instructions including screen captures for each step, #2-page-and-a-half summary without illustrations and #3-video screen capture of me working a similar assignment. My international grad-students don’t like any of them. What should I do? (Maybe they just don’t like earning credits by experiential learning!) Thanks for the feedback, Jim

    1. Peep Laja

      Hey Jim
      Without knowing more (what exactly they dont like) it’s impossible to say. First figure out what the exact problem is and how they would like to consume the content, then go about figuring out a solution.

  10. just wondering what think about those users who use their left hands for controlling the mouse

Comments are closed.

Current article:

10 Useful Findings About How People View Websites