Eye Tracking, Heat Maps and Pamela Anderson

Eye tracking, heat maps and Pamela Anderson. What do they have in common?

Just to spice up your Friday evening, take a look at the picture below, for no more than 5 seconds. Keep in mind what the first spots you looked at. Then, scroll down and see what the computer perceives as “hot spots”.

Pam Anderson

Pamela Anderson

Now, let’s see which are the hot spots (the heat map of the picture) (thanks to the guys at www.feng-gui.com)

Pamela Anderson Computer Predicted Eyepath

Pamela Anderson Computer Predicted Heat Map

Kind of strange, isn’t it? Now, don’t be ashamed, where did you look at?

What I am trying to say is that a computer is a machine, and even if it can detect skin and faces, smiles or eyes within pictures, it is still not accurate (yet). However, the Feng GUI tool is doing a much better job at predicting the heat maps for websites (or at least for ours). This a 1024 x 768 , above the fold screenshot, predicting the heat map for our home page.

Pitstopmedia's Home Page 1024x768 above the fold

Pitstopmedia's Home Page 1024x768 above the fold

Heat Map Prediction

Heat Map Prediction

If you are designing your website and you want to take out a little bit of guessing from the design process, using the help of eye tracking tool, you may want to take into consideration the following:

- human eyes (the direction they point to) and smiles (white teeth smile) also play an important role on where your visitors will look on the page. A picture with eyes looking straight at users will attract most of the eyes movements , while the same image but with the eyes of the “hero” pointing to a product will “heat up” the product image
- a website seen at 800×600 resolution will have a different heat map compared to the same website seen at 1024 x 768 (what’s above the fold). You need to design for the big chunk of your audience
- foveal and periphal vision also affects the eye movement
- banner blindness also has some influence
- animation will change the hot spots

Pitstop Media is a Vancouver based company, providing Internet marketing servicesto companies of all sizes, from start-ups to corporations. Need to convert more visitors into buyers? We also offer landing page design services.

4 Responses to “Eye Tracking, Heat Maps and Pamela Anderson”

  1. Paul Olyslager said:

    Aug 30, 09 at 12:21 am

    Great post, personally I think heatmaps should be based on actual tracking. Every person looks at images in a different way, of course we have similarities. But what about the people who read from right to left, they have a completely different perspective on the design.
    I’ve made a small list with free alternatives for Crazy Egg, which you can find at http://www.paulolyslager.com.

  2. TraiaN said:

    Sep 01, 09 at 10:02 am

    Thanks Paul. The collection of heat map tools is in bookmarks now.

  3. James Breeze said:

    Jan 24, 10 at 3:25 pm

    Hey, The Feng Gui heat map has no accuracy whatsoever.
    A ‘normal’ person would look at the 2 eyes, mouth and the curve of the breast fat.
    That makes more sense than the image above and it s scientifically proven.

  4. TraiaN said:

    Jan 29, 10 at 5:50 pm

    James, do you have any links for studies on how we look at humans?


Leave a Reply