QCon全球软件开发大会8折优惠倒计时,购票立减¥1760!了解详情 >>> 了解详情
写点什么

滚屏和注意力的眼动研究:用户的操作行为十年来变了吗?(二)

2019 年 12 月 30 日

滚屏和注意力的眼动研究:用户的操作行为十年来变了吗?(二)

二、浏览和阅读模式

我们已经看到:


  • 首屏中的内容最受关注(占 57%的浏览时间);

  • 第二屏内容的受关注程度大约为前者的三分之一(占 17%的浏览时间);

  • 其余的 26%则分散在后续的页面上。

  • 换句话说:信息越接近页面顶部,它被读取的机会就越大。

  • 个人阅读模式证实了这一发现:许多用户在浏览结构不合理的内容页面时,会使用 F 模式。他们倾向于更仔细地查看放置在页面顶部附近的文本(文本的前几个段落),然后花费越来越少的注意力和时间在页面底部的信息上。

  • 即使列表或信息以结构化的形式呈现,用户也会花费更多的注意力和阅读时间在页面顶部,因为他们需要了解页面的布局方式。一旦他们理解了页面布局的规律,他们往往会将后续的注意力集中在寻找与手头任务相关的信息上。因此,花在下方内容上的注意力和阅读时间要少得多。

  • 这是一个具有代表性的注视图,显示大多数用户的注意力都集中在页面的顶部,尽管并不总是在最顶部。注意力的实际分布,将取决于具体设计和用户访问该页面的目的。如果信息看起来很有趣,用户偶尔可能会稍微阅读一些内容。但总的来说,对页面下方的浏览会逐渐减少。


三、2010 年 VS 现在

在 2010 年,80%的浏览时间都花在了首屏上。今天,这个数字只有 57%, 这可能是长页面普遍存在造成的。


但这意味着什么呢?


  • 首先,总的来说,有可能是设计师掌握了暗示和操作提示的技巧,让用户知道页面并没有结束,这样他们下拉的几率就会高得多。换句话说,设计师意识到了长页面的缺点并在一定程度上缓解了这样的问题。

  • 其次,这可能意味着用户已经习惯于拉动滚动条 – 需要滚动页面的流行,已经使这一行为已经在人们心中根深蒂固了。

  • 至少在某种程度上,用户仍然不经常滚动页面,他们很少浏览超过三屏的信息。基本上,所谓的首屏分割线作为一道屏障被推到了第三屏。

  • 8 年前,80%的浏览时间都花在了首屏的信息上(首屏以上的部分);今天,81%的浏览时间都花在了前三屏的信息上。

  • 我们常说用户只会在动机足够的情况下才会翻页,目前来看,用户的注意力仍然停留在页面的顶部,是因为顶部的内容是最容易被用户看到的,同时由于翻看长页面底部的信息存在一定的交互成本,那些排版布局靠下的信息往往无人问津。

  • 有趣的是:屏幕分辨率的提高并没有像人们所期望的那样导致滚动的减少。原因可能是设计师和开发人员没有利用好较大的屏幕,而是选择将内容进一步分散。不管是好是坏,现在我们会鼓励用户进行更多的滚动操作—但也不会太多。

  • 在早期的网页中,信息密度可能太高(导致了密集和复杂的页面布局),但是现在的页面设计肯定太松散了。


四、启示

考虑到用户在页面顶部花费了更多的浏览时间,尤其是在首屏上方,所以请注意以下几点:


1.保留页面顶部给高优先级的内容:关键业务和用户目标。页面的下半部分可以留给辅助信息或相关信息,将主要商品贸易顾问公司(CTAs)保持在页面顶端。


2.使用适当的字体样式来吸引读者对重要内容的关注:用户依赖头像和粗体文本等元素来显示重要信息,以及定位新的内容片段。 要确保这些元素在整个网站的视觉效果独一无二且风格一致,以便用户可以轻松找到它们。


3.谨防假楼层,它们在现代极简设计中越来越普遍,完整性的错觉会干扰用户滚动页面,包括能指(例如:截断文本)来告诉人们有下面的内容。


挑选具有代表性的用户测试你的设计,来确定“理想的”页面长度,并保证用户所需的信息可以很容易的被看到。


五、结论

现代的网页往往很长,包含负空间,用户可能比过去更倾向于滚动,但人们仍然把大部分的浏览时间花在页面的顶部,内容优先排序是内容规划过程中的一个关键步骤。强大的视觉符号有时会诱使用户滚动并发现首屏下方的内容。


要确定理想的页面长度,请与实际用户进行测试,一定要记住:页面太长会增加失去用户注意力的风险。


原文作者:Therese Fessenden


原文链接:https://www.nngroup.com/articles/scrolling-and-attention/


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/XlvwFVdngYzF_UInwRaFbQ


2019 年 12 月 30 日 18:03138

评论

发布
暂无评论
发现更多内容

阿里云官方出品:全面总结阿里云云原生架构方法论与实践经验

尹文敏

云计算 阿里云 云原生 云原生架构 云原生应用

如何判断老板是在给员工画饼?

石云升

创业 职场经验 6月日更

2021年最新版Java后端最全面试攻略,全面对标BATJ

云流

Java 程序员 架构 面试

centos7使用

xujiangniao

Linux

超全!阿里首发内部微服务架构笔记,再也不用为“微服务”苦恼了

Java架构师迁哥

用 CloudQuery 管理和操作数据库,更高效更安全

CloudQuery社区

运维 dba 数据库管理工具

阿里工作8年,肝到P8就剩这份学习笔记了,已助朋友拿到10个Offer

云流

Java 程序员 架构 面试

油管视频下载: 如何下载油管视频到本地

科技猫

分享 教程 经验 油管视频下载 下载油管视频

阿里大牛自己记录整理的一线互联网公司面试(阿里、网易、字节)

Crud的程序员

Java 程序员 架构 编程语言

我人生的里程碑之【作为独立开发者,第一次承接外包项目的心得经历,也许说出你的心声哦!】

李浩宇/Alex

程序人生 6月日更 6 月日更

从零开始学习3D可视化之模型动画

森友小锘

可视化 模型 大屏可视化 数字时代 3D可视化

建信金科大咖访谈:ISO20000及ISO27001标准体系解读

金科优源汇

开源之夏来啦,欢迎报名 Apache APISIX 项目!

Apache APISIX 中国社区

开源 后端 技术人生 API 网关

涵盖了所有计算机底层知识总结与操作系统的实战教程,你确定不看看吗

Java架构师迁哥

程序员需要了解数据库知识么?

escray

极客时间 学习笔记 朱赟的技术管理课 六月日更

☕️【Java 技术之旅】带你一起攻克String类创建的难点分析

李浩宇/Alex

Java string pool string 6月日更 6 月日更

Github上点赞90k的计算机基础、操作系统、网络笔记,赶紧收藏

Crud的程序员

程序员 架构 计算机基础 网络 java程序员

Kubernetes学习笔记之Calico CNI Plugin源码解析(二)

360技术

在外包5年,每天读写删改,突然发现跳不出来了

Java架构师迁哥

大厂招聘程序员都是“有章可循”你Get到了吗?

Java架构师迁哥

《原则》(九)

Changing Lin

6 月日更

深入分析Linux操作系统对于TCP/IP栈的实现原理与具体过程

奔着腾讯去

c++ socket 网络协议

本文是为了帮大家快速回顾了Java中高级知识点,只需收藏不用看!

Java架构师迁哥

创业邦南立新:搭建创新生态,是奔向万亿美金市值的必经之路

创业邦

一个超牛逼的 GitHub 项目,标星高达55.3Kstar,附项目源代码

Java架构师迁哥

上架Steam一周的付费游戏,开源了!其实你能“薅”的不止一只羊

程序员生活志

准备3个月,面试10分钟,Java中高级岗面试为何越来越难?

Java架构师迁哥

福利时刻 十年黑客大佬的Web安全渗透技术分享

学神来啦

Linux 黑客 安全 运维自动化

全靠阿里内部(珠峰版)Java面试笔记,成功拿下12家大厂offer

程序员改bug

Java 架构 编程语言 java程序员

毕昇JDK:为啥是ARM上超好用的JDK

华为云开发者社区

Java 华为 jdk Openjdk 毕昇 JDK

Flink + Iceberg 在去哪儿的实时数仓实践

Apache Flink

flink

移动应用开发的下一站

移动应用开发的下一站

滚屏和注意力的眼动研究:用户的操作行为十年来变了吗?(二)-InfoQ