Eye Tracking 101: How Your Eyes Move on a Website

by Kathryn Aragon

Last updated on November 17th, 2017

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

eye tracking infographic



Get updates on new articles, webinars and other opportunities:

Kathryn Aragon

Kathryn Aragon is the former editor of The Daily Egg. She's a content strategist, consultant, and author of The Business Blog Handbook. Learn more at KathrynAragon.com. Follow her on Twitter.


Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.


Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Kalpana says:
    May 9, 2018 at 5:16 am

    great infographic. useful and informative.

  2. Stella Oefinger says:
    February 6, 2017 at 7:02 pm

    Kathryn, I love this infographic. I plan to share this on Facebook. In fact, it a great tool to share with clients. I am a big believer in white space. This confirms what I am telling people.

    • Kathryn Aragon says:
      February 7, 2017 at 2:06 pm

      That’s so cool! I’m glad it aligns with your thoughts. Let us know how people like it on Facebook. 🙂

  3. Anonymous says:
    January 27, 2016 at 10:38 am

    Oh my goodness! Amazing article dude! Many thanks, However I am
    encountering difficulties with your RSS. I don’t understand the reason why I cannot
    subscribe to it. Is there anyone else getting similar
    RSS issues? Anybody who knows the solution can you kindly respond?

  4. Anonymous says:
    January 6, 2016 at 3:53 pm

    whoah this blog is magnificent i love studying your articles.
    Stay up the good work! You recognize, a lot of individuals are hunting around
    for this information, you could help them greatly.

  5. Steve R says:
    January 25, 2014 at 2:06 am

    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.

    • Kathryn Aragon says:
      January 25, 2014 at 8:46 am

      You’re welcome, Steve. It’s great to connect.

  6. Dan Carter says:
    December 27, 2013 at 12:37 am

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

  7. Ashley says:
    December 20, 2013 at 3:17 am

    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

    • Kathryn Aragon says:
      December 20, 2013 at 9:28 am

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

    • Fu says:
      January 3, 2014 at 4:49 am

      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)

  8. Ayush says:
    December 18, 2013 at 10:25 pm

    Hi Katie,

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


    • Kathryn Aragon says:
      December 18, 2013 at 10:45 pm

      Hey, Ayush! Glad you liked it.

Show Me My Heatmap

@CrazyEgg Thanks for no longer truncating naming conventions of exported snapshots. Saves so much time!

Nicole Mintiens


What makes people leave your website?