Eye-tracking studies: first impressions form quickly on the web

When viewing a website, it takes users less than two-tenths of a second to form a first impression, according to recent eye-tracking research conducted at Missouri University of Science and Technology. But it takes a little longer – about 2.6 seconds – for a user’s eyes to land on that area of a website that most influences their first impression.

Dr. Hong Sheng, foreground, reviews eye-tracking heat maps in the Laboratory for Information Technology Evaluation at Missouri S&T. In the background are business and information technology student Sneha Pochinapeddi (seated) and Dr. Nick Lockwood. Sheng and Lockwood are assistant professors of business and information technology at Missouri S&T.

Dr. Hong Sheng, foreground, reviews eye-tracking heat maps in the Laboratory for Information Technology Evaluation at Missouri S&T. In the background are business and information technology student Sneha Pochinapeddi (seated) and Dr. Nick Lockwood. Sheng and Lockwood are assistant professors of business and information technology at Missouri S&T.

“We know first impressions are very important,” says Dr. Hong Sheng, assistant professor of business and information technology at Missouri S&T. “As more people use the Internet to search for information, a user’s first impressions of a website can determine whether that user forms a favorable or unfavorable view of that organization.”
Sheng’s research with Sirjana Dahal, who received her graduate degree from Missouri S&T last December, could also help web designers understand which elements of a website’s design are most important for users.
For their research, Sheng and Dahal enlisted 20 Missouri S&T students to view screenshots, or static images, of the main websites from 25 law schools in the U.S. The researchers chose law schools because that degree is not offered at Missouri S&T, so students would not compare those degree programs with one offered at their own campus.
“We wanted to show them sites that were relevant to them but not familiar to them,” says Sheng, whose research specialty is human-computer interaction.

HeatMap-Gazeplot-300px.jpg

Missouri S&T researchers depict eye-tracking data on a website using a heat map (top image), which shows infrared eye movement, or a gaze plot (bottom image)

Using eye-tracking software and an infrared camera in Missouri S&T’s Laboratory for Information Technology Evaluation, the researchers monitored students’ eye movements as they scanned the web pages. The researchers then analyzed the eye-tracking data to determine how long it took for the students to focus on specific sections of a page – such as the menu, logo, images and social media icons – before they moved on to another section.
Sheng and Dahal 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.
After each viewing of a website, Sheng and Dahal asked students to rate sites based on aesthetics, visual appeal and other design factors.
“The longer the participants stayed on the page, the more favorable their impressions were,” Sheng says. “First impressions are important for keeping people on pages.”
Sixteen of the 25 websites reviewed in the study were considered favorable by the subjects, Sheng says.
Through this research, Sheng and Dahal found that seven sections of the reviewed websites attracted the most interest from users. The participants spent an average of 20 seconds on each website.
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.

Sheng notes that use of social media links may be of particular interest for college students, more so than for the general population.
Although use of color was not part of the eye-tracking study, participants indicated that it did influence their impressions of websites. “Participants recommended the main color and background color be pleasant and attractive, and the contrast of the text color should be such that it is easier to read,” Dahal wrote in her master’s thesis, titled Eyes Don’t Lie: Understanding Users’ First Impressions on Website Design Using Eye Tracking (PDF).
The use of images was also an important factor in web design, the subjects of the study said. “You must choose your main picture very carefully,” Sheng says. “An inappropriate image can lead to an unfavorable response from viewers.”
The researchers showed students screenshots of the websites, rather than the actual sites, because website download speed, mouse movement and other factors can influence how people interact with websites. In addition, the S&T students were also under no time constraints. The students could view the pages for as long as they wished to form an impression. “Time constraints can affect user behavior,” Sheng says.

Comments

  1. Bikash Karki says:

    Great Research !!!!

  2. So important to know about these things. We go through much to encourage people to visit our websites but not quite sure what’s going through their minds (via their eyes) other than what we learn from Google Analytics, etc… Going to read this again. Thanks!!

  3. Good article and intersting research. I used a similar software and got nearly the same results.

  4. Awesome research. This can be extremely useful for some website owners that only focus on how pretty a website is, and not about how their viewers react.
    I was under the impression that the backwards F type of pattern was the most common way a person reviewed a site.
    This has been known by most marketers online, because it is important to place ads, or a call to action in these specific area.
    Thanks again for the great research and I hope you will continue to do so!

  5. I think the fact that social media icons have become more of a focus point in recent years really shows how the internet is evolving. Now days, you not only need to build attractive websites but they need to be engaging and “share-worthy”.
    Besides that most of this seems pretty straight forward, although I wouldn’t of expected users to focus so much on the websites logo. Looks like we will have to rebrand some of our uglier logos :)

  6. Great article. Your research will come in very useful when explaining to clients ‘why’ our design layouts are the way they are. We will use your research to educate the client more on usability.
    Thanks for the research.

  7. Teri Browett says:

    I am looking for an up-to-date study but I don’t think this will fit
    It is a small number of participants
    They are all students
    It is done on PCs only
    It is not multi-national
    Can anyone recommend a recent, more in depth study?