8 Heatmap Werkzeuge und Warum / Wie man sie verwendet

合 期望, 后退 或 关闭 按钮 也 将 马上 被 点击.

用户 是 如何 浏览 你 的 网站 的

1. 大部分 时候 用户 并非 在 阅读 屏幕 上 的 内容, 而是 在 扫视.
用户 习惯 扫视 和 快速 寻找 页面 上 一些 能够 引导 他 理解 内容 的 关键 点.

2. 不要 考验 用户 的 耐心 Nielsen

3. 用户 并不 做 最佳 选择

来自 eyetools 的 图片, 可以 看出 用户 浏览 时 的 关注 点 和 非线性 的 浏览 轨迹.

Jakbo Nielsen 的 F 形 浏览 热 区

Jakbo 似 F 形 的 图案 这种 浏览 行为 有 三个 特征.:
1. 用户 首先 会 在 内容 区 的 上部 进行 横向 浏览.
2. 用户 视线 下移 一段 距离 后 在 小 范围 内 再次 横向 浏览.
3. 最后 用户 会 在 内容 区 的 左侧 做 快速 的 纵向 浏览.

出 了 F 图像.

如何 运用 F 形 阅读 行为 进行 设计:
1. 用户 并 不会 浏览 页面 上 的 所有 内容 (F 形 之外 的 大片 空白 区)
2. 将 最 重要 的 信息 放在 头 两段 (F 热 区 中 的 两个 横向 热 区)
3.

总结 和 启示
1. 用户 习惯 扫视, 而 不是 阅读
2. 用户 并 不会 关注 到 页面 上 的 所有 内容
3. 不要 考验 用户 的 耐心, 不要 增加 用户 的 认知 负担
4. 用户 并不 做 最佳 选择
5. 用户 在 屏幕 上 的 浏览 热 区 整体 上 符合 "F 形"
6.

参考 文献:
1. F-Shaped Pattern Zum Lesen Web Content, durch Jakbo Nielsen
2. Gemeinsame E-Mail-Layouts: B2C Electronics Vorlage von Teresa Hernandez
3. Aber was bedeutet das alles? Understanding Eye-Tracking Ergebnisse, von Teresa Hernandez