熱圖

熱圖（heat map或attention map）是一種使用顏色來代表數值大小之資料視覺化技術，其顏色會使用色相（hue）或是亮度來代表數值。一般在眼動追蹤的熱圖會使用色相來代表數值（見圖1），通常顏色越暖色代表數值較高的地方，冷色來代表數值較低的地方，。熱圖的優點是看起來直觀，顏色所代表的含意很直覺，圖像與顏色疊合在一起，不需要來回參照圖像與數值的對應關係，有較低的認知負荷。

圖1　維基百科網站熱圖。資料來源：維基百科。

Bojko（2009）整理了幾種類型的眼動追蹤熱圖：

• 凝視次數熱圖（fixation count heat map）：將所有的受試者之凝視次數作加總，將數值對應的顏色呈現在對應的圖像上。

• 絕對凝視時間熱圖（absolute fixation duration heat map）：將所有的受試者之凝視時間作加總，將數值對應的顏色呈現在對應的圖像上。

• 相對凝視時間熱圖（relative fixation duration heat map）：依照每一個受試者的總時間，計算出對於每一個受試者對應的時間比例，並將加所有受試者的比例加總起來。例如：A受試者眼動歷程一共有15秒在網頁上，花了5秒在選單中，則A在選單中的數值則為3/1。B受試者眼動歷程一共25秒，花了5秒在選單中，則B在選單中的數值則為1/5。在熱圖中，選單的數值為3/1+5/1。

• 參與者比例熱圖（participant percentage heat map）：依照每一個圖像區域計算出有多少比例的受試者有凝視過，如果A受試者看了網頁中的選單3次，B受試者看了選單2次，C受試者沒有看選單，則選單被A與B兩位受試者看過，一共有三位受試者，則數值為2/3。