用户洞察02：用户只看第一屏？

用户只看第一屏？

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