What Attracts the Readers Eye?

Knowing were the first or most looked at spots on your site can help in many ways. From where to put important info or where the placement of ads will be. There are many rules of color on what background, where to place images and flow of color, with these you’ll know almost were the reader will always be looking, when not reading the post.
The rules are many and can take years to learn, even with a chart, most webmasters wouldn’t know if they are focusing on the correct areas. But there is a cheat sheet, it’s called Feng-Gui. At Feng-Gu you put in your web address and a HeatMap is created. This heatmap shows you the areas of your site that draw the human eye toward them.

From the site:

* The ViewFinder algorithm creates a Saliency attention heatmap.
The salience map creation is based upon neuro-science studies of visual Attention, Perception and Cognition of humans.
Or in English: What people are looking at?
* The ViewFinder Heatmap service captures a snapshot image of the requested website and generates a visual attention heatmap.
* Heatmap – from dark blue through green to red, describing the temperature heat of the image heated by human eyes.

Technorati Tags:


3 Comments to “What Attracts the Readers Eye?”

  1. Scott J 13 February 2007 at 10:40 am #

    Pretty cool. I ran this on my web site. Of course the header img, was the hot spot which makes me think are people looking at content or images?

  2. Richard Curry 13 February 2007 at 11:00 am #

    I think that’s how that site helps, people’s eyes are always going to flow toward the images, so it’s a fine line of text to images and how many images can take away from your site making it almost unreadable to people. I’ve been to sites before that were hard to read because there was so much going on, on the page.

  3. Mayank 13 February 2007 at 1:13 pm #

    Well, I think it is nothing but a playing tool. The reason was that most of the places which had more colors…it highlighted that part as the heat map. For e.g. for my website…it highlighted the logo portion a lot which is both in header and separately.

Leave a Reply