熱力圖

熱力圖是一種透過顏色深淵、熱點分布直觀展示資料集中度的視覺化工具。使用者可上傳背景圖片(如海報、產品、介面、汽車外觀等),自由劃分多個選區,受訪者透過點擊對應區域完成作答。系統會自動統計各選區的點擊次數、選擇分布或評論內容,並以熱度形式呈現結果,清晰反映使用者關注焦點、偏好位置與興趣分布

適用對象: 想要衡量在視覺上人們注視點擊區域或在每次點擊後收集簡短回饋。


概覽

熱力圖題型允許您上傳一張背景圖像並請受訪者在其上點擊熱力圖題型會記錄並彙總受訪者在背景圖像上的點擊,產生一張顯示受眾在該圖像上關注區域的熱力圖。 熱力圖區域為進階模式:您可在圖像上繪製區域以取得分區統計,並可選擇在每次點擊後要求評論或選項。本說明將引導您完成設定與報表檢視。


編輯器中的熱力圖題目概覽



範例使用情境

當您關心單張圖像的自由型注意力時,使用基本熱力圖——例如哪個版面區域先吸引目光。當您已知想比較的區域(例如 logo、標題、號召用語)或需要每區數字與可選的追蹤問題時,使用熱力圖區域

- 基本熱力圖:查看在允許任意點擊時,海報、登陸圖或產品照片的哪些區域會吸引受訪者的注意。

- 使用區域:進行創意測試、比較新設計變體,或在需要按區域計數、收集評論或選項時,蒐集區域化評分。



功能存取

在建立問卷時將熱力圖加入畫布。當它出現在畫布上後,您會在下一節上傳圖像並設定限制。

1. 在問卷編輯器中,打開 "研究題型(Research Question Types)"

2. 選擇 "Heatmap" 以新增此題型。


含熱力圖的研究題型


設定熱力圖(圖像與點擊限制)

背景圖像決定受訪者所見;所有點擊與統計皆與該圖像相關(以及當圖像較寬時以顯示寬度為700px為準——詳見下方)。請選擇在問卷顯示大小下清晰且符合您關心裝置(例如行動或桌面模擬)的檔案。

1. 上傳背景圖像。寬度規則:

- 若寬度低於700px,圖像將以原始大小顯示。

- 若寬度超過700px,會按比例縮放,顯示寬度為700px


背景圖像 700px 寬度規則

2. 設定此題目允許的最小最大點擊次數。

為何重要:限制可讓任務保持可行(例如:「請點擊您最主要的三個關注點」),並幫助您控制資料量。將最小值設為具意義的最少點擊數;將最大值設定為分析所需的上限,避免要求受訪者標記超出分析需求的點數。


最小與最大點擊設定


查看熱力圖資料

報表有兩個層面:單一受訪者(精確點擊與座標)以及所有受訪者合併(合成熱力圖)。使用單一回應可驗證行為或進行除錯;使用聚合檢視可描述受眾整體的注視重點。

單一回應

- 平台會記錄該受訪者的點擊並繪製一張 點擊地圖

- 詳細的 X/Y 座標 會出現在點擊地圖的 檔名 中。若原始背景寬度大於 700px,座標以顯示為700px寬的版本為準。


單一回應點擊地圖



所有回應合併

所有點擊會合併在同一張背景上。您可以選擇一種精度模式,在細節可讀性之間取得平衡:原始點顯示最細的位置,但畫面可能顯得雜亂;較低精度會將鄰近點合併到較大的格子,使熱點更清楚。可用模式如下:

- 原始點(Raw points):不同的 X/Y 組合視為不同點;相同位置的點會合併並顯示較深的顏色。

- :約20px × 20px格子;同一格內的點會合併。

- :約40px × 40px格子。

- :約60px × 60px格子。

同一格子的點數越多,熱力圖顏色越深。


合成熱力圖(所有回應)



熱力圖區域(分區與回答模式)

當您需要命名分區每區點擊計數,或在點擊後針對區域收集評論或選擇時,請啟用區域功能。

什麼是熱力圖區域?

上傳熱力圖背景圖像後,您可以將其劃分為多個區域。 受訪者在回答時可以按區域點擊,系統會在回應分析中提供按區統計。 此功能可用於海報設計效果測試、新產品風格測試、局部評估等情境。

如何使用熱力圖分區

1. 上傳圖像後,點選 "設定熱力圖區域(Set Heatmap Area)"。 


設定熱力圖區域控制項


2. 使用左鍵放置頂點(系統會自動連線),然後右鍵關閉多邊形。您可以定義多個區域。繪製區域時請依您將如何解讀結果來決定:針對小型 UI 元素請畫緊密區域;若只需粗略區分則畫較大的區域。


繪製熱力圖區域多邊形


3. 設定回答模式 . 選擇符合您研究問題的模式——探索式注意力使用自由點擊(Free click);當受訪者應一次選擇一個區域時使用按區域(By area)


- 自由點擊:可在任意位置點擊;會記錄點擊順序


自由點擊模式設定

受訪者視角:自由點擊

- 按區域:滑鼠懸停會顯示區域外框;受訪者可一次選取整個區域

按區域:滑鼠懸停顯示外框

按區域:選取區域

點擊後操作(選用):當單一點擊不足以蒐集所需資訊,且您需要在每次互動後取得簡短標籤、評分或開放文字時,使用此功能。在設定中啟用此選項,然後在匯出或表格中檢視(適用時)按區域分類的結果。


- 點擊後評論:每次點擊後會開啟一個文字方塊;您可匯出一個按區域分類的評論表格。

點擊後評論設定

按區域分類的評論表格

- 點擊後選項:每次點擊後會出現選項;表格會顯示按區域的選項分佈

點擊後選項對話框

按區域的選項分佈



按熱力圖區域檢視結果

(1) 設定分區後,點擊次數將按區域顯示。


按區域顯示的點擊次數


(2) 啟用「點擊選擇(Select on Click)」後,可在表格中檢視每個區域的選項分佈。


按區域的選項分佈表格


(3) 啟用「點擊後評論(Comment on Click)」後,可匯出並在表格中檢視各區域的評論。


按區域評論表格匯出

常見問題(FAQs)

問:熱力圖與熱力圖區域有何不同?
答:基本熱力圖會彙總整張圖像上的點擊。區域功能則允許您繪製分區以取得每區統計,並支援以區域為單位的回答以及點擊後的評論或選項。


問:原始點與高精度有何差異?
答:原始點儘量保留不同的座標;高/中/低精度使用固定的格子來合併鄰近點——格子越小代表聚合越精細。


問:單一回應的座標在哪裡?
答:座標會出現在點擊地圖的檔名中;對於較寬的原始圖像,座標以顯示為700px寬的版本為準。


問:我應該為聚合熱力圖使用哪種精度?
答:建議從開始,以快速概覽熱點;當您需要更精細的空間資訊且不介意地圖較為繁雜時,可使用原始點精度。


問:每份問卷都需要熱力圖區域嗎?
答:不需要。若自由點擊即可滿足需求,使用基本熱力圖即可。當您需要區域層級的統計、每次點擊後的結構化追蹤,或更清楚比較圖像不同部分時,再加入區域


重要注意事項

- 存取路徑:研究題型(Research Question Types)Heatmap;上傳圖像;設定最小/最大點擊數。

- 寬度超過 700px 的圖像會以 700px 寬顯示;座標以該顯示版本為準。

- 聚合檢視:原始點或高/中/低格子精度。

- 區域:左鍵放置頂點、右鍵關閉多邊形;可選自由點擊或按區域;點擊後可選擇啟用評論或選項(選用)。



這篇文章有多大幫助?