top of page

COMMENTING ON

Eye Track

24 November 2020

Overview: This page tells you more about using eye track to guide your reader to important information on your webpage.

Keep reading to learn about the F shape experts suggest for locating key concepts and information on a web page.

EYE TRACK IMAGE 17-03_google_searchs_gol

Click-N-Learn

 

8 Minute Read

The absolute best, introductory article on Eye Track is

https://www.nngroup.com/articles/how-people-read-online/

"How People Read Online: Old and New Findings"

by Kate Moran, 5 April 2020

Summary: Looking back at findings from a series of eyetracking studies over 13 years, Moran sees that fundamental scanning behaviors remain constant, even as designs change.

After reading Moran, the materials below on using an F design will take your understanding of eyetrack and designing with eyetrack in mind to the next level.

_________________________________

CONTENT BELOW

copied/pasted from

https://www.webfx.com/blog/web-design/10-usability-tips-based-on-research-studies/

Enable Content Skimming By Using an F-Shaped Pattern

4 Minute Read

 

Dr. Jakob Nielsen, a pioneer in the field of usability, conducted an eye tracking study on the reading habits of web users comprising of over 230 participants. What the research study displayed was that participants exhibited an F-shaped pattern when scanning web content.

.

.

.

.

.

.

.

.

.

.

.

Image Source: Alertbox [VISUAL Above]

A similar study, by search marketing firms Enquiro and Did-it in collaboration with eye-tracking research firm Eyetools, witnessed a similar pattern when they evaluated Google’s search engine results page with an eye tracking study that included 50 participants. Dubbed the “Google Golden Triangle” because the concentration of eye gazes tended to be top and left, the results are congruent with the F-shaped pattern seen in Nielsen’s independent research.

Image Source: Clickr Media [VISUAL on Left]

For designers and web copywriters, these results suggest that content you want to be seen should be placed towards the left, and also that the use of content that fits an F-shaped pattern (such as headings followed by paragraphs or bullet points) increases the likelihood that they will be encountered by a user who is skimming a web page.

Sources and Further Reading

________________________

 

 

THE IMAGES BELOW are FROM MORAN's article and show EYE TRACK MODELS

Click MORAN to read more

F PATTERN Eye track IMAGE 17-02_fpattern
EYE TRACK pinball.png
EYE TRACK gazeplot-google-serp-raleighbo
EYE TRACK gazeplot-apple-watchseries3-p2
bottom of page