用户只看第一屏?
非常多的产品经理或者需求方,都喜欢把所有内容都全部放在第一屏,生怕别人看不到。认为第一屏之后的内容就不会有人看了。
在
九十年代中期人们还不习惯滚动页面,但如今滚动页面绝对是很自然的事情。对于连续且篇幅很长的内容,比如一篇文章或一个教程,
页面滚动的可用性甚至比分页显示更好。
所以不必把所有的内容都挤到主页的顶部或
第一屏。不过为了确保人们会滚动,你需要遵循一定的设计原则,并且要让你的内容可以持续地吸引访问者读下去。同时要记住,第一屏的内容仍然会得到最多的注意力,而且当用户在考虑你的页面是否值得一看的时候,它也是至关重要的。
当前的用户习惯已经非常的习惯滚动。尼尔森的研究表明超过90%的用户会在进入页面后发生滚动。
后面的内容滚动多少和你的设计息息相关。

为了使用户继续往下滚动需要遵循3个原则:
1、避免完整性错觉
这篇文章详细讲述了什么事完整性错觉——Nielsen Norman Group:什么是网页设计中的完整性错觉,如何避免?
https://www.jianshu.com/p/73223d86fb7a
设计中一定不要画面铺满屏幕而没有任何指示,实际上指示不如一开始就漏出要滚动的内容。关于滚动设计,本文末尾有相关研究。
2、避免重复错觉
当你的后续的内容,毫无变化且结构一模一样时,用户会很快建立认知,你后面都是这样,没什么好看的了。所以设计师长页面时,一定要出现巧妙的一些变化,不管是结构还是内容本身。最好,在恰当的滚动悬崖处增加兴趣的内。
3、最最重要的一条,就是内容结构吸引用户,在断崖处及时放置好的内容。
如下图所示,内容下跌的非常明显。

因此现在数码页面公式是:第一屏图(外观+价格+核心卖点)+第二屏-第三屏(主要卖点与核心外观)+后续几屏(大标题+参数+外观)。这样的结构基本能很快稳住滚动的下跌。
数码类产品往往都是看中功能性价比和外观为主,上面这个结构非常有效。

你需要依据自己的产品来构建你的滚动策略。
我们来看下其他关于滚动页面的研究吧:
数据分析提供商 Chartbeat 分析了 20 亿次访问数据,发现 “普通媒体页面上 66% 的注意力都花在了第一屏之后”。《
What You Think You Know About the Web Is Wrong》
热力图服务提供商 ClickTale 分析了近 100,000 次页面浏览。结果发现人们在 76% 的页面上都使用了滚动条,其中 22% 的页面会一直滚动到底部,即使是很长的页面。也就是说,很明显,页面顶部仍然是你最有价值的屏幕空间。《
Unfolding the Fold》、《
ClickTale Scrolling Report》 和
第二部分
设计机构 Huge 在一系列可用性测试中对页面滚动进行了统计,发现 “参与者几乎都会滚动页面的,不管他们如何被提示的。这就是解放。” 《
Everybody Scrolls》
可用性专家 Jakob Nielsen 的眼动追踪研究表明,虽然人们的注意力集中在第一屏,但人们还是会向下滚动,尤其是当页面设计成引导滚动的时候。《
Scrolling and Attention》
在移动端,一半的用户在 10 秒内开始滚动,90% 的用户在 14 秒内开始滚动。这个数据来自 MOVR,是
Luke Wroblewski 的推文中发布的。
在查看
TMZ.com 的分析数据后,Milissa Tarquini 发现,主页上点击率最高的链接是在很靠近底部的位置。她还指出,AOL 的 Money & Finance 主页底部的民意调查和画廊尽管位置不靠前,但也获得了大量的点击量。《
Blasting the Myth of the Fold》
另一项由 CX Partners 执行的眼球跟踪研究证实,如果遵循特定的设计指南,人们确实会滚动页面。《
The myth of the page fold: evidence from user testing》
软件可用性研究实验室的可用性研究表明,用户在滚动的页面上阅读长篇内容比在分页的页面上要快。他们的研究证实,人们已经习惯滚动。《
The Impact of Paging vs. Scrolling on Reading Online Text Passages》
Jared Spool 的一项开始于 1998 年的可用性测试告诉我们,即使人们说他们不喜欢滚动,但他们还是愿意这样做。而且,对用户来说,滚动的页面甚至长一点更好。《
As the Page Scrolls》
SURL 的另一项可用性研究,证实了人们认为搜索结果页面上无论是滚动还是分页都很自然。《
Paging vs. Scrolling: Looking for the Best Way to Present Search Results》
Luke Wroblewski 给出了关于滚动行为的一些统计数据和建议。《
There’s No Fold》
更多关于滚动的文章:
2011 年 7 月,苹果
从 Mac OS X 中删除了滚动条(这是默认设置,不过用户可以把它加回去)。这清楚地表明,人们对滚动是如此熟悉,甚至不再需要视觉引导。
Jared Spool 写的关于引导滚动的设计指南:《
Utilizing the Cut-off Look to Encourage Users To Scroll》
不要错过《
Life below 600px》,一篇有点诙谐的关于页面第一屏的文章。