國外著名網站的眼球熱力圖、眼球跟蹤圖詳解

現在大家都在談論網站的使用者體驗（UE或UX）和介面設計UI等熱門話題，techfrom從來對概念本身不是特別關注，更關注實際應用和資料等。去年12月份左右，國外EyeTrackShop通過Mashable釋出了一份有關國外幾個著名網站和社交網路的使用者眼球追蹤圖或者眼球熱力圖，尤其是個人資訊頁面（Profile Page）被瀏覽時候的熱點分部情況。涉及到的被調查的網站包括：Facebook，Google+，LinkedIn，Flickr，Youtube，Klout，Reddit，Digg，Tumblr，Twitter，StumbleUpon 和Pinterest。我們特將呈現過讀者，

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

 

這項研究使用網路攝像頭記錄下了30個參與者在瀏覽各個社交網站個人資訊頁面時候的眼動情況（進入頁面後10秒內的資料）。記錄下的資料包括：頁面上的哪些內容被重點“關照”到，以及使用者瀏覽頁面各主要區域的先後順序。

儘管由於取樣的數量還不夠多，實驗結果很難說完美。不過從現有的資料中，研究人員發現：

• 個人資訊頁面的頭像很重要。 在Facebook，Klout和StunbleUpon中，頭像是該頁面最吸引瀏覽者注意的地方
• 你認識的朋友的頭像也會獲得相當的關注度。瀏覽者會檢視該頁面上你朋友的小頭像圖片。
• 內容越靠上，獲得的關注度越大。這一點在Pinterest，Digg和Facebook上有很明顯的反映。但是在Twitter和Youtube上則稍好一點。

國外各大著名網站的使用者眼球跟蹤和眼球熱力圖（eyetracking）：

社交網路 Facebook

個人頭像和頂端第一條更新的資訊獲得了最大的關注度。

這裡顯示的是測試者對於不同區域的瀏覽順序，通常都是從中間的資訊流開始。

 

社交網路 Google +

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

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

LinkedIn，商務社交網站

在LinkedIn的頁面上，網站標誌獲得了最大的關注

全球最大的圖片網站 Flickr

同LinkedIn一樣，Flickr的Logo比該頁的其他圖片更加吸引瀏覽者的注意

視訊分享網站 Youtube

可以看到有一個視訊獲得了比其他視訊高得多的關注度…

社交影響力網站 Klout

右下的小分數竟然比頂部顯眼的大號分數獲得了更高的關注度？這是神馬情況…

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

社交新聞聚合網站 Reddit

Reddit頂部的post明顯比底部的要首關注的多

 

社交新聞網站 Digg

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

輕部落格服務 Tumblr

只能說帥哥養眼

 

微部落格商 Twitter

終於到Twitter了。在Twitte的個人頁面中，頂部和底部的關注度差距不大。這點優於其他社交網站。

社交分享服務 StumbleUpon

儘管StumbleUpon的個人頭像在右側 — 同大部分社交網站都不一樣，但是這並不能阻止它成為該頁面的最熱點。

圖片展示線上書籤服務 Pinterest

底部和頂部的關注度差距仍然很大。

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

最後，請注意該文非原創，原版英文的作者Sarah Kessler 來自Mashable，via，經過國內設計愛好者Nick Interaction Design譯，via，techfrom 特呈現。