●

注意力

热图：看用户实际浏览页面各部分的时长 

 

7. 了解网

页上哪些内容吸引用户​：使用注意力热图能很快速地帮你找到哪

些内容与

页面关键信息是不相关的，哪些内容容易吸走用户的注意力。

分析

热度较高的区域，找到吸引用户关注的元素，并将这些元素添加或

者

细化到热度较低的区域；如果注意力热图热度普遍较低，那你需要进

一步分析

导致用户注意力分散的原因，调整网站元素并使用热图验证。 

 

8.

优化互动不好的页面区域​：用户与页面的交互很少，使用注意力热图就

可以很

轻松地发现交互不好的区域。找出那些用户并不感兴趣的互动元

素，它

们向用户传递的信息内容有偏差，此时你需要进一步了解用户需

求，

调整互动元素内容并使用热图验证。 

 

9.

调整网站推广的重点​：在很多电商网站里，通过注意力热图，我们会发

现某区域的商品聚集了大量用户的注意力。它们是用户最感兴趣的部分
，我

们应该把这部分商品作为网站销售的重点，尽可能创造更大的商业

收益。

 

 

10.

调整内容模块的位置​：在很多网站的长页面下端（首屏以下），通过注

意力

热图，我们发现某区域的用户关注度相对其他区域高出很多，那么

基本可以考

虑这个区域的内容更加吸引用户。我们应该把它上移，让更

多的用

户看到。 

  
 
●

浏览触达率热图： 看用户浏览到达不同页面深度的占比 

 

11.提升用

户的页面访问深度​：很多用户在碰到一个很长很长的网页时，还

没

滚动到底部就因为各种原因进入其他页面或直接离开。大多数情况下

是因

为网页的局部设计给用户一种已经到达底部的错觉。有时一条直线

或者大色

块就会让用户误会；或者首屏下半部留下的大片空白也会让用

户误以为是页面底部。使用热图监测页面下拉后不同区域的浏览触达率
，可以有效

发现上述问题。如果大多数用户都没有触达过下部的页面，

你就需要立刻

调整那些任何会让用户误以为浏览完毕的设计。 

 

12.合理

优化重要内容的位置​：如果你不得不把一些关键内容放置到首屏下

面的某些区域，而

这些区域的浏览触达率不高时，你可以考虑在首屏内

添加

锚点；也可以通过使用箭头等视觉辅助的设计引导用户至首屏以下

的内容。

 

 

13.将用

户更关心的内容上移​：在很多网站的长页面下端，某些区域只有

30%左右（甚至更低）的用

户浏览到。但通过注意力热图，我们发现该

区域的用

户关注度相对其他区域高出很多。再看点击热图，如果正好这

个区域也

产生了大量的点击，那么可以肯定用户更加关心这里的内容，

应该把它上移，让更多的用户看到。 

 

14.通

过用户流失率判断某区域的内容质量​：通常而言，用户浏览触达率的

下降是一个相

对平缓的趋势。如果在某一个区域，浏览触达率出现了大