Contact Information
ShenZhen
Colin.w@aliyun.com
Ph: 18688414288
Back

用户洞察02:用户只看第一屏?

用户只看第一屏?

非常多的产品经理或者需求方,都喜欢把所有内容都全部放在第一屏,生怕别人看不到。认为第一屏之后的内容就不会有人看了。 在Mid-1990s人们还不习惯滚动页面,但如今滚动页面绝对是很自然的事情。对于连续且篇幅很长的内容,比如一篇文章或一个教程,页面滚动的可用性甚至比分页显示更好。 所以不必把所有的内容都挤到主页的顶部或first screen。不过为了确保人们会滚动,你需要遵循一定的设计原则,并且要让你的内容可以持续地吸引访问者读下去。同时要记住,第一屏的内容仍然会得到最多的注意力,而且当用户在考虑你的页面是否值得一看的时候,它也是至关重要的。   当前的用户习惯已经非常的习惯滚动。尼尔森的研究表明超过90%的用户会在进入页面后发生滚动。 后面的内容滚动多少和你的设计息息相关。
There are 3 principles that need to be followed in order for the user to continue scrolling down: 1. Avoiding the illusion of completeness This article details what the illusion of completeness is - Nielsen Norman Group: what is the illusion of completeness in web design and how can it be avoided?https://www.jianshu.com/p/73223d86fb7a It is important not to have a design where the screen is spread out without any indication, in fact an indication would be better to leave out what is to be scrolled at the beginning. There is a study on scrolling design at the end of this article. 2. Avoid repeating the illusion When your subsequent content, no change and the structure is exactly the same, the user will quickly establish the perception that you are followed by this, nothing to see. So when designing long pages, be sure to appear clever with some variation, whether it's the structure or the content itself. Better yet, add interest within at the right scrolling cliffhanger. 3, the most important one, is the content structure to attract users, and timely placement of good content at the cliff. As you can see in the chart below, the drop in content is very noticeable.
因此现在数码页面公式是:第一屏图(外观+价格+核心卖点)+第二屏-第三屏(主要卖点与核心外观)+后续几屏(大标题+参数+外观)。这样的结构基本能很快稳住滚动的下跌。 数码类产品往往都是看中功能性价比和外观为主,上面这个结构非常有效。
You need to build your rolling strategy based on your product.  

我们来看下其他关于滚动页面的研究吧:

数据分析提供商 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》,一篇有点诙谐的关于页面第一屏的文章。
Colin

This website is designed for PC, please don't visit for mobile

en_USEnglish