FlowDx 的注意力热图是基于 DeepGaze IIE 模型生成的。该模型由 Linardos 等人在 ICLR 2021 论文《DeepGaze IIE: Calibrated prediction in and out-of-domain for state-of-the-art saliency modeling》中提出，来自德国图宾根大学 Bethge Lab 计算神经科学实验室。在 MIT/Tilburg Saliency Benchmark 上，DeepGaze IIE 在多项指标上排名第一，其预测结果与真实人类眼动数据的相关性超过 0.87。
热图的颜色代表什么？
| 颜色 | 含义 | 注意力百分比 |
|---|---|---|
| 红色 | 最高注意力区域 — 用户最先看到这里 | 前 10% |
| 橙黄色 | 高注意力 — 视线会快速移动到这里 | 10-30% |
| 绿色 | 中等注意力 — 浏览过程中会注意到 | 30-60% |
| 蓝色 | 低注意力 — 大部分用户会忽略 | 60-90% |
| 深色/无色 | 注意力盲区 — 几乎没人会看到 | 后 10% |
常见的热图模式
模式一：中心聚焦型（健康）
红色区域集中在内容的核心信息上（人脸、标题、CTA 按钮）。这意味着视觉层次清晰，用户能快速理解你要传达的信息。
模式二：分散型（有问题）
红色区域分散在多个位置，没有明确的主焦点。这说明画面元素太多，注意力被分散了。解决方案：减少元素数量，建立一个明确的视觉主体。
模式三：错位型（严重问题）
红色区域集中在你不希望用户看的地方（比如背景中的某个无关元素），而你的核心信息（标题、产品）处于蓝色或绿色区域。这是 CTR 杀手。
模式四：边缘型（浪费）
注意力集中在图片边缘。这通常发生在主体太小、留白太多的情况下。大脑会被边缘的高对比区域吸引（比如图片边框与背景的交界）。
视觉路径：用户的"阅读路线"
除了热图，FlowDx 还生成视觉路径——预测用户眼睛从哪里开始，按什么顺序扫描画面。理想的视觉路径应该是：
- 从最强注意力锚点开始（通常是人脸或最大文字）
- 移动到辅助信息（副标题、产品图）
- 最终落在 CTA（行动号召）上
如果路径跳过了关键信息，或者在无关区域徘徊，说明视觉引导出了问题。
五维认知评分详解
FlowDx 不只给你一个总分，而是从五个认知维度评估你的内容：
- 注意力 — 内容是否能在 0.3 秒内抓住眼球
- 视觉焦点 — 是否有清晰的视觉层次和引导路径
- 情绪冲击 — 是否能触发情绪反应（好奇、兴奋、共鸣）
- 行动驱动 — 是否有清晰的行动号召（CTA）
- 记忆强度 — 用户看完后是否能记住你的内容
每个维度 0-100 分。70+ 表示优秀，50-70 需要优化，50 以下存在严重问题。
开始使用热图诊断
如何根据诊断报告优化内容
拿到 FlowDx 诊断报告后，按以下优先级处理问题：
优先级 1：修复"错位型"问题（红色诊断项）
如果注意力集中在错误的位置（背景元素、无关细节），这是最严重的问题。解决方案通常是：降低干扰元素的视觉权重（模糊、降低饱和度），同时增强核心信息的显著性（放大、加对比、加边框）。
优先级 2：建立清晰的视觉路径（橙色诊断项）
如果热图显示注意力分散，需要建立明确的视觉层次。使用大小对比（最重要的元素最大）、颜色对比（核心信息用高饱和色）、空间引导（箭头、线条、人物视线方向）来引导用户的视线按你预设的路径移动。
优先级 3：提升整体认知评分（黄色建议项）
五维评分中低于 60 分的维度需要重点关注。常见的提升方法：
| 维度偏低 | 可能原因 | 提升方向 |
|---|---|---|
| 注意力 < 60 | 画面太平淡，缺乏显著性 | 增加对比度、加入人脸、使用高饱和色 |
| 视觉焦点 < 60 | 元素太多太杂 | 减少元素数量、建立主次层次 |
| 情绪冲击 < 60 | 内容缺乏情感触发 | 使用情绪化表情、制造反差、讲故事 |
| 行动驱动 < 60 | 缺乏 CTA 或行动暗示 | 加入箭头、按钮、"立即""限时"等触发词 |
| 记忆强度 < 60 | 内容太普通，缺乏独特性 | 建立品牌符号、使用独特配色、创造视觉记忆点 |
热图分析的局限性
注意力热图是强大的工具，但也有其局限。诚实地了解这些边界有助于更好地使用它：
- 预测的是"平均用户" — 热图反映的是群体平均注视分布，个体用户的视线路径可能有所不同
- 不直接等于点击率 — 高注意力不一定转化为高点击。用户可能注意到了但选择不点击（比如内容看起来不够有趣）
- 依赖图片质量 — 低分辨率或严重压缩的图片可能影响预测准确性
- 文化差异 — 不同文化背景的用户对颜色、面孔、符号的注意力分配可能有差异
FlowDx 的五维认知评分正是为了弥补纯热图分析的不足——它综合考虑注意力、情绪、记忆等多个维度，给出更全面的内容诊断。
常见问题（FAQ）
热图上红色区域就是最好的吗？
不一定。红色表示用户最先注视的区域，但关键是红色区域是否落在你最想传达的信息上。如果红色在无关背景上，反而说明有问题。理想状态是：红色覆盖核心信息（产品、人脸、标题），蓝色覆盖次要区域。
视觉路径有几个注视点比较好？
对于缩略图和封面，3-5 个注视点是最佳范围。太少（1-2 个）说明内容信息量不足，太多（6+）说明注意力太分散。理想路径：主焦点 → 辅助信息 → CTA，形成一个清晰的叙事线。
为什么我的热图和别人分析同一张图的结果不一样？
FlowDx 使用确定性模型（DeepGaze IIE），对同一张图片的分析结果是完全一致的。如果看到不同结果，可能是图片分辨率、裁剪方式或文件压缩程度不同导致的。建议使用原始分辨率的图片进行分析。
视频的热图和静态图有什么区别？
视频内容中，注意力分布会随时间变化。FlowDx 对视频进行逐帧分析，每帧都有独立的热图。视频比静态图多了一个维度——动态元素（运动的物体、切换的画面）会强烈吸引注意力。视频分析的关键是找到注意力最薄弱的帧，因为那是用户最可能划走的时刻。
开始使用热图诊断
在 FlowDx 上传你的内容，获得注意力热图、视觉路径和五维评分。看看你的内容在用户大脑中到底发生了什么。
参考文献
- Linardos, A. et al. (2021). DeepGaze IIE: Calibrated prediction in and out-of-domain for state-of-the-art saliency modeling. ICLR 2021.
- Borji, A., & Itti, L. (2013). State-of-the-art in visual attention modeling. IEEE Transactions on Pattern Analysis and Machine Intelligence, 35(1), 185-207.
- Bylinskii, Z. et al. (2019). What do different evaluation metrics tell us about saliency models? IEEE TPAMI, 41(3), 740-757.