建站常识
“F”形状的网页阅读行为模式
2009-04-20 08:29:00
简介
网站可用性大师Jakob Nielsen🉐 关于人们在阅读网页时♓,眼球追踪方面的调查。看完后可能会让你对用户行为有更深一层的了解。
摘要:
眼球追踪研究显示出用户通常阅读网页的模式是“F”型:即两个横向条纹和一个垂直条纹。
F意味着fast(快速)。这就是用户阅读你精心准备的内容的方式。在几🧜秒钟内,他们的目光以惊人的速度在你的网站文字间的穿过,而这种方式与你在学校所学到的有很大差别。
在我们这项新的视线追踪研究中,我们记录了232位用户浏览上千个网页的方式。我们发现,对⭕于不同的站点和任务,用户的主要阅读行为是相当一致的。这种显著的阅读模式看起来有点⭕像一个字母F,它有以下三个组成部分:
1、用户首先横向运动阅读,通常是在网页内容区域的上半部分。这最初的元素就形成了F顶部的那个横条。
2、接着用户的视线会从网页上往下移一点,然后第二次横向阅读,通ꦕ常这次涵盖的区域会比前一次短。这个附加的元素形成了F下面那横😼。
3、最后,用户会纵向地浏览网页内容的左边部分。有时这是一个相当缓慢的和系统的浏览过程,在眼球追踪热度图上呈现的就是一条粗实的条纹。其他✱时间用户视线移动的较快,形成的就是散点状热度图。✨这最后一个元素形成了字母F的竖杠。
显然,用户的♍浏览模式并不总是完全由这三个部分组成。有时用户还会阅读网页内容的第三部分,使得图案看起来更像E。还有时他们只横向读一遍,使得图案看起来像一个倒置的L (横在上方)。但是,总的来说,阅读模式大致相似字母F ,只不过上下两个横杠之间的距离不同。
热度图来自三个网站的用户眼球追踪研究。用户看的最多的区域是红色的,黄色区域是关注较𒉰少的版块,蓝色区域是关注最少的部分。灰色区域是没有任何人关注的部分。
上述热度图显示了用户阅读网页的三种不同类型:
1、公司网站“关于我们”部分中的一篇文章(左)
2、电子商务网站上的一个产品页面(中),和
3、一个搜索引擎的结果页(SERP ;右)。
如果你眯起眼睛并重点看红色(关注最多)的区域,所有这三个热度图显示的就是期望的“F”模式。当然,也会有一点不同。“F”型浏览模式是一个粗略的、一般的形状𓆉,而不是一个统一的、完美的行为。
在电子商务网页(中间的例子)上,F的第二横比一般的要🦄低,因为中间插入了产品图。用户还花费大量固定的时间在网页的右上角方块部分,因为那里是价格和“添加到购物车”按♍钮。
在SERP(右边的例子)中,F的第二横比上面的那横要长,这主要是因为第二个标题比第一个标题长。虽然用户通常很少阅读所浏览网页的第二部分,但在这🍷种情况下可以看出,用户对两个标题同样感兴趣。
F模式的影响
“F”模式对网页设计的影响是显而易见的,以下这些重要准则是为网页写的而不是用作印刷的内容:
用户💜不会逐字的完全阅读你的文本。仔细的阅读行为是很罕见的,尤其是当预期的客户对候选供应商进行初步研究的时候。确实,有些人会阅读更多♏,但大多数不会。
前两段必须指出最重要的信息。虽然他们可能读第一段比第二段多,但这里也有一些希望,那就是用户是在真正的阅读这ꦐ些资料。
当用户以“F”行为的最后竖杠模式浏览你的内容的左边部分的时候,他们会注意开始标题、段落和有要点信息的词语。在同一行中,与前两个词语相比,他们很少会读第三个ꦰ词。
具体的浏览行为
当人们阅读并浏览整个网页时,用户眼球运动的慢动作回放是很吸引人的。每个页面所阅读的主题都超越了我这里讨论的主要的“F”模式。例如,当他们在寻找价格或其他号码时,用户是以不同的,更有针对性的方🎃式去浏览,且有个有趣的棘手行为决定了用户是如何看搜索引擎广告列表的。我们也有许多研究是关于人们如何看网站图片的。
在美国华盛顿、旧金山、伦敦和悉尼召开的200ꦯ9年可用性会议上,我们在为期两天的研讨会中针对网站书写问题提出了许多详细的🐟调查结果。
对于内容可用性最大的决定因素是用户如何在线阅读——因为人们阅读方式不同,你的书写方式也必须不同。
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-04-26 15:51:00] 加拿大预测网-在线预测:用户是如何浏览你的网站的
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案
TAGS关键字
青岛网络公司 加拿大预测网-在线预测:青岛flash网站 青岛网站营销 加拿大预测网-在线预测:中小型企业网站建设 青岛高端网站建设 H5 青岛网站SEO 手机网站 青岛网站制作 加拿大预测网-在线预测:青岛网站建设基础知识 加拿大预测网-在线预测:网站建设,手机网站 加拿大预测网-在线预测:青岛抖音小程序开发 网站视觉 网站设计资讯 青岛轮胎网站设计 扁平化设计 胶南网站建设公司 手机网站建设 加拿大预测网-在线预测:网站建设,企业网站建设 网站规划 微官网带来的好处 IT资讯 用户界面 色彩心理学 网站优化 青岛海洋投资集团 SEO 青岛网站建设 网站制作 空白和简洁的设计