Foreign famous website of the eye of the hot try, eye tracking map detailed

Now everyone is talking about the Web site's user experience (UE or UX) and interface design UI and other hot topics, Techfrom never special attention to the concept itself, more attention to practical applications and data. Around December last year, foreign Eyetrackshop, through Mashable, released a list of users ' eye-tracking maps or eye-heat attempts on several famous foreign websites and social networks, especially when the Personal Information page (Profile page) was browsed. The sites covered include: Facebook,google+,linkedin,flickr,youtube,klout,reddit,digg,tumblr,twitter,stumbleupon and Pinterest. We will present readers,

Eye Heat Diagram (eyetracking):

The study used webcam to record the eye movement of 30 participants while browsing the personal information pages of various social networking sites (data within 10 seconds of entering the page). The recorded data includes: What is on the page is focused on "care" to, as well as users browse the main areas of the page order.

Although the number of samples is not enough, the experimental results are hardly perfect. But from the data available, the researchers found that:

The avatar of the

personal information page is very important. In Facebook,klout and Stunbleupon, the avatar is the most attractive place for visitors to see the image of a friend you know will receive considerable attention. Viewers will see a picture of your friend's little avatar on the page. The more content you get, the more attention you gain. This is clearly reflected in Pinterest,digg and Facebook. But it's a little bit better on Twitter and YouTube.

User eye tracking and eye heat map (eyetracking) of major foreign websites:

Social Networking Facebook

Personal Avatar and the first updated information at the top get the most attention.

This shows the sequence of the testers ' browsing for different regions, usually starting with the intermediate flow of information.

social networking Google +

Although testers spend more time on the Google + page than other social networking sites, their personal avatar images don't get much attention.

Testers have an average of 5.9 seconds in the flow of Google +, slightly longer than Facebook and LinkedIn.

LinkedIn, business social networking site

On the LinkedIn page, the site logo gets the most attention

the world's largest photo site Flickr

Like LinkedIn, Flickr's logo attracts viewers ' attention more than any other picture on the page.

video sharing website Youtube

You can see a video that gets a much higher degree of attention than the other video ...

Social Influence website Klout

Are the lower-right scores more focused than the top-rated large ones? This is the situation of God horse ...

We techfrom in social influence Klout, through Twitter to start on Facebook, with 10 million of dollars of financing to explain the social impact of the Web site Klout.

Social News aggregation website Reddit

The post at the top of the Reddit is significantly more focused than the bottom.

Social news site Digg

Digg's top "big box" does not attract viewers ' attention as expected. The first update is still the hottest one.

Light Blog Service Tumblr

I can only say handsome.

Micro-blogging business Twitter

Finally to Twitter. In Twitter's personal pages, there is little difference in the level of attention at the top and bottom. This is better than other social networking sites.

Social sharing Service StumbleUpon

Although StumbleUpon's personal avatar is on the right-unlike most social networking sites-it doesn't prevent it from becoming the hottest spot on the page.

Picture Show online bookmark service Pinterest

The gap between the bottom and top concerns remains large.

(More detailed and in-depth data, you can carefully observe the above eye tracking heat map or eye heat map.) )

Finally, please note that this article is not original, the original English author Sarah Kessler from Mashable,via, after the domestic design enthusiasts Nick Consortium, Via,techfrom special presentation.

Source: http://www.techfrom.com/22036.html