热力图

热力图是一种通过颜色深浅、热点分布直观展示数据集中度的可视化工具。用户可上传背景图片(如海报、产品、界面、汽车外观等),自由划分多个选区,受访者通过点击对应区域完成作答。系统会自动统计各选区的点击次数、选择分布或评论内容,并用热度形式呈现结果,清晰反映用户关注焦点、偏好位置与兴趣分布。

适用对象:希望测量人们在视觉内容上注视或点击的位置的问卷作者,并可选择比较区域或在每次点击后收集简短反馈。

概述

热力图 问题类型允许您上传一张背景图片并要求受访者在其上点击热力图问题类型会记录并汇总受访者在背景图片上的点击,生成一个热力图,高亮显示观众在此图片上的关注区域。 热力图区域 是一种高级模式:您可以在图片上绘制区域以获得每区域统计,并且可以选择在每次点击后询问评论或选项。本文将引导您完成设置和报表查看。


编辑器中的热力图问题概览



示例用例

当您关心单张图片上的自由形式关注点时,请使用基础热力图——例如,布局的哪一部分最先吸引视线。当您已经知道想要比较的区域(例如,标志与标题与行动号召)或需要按分区的数值和可选后续问题时,请使用热力图区域

- 基础热力图:查看当受访者可以在任意位置点击时,海报、落地图或产品照片的哪些区域被受访者关注

- 使用区域:进行创意测试、比较新设计变体,或在需要按区域获取计数、评论或选项分布时收集局部评分



功能入口

在构建问卷时添加热力图。将其放在画布上后,您将在下一节上传图片并设置限制。

1. 在问卷编辑器中,打开 “研究问题类型”

2. 选择 “热力图” 以添加此问题类型。


包含热力图的研究问题类型


配置热力图(图片和点击限制)

背景图片决定受访者看到的内容;所有点击和统计都与该图片相关(当图片宽度较大时,显示宽度为700px——见下文)。请选择在问卷显示尺寸下清晰且与您关注的设备匹配的文件(例如,移动端或桌面端的模型图)。

1. 上传背景图片。宽度规则:

- 如果宽度 低于 700px,图片以 原始大小 显示。

- 如果宽度 超过 700px,将按比例缩放,使显示宽度为 700px


背景图片 700px 宽度规则

2. 设置本题允许的最小最大点击次数。

为什么这很重要:限制可以保持任务可行(例如,“请点击您最关心的三项”),并帮助您控制数据量。将最小值设为有意义点击的最低数量;将最大值设为不需要超出分析需求的点击数。


最小和最大点击设置


查看热力图数据

报告有两个层面:单个受访者(精确的点击及坐标)和所有受访者汇总(合并的热力图)。使用单条响应来验证行为或调试;使用汇总视图来描述整体观众的关注点。

单个响应

- 平台记录该受访者的点击并绘制一张点击地图

- 详细的 X/Y 坐标 出现在点击地图的 文件名 中。如果原始背景宽度超过 700px,坐标与 700px 宽 的显示版本对应。


单个响应点击地图



所有响应汇总

所有点击会合并到同一张背景图上。您可以选择一种精度模式,在细节可读性之间取得平衡:原始点显示最精确的位置但可能显得杂乱;较低精度会将相近点击合并为更大的单元,使热点更清晰。可用模式包括:

- 原始点:不同的 X/Y 对计为不同点;相同位置会合并并显示更深的颜色。

- :约为 20px × 20px 的网格单元;位于同一单元的点击会合并。

- :约为 40px × 40px 的网格单元。

- :约为 60px × 60px 的网格单元。

单元内的点击越多,热力图上的颜色越深。


汇总热力图(所有响应)



热力图区域(分区与回答模式)

当您需要命名分区、按区域的点击计数,或需要与区域相关联的点击后评论或选择时,请启用区域功能。

什么是热力图区域?

上传热力图背景图片后,您可以将其划分为多个区域。受访者在作答时可以按区域点击,系统会在响应分析中提供按区域的统计数据。可用于海报设计效果测试、新产品风格测试、局部评估等场景。

如何使用热力图分区

1. 上传图片后,单击 “设置热力图区域”。 


设置热力图区域 控件


2. 使用左键单击放置顶点(线条会自动连接),然后右键单击以闭合多边形。您可以定义多个区域。请根据您将如何解读结果来绘制区域——界定小的分区以覆盖小的界面元素,对于只需大致区域的情况则绘制更广的分区。


绘制热力图区域多边形


3. 设置回答模式 。选择符合您研究问题的模式——自由点击用于探索性关注,按区域用于受访者每次应选择一个分区:


- 自由点击:在任意位置点击;记录点击顺序


自由点击模式设置

受访者的自由点击视图

- 按区域:将鼠标悬停时显示区域轮廓;受访者点击一次即可选择一个完整区域

按区域:悬停显示轮廓

按区域:选择区域

点击后操作(可选):当单次点击不足以满足需求且您需要每次交互的简短标签、评分或开放文本时使用这些选项。启用设置中的该选项,然后查看按区域分类的导出或表格(如适用)。


- 点击后评论:每次点击后会弹出一个文本框;您可以导出按区域的评论表

点击后评论 设置

按区域评论表

- 点击后选择:每次点击后会出现选项;表格显示按区域的选项分布

点击后选择 对话框

按区域的选项分布



按热力图区域查看结果

(1) 设置分区后,点击计数将按分区显示。


按分区的点击计数


(2) 启用“点击选择”后,可以在表格中查看每个分区的选项分布。


按分区的选项分布表


(3) 启用“点击评论”后,可以导出并在表格中查看每个分区的评论。


按分区的评论表导出

常见问题解答

问:热力图与热力图区域有什么区别?
答:基础热力图汇总整张图片上的点击。区域模式允许您绘制分区以获得按分区的统计,并支持基于区域的作答以及点击后的评论或选择。


问:原始点与高精度有什么区别?
答:原始点尽可能保留不同的坐标;高/中/低使用固定的网格单元来合并相近的点击——单元越小,聚合越精细。


问:单条响应的坐标在哪里?
答:在点击地图的文件名中;对于较宽的原图,坐标与 700px 的显示宽度对应。


问:我应该为汇总热力图使用哪种精度?
答:可先用 快速查看热点概况;当您需要更精细的空间细节并且不介意地图更杂乱时,可使用 原始点


问:每个问卷都需要热力图区域吗?
答:不需要。当自由点击已足够时使用基础热力图。当您需要分区级统计、每次点击后的结构化跟进或更清晰的图像部分比较时,添加区域


重要说明

- 入口:研究问题类型热力图;上传图片;设置最小/最大点击。

- 宽度超过 700px 的图片以 700px 宽显示;坐标与该显示一致。

- 汇总视图:原始点或高/中/低网格精度。

- 区域:左键点击放置顶点,右键关闭;自由点击或按区域;可选的点击后评论或选择。



这篇文章有多大帮助?