Eye Tracking 101: How Your Eyes Move on a Website

Putting together a great looking website is a great start, but it is just a start.

True web design requires you to venture beyond the aesthetic and into the worlds of User Experience and Conversion Rate Optimization.

Knowing how the viewers of your site really see it can help to shine light on new and/or missed opportunities within your current design. It may also bring out the need for new elements or changes.

While there are plenty of options for improving CRO, eye tracking analysis provides some of the most useful information for optimizing your biggest digital marketing asset, your website.

A good design will catch people’s eye, but a great design will keep people on your site and get them engaged with your content. And while you shouldn’t underestimate the power of good copy, your design is what people notice first.

We teamed up with our friends over at Single Grain to put together the infographic below in hopes that it will help everyone get a better, basic understanding of what eye tracking is and what it can do.

Eye Tracking 101


Kathryn Aragon is editor of The Daily Egg, and offers advanced training for content marketers at KathrynAragon.com. Follow her on Twitter and Google+.


  1. Hi Katie,

    This is awesome and no wonder why a great UI design inspires everyone.


  2. Hi Kathryn,
    Nice infographic. Eye tracking is actually quite an interesting topic and one people know very little about. Our behaviour on a website is actually critical and it really affects the success of a buiness, but we are not really aware of that.
    Thanks for sharing

    • You’re so right Ashley. This could be our goal for the new year, and we’d all do better. 😉

    • Hey Ashley,
      It’s true what you said, eye tracking is the tool to measure UX performance and boom the online traffic. It definately will be the trend and gain more attention, especially now it’s getting more and more easy to use and affordable (for example myGaze eye-tracker)

  3. Great infogrtaphic Kathryn, learnt a lot from this. thanks.

  4. I like this article Kathryn. I picked it up via The Art of the Name and followed it here. This is important info for all site owners and designers. Thank you very much for this informative info and look forward to more excellent work from you.


  1. […] Una infografía sobre cómo se mueven los ojos de un cliente en tu Web. Vía […]

  2. […] Una infografía sobre cómo se mueven los ojos de un cliente en tu Web. Vía […]

  3. […] deneyimleri tatmin edebilenlerdir. Singlegrain ve Crazyegg’in hazırladıkları infografik, göz hareketi taraması hakkında şaşırtıcı bulgular […]

  4. […] is a really interesting article. Eye tracking 101: how your eyes move on a website. Website design is important, even more so when you take eye tracking into account. Did you know, […]

Comment Policy:

Your words are your own, so be nice and helpful if you can. Please, only use your real name, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. We rarely allow links in your comment. We accept clean XHTML in comments, but don't overdo it please.

Speak Your Mind