現(xiàn)在大家都在談?wù)摼W(wǎng)站的用戶體驗（UE或UX）和界面設(shè)計UI等熱門話題，techfrom從來對概念本身不是特別關(guān)注，更關(guān)注實際應(yīng)用和數(shù)據(jù)等。去年12月份左右，國外EyeTrackShop通過Mashable發(fā)布了一份有關(guān)國外幾個著名網(wǎng)站和社交網(wǎng)絡(luò)的用戶眼球追蹤圖或者眼球熱力圖，尤其是個人信息頁面（Profile Page）被瀏覽時候的熱點分部情況。涉及到的被調(diào)查的網(wǎng)站包括：Facebook，Google+，LinkedIn，F(xiàn)lickr，Youtube，Klout，Reddit，Digg，Tumblr，Twitter，StumbleUpon 和Pinterest。我們特將呈現(xiàn)過讀者，

眼球熱力圖（eyetracking）研究說明：

這項研究使用網(wǎng)絡(luò)攝像頭記錄下了30個參與者在瀏覽各個社交網(wǎng)站個人信息頁面時候的眼動情況（進入頁面后10秒內(nèi)的數(shù)據(jù)）。記錄下的數(shù)據(jù)包括：頁面上的哪些內(nèi)容被重點“關(guān)照”到，以及用戶瀏覽頁面各主要區(qū)域的先后順序。

盡管由于采樣的數(shù)量還不夠多，實驗結(jié)果很難說完美。不過從現(xiàn)有的數(shù)據(jù)中，研究人員發(fā)現(xiàn)：

• 個人信息頁面的頭像很重要。 在Facebook，Klout和StunbleUpon中，頭像是該頁面最吸引瀏覽者注意的地方
• 你認(rèn)識的朋友的頭像也會獲得相當(dāng)?shù)年P(guān)注度。瀏覽者會查看該頁面上你朋友的小頭像圖片。
• 內(nèi)容越靠上，獲得的關(guān)注度越大。這一點在Pinterest，Digg和Facebook上有很明顯的反映。但是在Twitter和Youtube上則稍好一點。

國外各大著名網(wǎng)站的用戶眼球跟蹤和眼球熱力圖（eyetracking）：

社交網(wǎng)絡(luò) Facebook

個人頭像和頂端第一條更新的信息獲得了最大的關(guān)注度。

這里顯示的是測試者對于不同區(qū)域的瀏覽順序，通常都是從中間的信息流開始。

社交網(wǎng)絡(luò) Google +

盡管測試者在Google+頁面的停留時間比其他社交網(wǎng)站都稍長，但是其個人頭像圖片卻沒有收獲太大的注意力。

測試者在Google+信息流的平均停留時間為5.9秒，比Facebook和LinkedIn都稍長

LinkedIn，商務(wù)社交網(wǎng)站

在LinkedIn的頁面上，網(wǎng)站標(biāo)志獲得了最大的關(guān)注

全球最大的圖片網(wǎng)站 Flickr

同LinkedIn一樣，F(xiàn)lickr的Logo比該頁的其他圖片更加吸引瀏覽者的注意

視頻分享網(wǎng)站 Youtube

可以看到有一個視頻獲得了比其他視頻高得多的關(guān)注度…

社交影響力網(wǎng)站 Klout

右下的小分?jǐn)?shù)竟然比頂部顯眼的大號分?jǐn)?shù)獲得了更高的關(guān)注度？這是神馬情況…

我們techfrom在社交影響力Klout,通過Twitter起步進駐Facebook,擁1000萬美元融資詳解過社交影響力網(wǎng)站 Klout。

社交新聞聚合網(wǎng)站 Reddit

Reddit頂部的post明顯比底部的要首關(guān)注的多

社交新聞網(wǎng)站 Digg

Digg頂部的“大盒子”并沒有如預(yù)期那樣吸引瀏覽者的注意力。第一條更新仍然是最熱點。

輕博客服務(wù) Tumblr

只能說帥哥養(yǎng)眼

微博客商 Twitter

終于到Twitter了。在Twitte的個人頁面中，頂部和底部的關(guān)注度差距不大。這點優(yōu)于其他社交網(wǎng)站。

社交分享服務(wù) StumbleUpon

盡管StumbleUpon的個人頭像在右側(cè) — 同大部分社交網(wǎng)站都不一樣，但是這并不能阻止它成為該頁面的最熱點。

圖片展示在線書簽服務(wù) Pinterest

底部和頂部的關(guān)注度差距仍然很大。

（更多詳細和深入的數(shù)據(jù)，大家可以再仔細觀察上面的眼球跟蹤熱度圖或者眼球熱力圖。)

最后，請注意該文非原創(chuàng)，原版英文的作者Sarah Kessler 來自Mashable，via，經(jīng)過國內(nèi)設(shè)計愛好者Nick Interaction Design譯，via，techfrom 特呈現(xiàn)。

來源：http://www.techfrom.com/22036.html