1. Usability Research
社群網站個人首頁動眼研究
資料整理：2012.02.02 MiyaC

2. AGENDA
 前言
 資料來源、研究方法與研究對象
研究結論重點
各個網站的眼動追蹤圖
- facebook
- Google+
- Youtube
- Klout
- flicker
2

3. 前言
 全球社群經濟（Socialnomices）崛起，英國經濟學人（The Economist）最
新研究報導指出，全球目前已有9.4億人口是社群網路使用者，其
中51%使用Facebook、 20%使用MySpace及17%使用Twitter，平
均每個人擁有130位網路的朋友，透過朋友間的傳播(口碑行銷)，
創造出2500億美元的庶民電子商務，單是Facebook創造出至尐55
萬個Web Apps，並且有超過100萬個網站和Facebook的平臺進行
服務整合，社群網站如臉書已衝擊各行各業的服務和商務創新。
 廣告主和代理商也把社群網站(Social Network Site, SNS)
視為接觸消費者的重要通路，但網站和網路內容如此眾多，透過
SNS究竟能否吸引消費者的目光？ 關鍵在於使用者行為的研究。
3
http://www.find.org.tw/find/home.aspx?page=news&id=6414

4. 資料來源、研究方法與研究對象
 資料來源：
EyeTrackShop 在2011/12/01 發佈一份分析報告，顯示各大社交網
站中，個人資訊頁(Profile Page)被瀏覽時的熱點分佈情況。
 研究方法：
使用網路攝像頭記錄下了30個參與者在流覽各個社交網站個人資訊
頁面時候的眼動情況(進入頁面後10秒內的數據)。
 研究對象：
Facebook，Google+，LinkedIn，Flickr，Youtube，Klout，Reddit，
Digg，Tumblr，Twitter，StumbleUpon和Pinterest。
4

5. 研究結論重點
 產品圖、個人照片，特別吸引使用者的目光。
 網站內容、介面的不同潛藏著不同的瀏覽習慣；
如google+的使用者，關注「內容」多於頭像與朋友，
Klout(推測噗浪也是)評估你網路影響力的指標，瀏覽者
關注影響力數據的「變動」。
 如何將想傳遞的訊息放置在最合適的位置，創造最大的
效益；
以文章內容來看，放置在越上方的內容越能吸引使用者
的目光。
5

6. Eyetracking - Facebook
 個人頭像/檔案，與第一條更新的資訊/最上方的回應文章，最吸引
瀏覽者的目光。
6

7. Eyetracking - Facebook
 從眼球注視的移動順序來看，使用者首先會將目光集中在中間的文章
區塊，然後往左邊去瀏覽個人檔案、再移到最右側去看動態消息，最
後移動到最上方。
平均停留時間
Average dwell time
首次注視時間
time to first fixation
停留率
Percentage fixed
7

8. Eyetracking – Google+
 儘管測試者在Google+頁面的停留時間比其他社交網站都稍長，
但是左側的個人檔案與照片部分卻沒有收穫太大的注意力，而是
將目光集中在中間的文章區塊。
8

9. Eyetracking – Google+
 使用者關注內容，多於頭像與朋友。
使用者大多數的時間將目光集中在中間區塊佔據了5.9秒的時間(以
10秒為基準則)，比Facebook和LinkedIn都稍長，之後才往左側及
上方區塊移動。
9

10. Eyetracking – YouTube
 Youtube的版面配置和內容與上述兩個網站不同，
使用者目光的分佈相當平均，且對於網頁右側內容的關注要高
於Facebook和Google+網站。
10

11. Eyetracking – YouTube
 目光的移動順序上，受測者平均在中間內容區塊停留5.3秒，
接著往上方、右側移動。
11

12. Eyetracking – KLOUT
 Klout是個提供你評估自己網路影響力指標的網站
 右下內容的小數字，關注度大於左上角的總體數字。
瀏覽者更在乎影響力數據的「變動」。
12

13. Eyetracking – KLOUT
13

14. Eyetracking – flickr
 與LinkedIn一樣，Flickr的Logo比該頁的其他圖片更加吸引流覽者
的注意。
14

15. Eyetracking – flickr
15

16. 謝謝
16
MiyaC