1.关键内容必须首屏展示
虽然用户在浏览过程中会滚动页面，但当他们下拉到首屏以下的区域时，浏览时间会大幅度减少。
通过对热图分析工具分析大量客户的首页热图进行总结，我们发现：访客的浏览时间有80%左右都花在了首屏，其余页面只占20%。因此，对于目标转化率最重要的内容，务必放在首屏显示。
在首屏以下，用户的注意力也会随之降低。内容离标题越远，用户的关注和阅读就会越少。因此，一定要把最关键的内容放在页面顶部。如果你确实要做一个很长的页面，设计一些引导元素，提醒并鼓励用户向下滚动。
这项分析里，我们同时发现：在网页的最底部，用户的浏览时间会有小幅增加，他们的注意力也会再次上升。因此，在页面末尾放置召唤按钮（Call-to-action：页面上醒目突出的按钮，用于“召唤”用户点击这个按钮，比如“立即注册”）或相关链接也可以有效提高目标转化率。
最后，你还应该知道“近因效应”——人在了解事物的过程中，最近最新的印象会占据主导地位。因此，多花点时间和心思，好好设计你的页面末尾吧。
2.匆忙决策时，用户看到什么就会选择什么
有一个理论，叫 人在快速决策的时候，更加注重视觉感受而不是个人喜好。这意味着用户在通过广告触发兴趣访问你的网站时，是出于个人偏好，而到达网站后，访客更倾向于根据看到的内容做出选择。当他心不在焉或者没有太强烈的偏好时，这种倾向会更加的明显。
这个理论给我们提供了一个全新的思路，在一些时间匆忙或者容易分心的环境下（例如电商购物），既然产品的视觉冲击可以超越消费者的个人偏好，那么在页面设计上做一些优化，就有可能对用户的选择产生巨大的影响。
通过UEO上集课程中介绍的热力图，我们可以看到首页效果图，聚集了非常大的点击的地方，毫无疑问，就是我们所说的有很大视觉冲击，能让用户产生购买欲望的商品。你需要将这些商品的位置上移，让更多的用户一进网站就能立刻看到，这样会大幅提升页面转化率和网站的收益。
所以，你需要让你的用户在第一时间看到他们想买的和你想卖的。
3.用户更关注页面左侧
大家都知道，我们浏览文章或者网页的习惯是从左往右看，所以用户更加关注页面的左侧。在普遍的浏览习惯里，人们也会先从左边开始阅读。因此，务必把你最关键的信息放置在页面左侧。这里也有一项数据，用户浏览网页左侧的时间占据了总浏览时间的69%，是右侧浏览时间的两倍还要多。
但也有特殊，比如阿拉伯国家，他们的浏览习惯是从右往左。
4.用户习惯以“F”形状的观测模式浏览网页
用户倾向于以“F”形状的模式浏览网页，把主要的注意力放在文字的开始。他们仔细阅读最重要的标题和副标题，选择性地阅读篇幅较大的正文。你的前两个段落是用户最有可能阅读的，务必在这里说明最重要的信息。
你应该多使用副标题，符号和段落，让你的文章层次分明。当你把重要信息用符号标出时，那些跳跃性阅读的用户才更有可能注意到。
需要注意的是，当浏览那些由图片构成的网页时，“F”型的观测模式便不再成立。此时，人们更倾向于以水平方式来浏览基于图像的页面。
5、网页头屏的大Banner一定要精心设计
用户已经会习惯性地忽略网页头屏的大Banner，因为它看起来太像广告了。现在用户每天会被成千上万的广告轰炸，他们会下意识地忽略网站上的广告。任何看起来像广告的文字或图像，用户几乎不会再看一眼。
没有精心制作的Banner很难有太好的效果。当用户把banner当做广告时，它们就再也无法吸引注意力了。因为用户需要快速搜索信息时，他们会忽略广告；而用户全神贯注地阅读一段内容时，他们就更不可能关注广告了。
你需要及时发现并调整这些低效的Banner，多使用一些热图工具，监测流量在你网站的行为，衡量ROI。
6、使用色彩对比引导用户
在使用热图分析了不同页面的用户行为之后，我们发现色彩对比在引导用户方面有着极其重要的作用。那些与周围区域颜色不同的元素总能获取非常高的用户注意力和点击数。只要我们对首页的颜色设计进行一定的调整，就可以轻松将用户的注意力引导至我们想要的区域。当然，不要把你的网站做五花斑斓，这就有点本末倒置了。
7.使用照片吸引用户的注意力
人都是视觉动物。许多电商网站在使用模特图片后，目标转化率都有明显的提高。在网站里使用一些精心制作的模特图，可以对拉近你和用户之间的距离
因为用户对真实人物的照片反应会更积极。在大多数网站上，用户浏览照片的时间要比阅读文字的时间多10%。真实人物的照片，会增强他们对网站的信任感。需要注意的是，用户已经学会了辨别照片的真实性，他们会下意识忽略那些艺术照。因此，不要过度编辑和修饰你的照片。
8.结合A/B测试和点击热图来提高效率
在网站A/B测试中，你可以通过设置不同的按钮颜色，背景颜色，文案或元素位置来引导同一网页的两个或多个版本之间的流量，以分析每个版本的优劣。有时在点击热图里你会发现，一个小的设计改动能引发用户行为的巨大变化（例如按钮的颜色改变可以带来更高的转化率）。当你将A/B测试与点击热图相结合时，你可以大大提高页面设计的效率。
# 推荐工具 #
谈到必备实用工具，热力图得再强调一遍。
热力图是可以直接让我们看到，访客在网站页面中更关注哪些内容的工具，它可以帮助我们构建用户访问路径，并找出用户是在哪一个步骤流失的，以及，帮助我们分析出流失原因。
点击热图展示了用户在页面上的点击位置，点击越集中的地方，色调越暖（红色），反之则色调越冷（蓝色）。它也提供用户在每个区域的具体点击数和占比，根据它你很容易找出那些高频次点击的区域，了解到用户点击了哪些被你忽略的地方，用更精确的方式验证你的模块和内容是否放置在恰当的地方。
注意力热图则是根据用户实际浏览页面各部分的时长，显示用户在某个内容板块的注意力程度，浏览时间越久的区域热度越高（红色）。你可以通过注意力热图了解到网页哪些内容吸引用户，哪些内容你认为重要而用户却不感冒，最佳的页面长度是多少，以及哪些元素促使用户继续和你的网站产生交互或再次访问。
浏览触达率热图使用水平线把页面分割成不同的区域，通过监测用户浏览页面时鼠标滚动的情况，显示用户触达到页面某区域的占比。利用它你可以优化关键内容的摆放位置，把用户关注度高或者重点宣传的产品和信息放在触达率更高的区域。
测试速度的工具除此之外还有：
PageSpeed Insights
Host-tracker.com
Webkaka.com
Google analytics
在这里，海哥要强烈推荐一番GTM
什么是GTM呢？
GTM是谷歌提供的免费的代码管理工具，通过这个在线工具，你可以在你的站点上管理和发布不同的营销和分析代码。
为什么要推荐GTM？
通过GTM，我们可以直接控制：
代码什么时间必须触发；
代码什么时间不能触发；
哪里的代码应该触发；
哪里的代码不应该触发；
当代码触发时应该执行什么。
更多GTM内容海哥就不一一赘述，还想看的同学们可以观看上周五课堂，在公众号界面发送“进阶课堂”进入直播间观看回放。
PS，海老师再叮嘱一遍
缺课的同学（扔粉笔头）
