Infographic: 101 On Eye Tracking

Infographic: 101 On Eye Tracking

Lemuel Galpo
Written by Lemuel Galpo
November 27, 2014

The people at CrazyEgg and Single Grain have shared this great infographic about the basics of eye tracking or how your eyes move when they are looking at a website. Eye tracking is also considered to be the study of what people look at on a certain page or screen. This is done so that page designers can strategically place specific words or images to the places that get the most attention. This way, the most important information is relayed to the viewer as soon as possible.

Aside from the basics of eye tracking, the infographic also contains useful information and insights such as:

  • Eye Patterns
  • Image Size and Spacing
  • Web Design Colors
  • Logos
  • Button Size
  • Ad Placement

Eye tracking is one of best new innovations that helps website builders track what their audience is seeing when they enter the website. This information, when combined with conversion optimization, can significantly improve a website’s look and feel.


Download this infographic

Embed Our Infographic On Your Site!

Originally published November 27, 2014 - Updated December 30, 2014
Lemuel Galpo
As Customer Content Manager, Lem is responsible for bringing learnings in conversion optimization and testing to the world. He is part of's growth team and coordinates all writers, editors and illustrators.
Guest Post Form

We have brought thought leaders, influencers, visionaries and veterans to our tribe. Now it’s your turn. If you have something worthwhile to share with a large community of savvy testers, go ahead and pitch your post idea. We’re listening.


CATEGORIES Infographics

[hclightbox id='5' text='Anchor text']