Project Description



滚动在哪里流失?

CO-UX基于热力图总结的5个规律

我们观察了很多滚动热力图 ,发现了一些典型且通用的规律。通过这些规律,我们可以可以做出更好的设计策略。

 

规律1:Desktop端75%的用户注意力在前2-3屏幕

这基本上是一条铁律,我们观察了数个页面的滚动图,同时翻看了同行的报告,比如尼尔森的研究就是表明74%的用户注意力在前两屏。我们查看了很多页面,差异是存在的,但是总体而言,75%的用户注意力在前两屏,有时候会在前三屏幕。目前没发现超出三屏幕的状况存在。

下图展示了标准情况下,用户注意力在前2屏。内容质量较高/空白较多/足够的兴趣点的情况下,75%用户注意力会在前3屏。

规律2:Mobile端用户滚动看的内容更多

是的,移动端用户更习惯往下滚动,注意力会往下看更多。他们会习惯更多的滚动以了解页面,查找兴趣点。下图展示了相对Desktop端,移动端看到的内容更多。

规律3:大部分情况下,25%的用户会滚动到最后

就算页面非常长,总有四分之一的用户滚动到最后。

下图展示了这个状态,虽然有细微差异,但是并不明显 。有些页面滚动到了页脚,有些到了仅仅只到底部推荐位。所以,长页面是具有价值的,能展示更多内容,对你的用户进行说服。

但是我们需要避免这种错误发生:大量的相同内容和结构的重复,使用户产生后续都是这样的错觉,没有滚动的欲望。下图中左起第一和第三都是这种情况(此处批评OnePlus.com的商城页面和商品推荐页面)。

规律4:第二屏开始是注意力下跌的断崖点

在热力图中,颜色叠加和渐变发生的越快,意味着该部分用户注意力在快速流失。除去叙事性很强的页面以外(如7Pro和OS页面),其他模块分明的页面会有个典型的断崖地点,意思是这里就像一个悬崖,突然大量的丢失注意力用户不在向下滚动。

避免这种情况的方式,除了不要出现完整性错觉外,页面具有故事和叙事感内容的关联性非常重要。

规律5:高质量内容能改进另外75%—40%区间的,但无法改变75%注意力在前2-3屏的事实。

从下图可以看出,高质量内容非常有效的延长了黄色到绿色的区间,但是红色和黑蓝色区间是无法避免的。由此 ,高质量的内容和叙事展示,可以很好的对中间区的流量效率。

结语

依据这些规律,我们针对性的调整设计策略。

如在2-3屏的后续是很吸引用户的内容;第二屏绝对不能是全屏的,必须要漏出后续内容;列表类不能是结构和内容都不断重复;将页面的前后内容设计的更具有故事感等等。

我们在OnePlus的专题页和后续的项目里面,就大量使用了该策略,以延长75%部分到第三屏。让断崖式部分变成缓坡下跌。

勾搭我们

Previous
Next

探索更多

一个趋于零的世界

当下在进行的是,物质世界的数据化进程。衔接人工时代与智能时代的最重要环节——构建计算机能理解的世界。