当前位置:首页 > WEB » 正文

欢迎来到欢哥sem的博客,在这里你可以学到网络营销方面的全部知识

你知道用户刷网页的“F 型扫视”习惯吗?

 人参与  2017-06-19 11:28  分类 : WEB  点这评论

  今天这篇文章,主要介绍「F 型扫视」。读完后,你会明白我们到底如何浏览网页,也知道网页应该如何设计,才能带来更好的体验。

f23d3565e5c93fb94401788d0fa90204

  什么是「F 型扫视」?

  「F 型扫视」是界面阅读最常见的一种扫视模式,在有很多内容板块的界面上非常实用。「F」也可以被理解为「Fast」。大多数人阅读界面内容时,都采用了「F 型扫视」模式——只需要几秒,就可以快速将页面扫完。

  「F 型扫视」最早是由尼尔森诺曼集团(NNGroup)通过眼球追踪实验提出的,该项实验记录了 200 多名用户阅读上千个网页的数据。实验结果发现,用户的阅读习惯相当一致,即便是在不同站点和不同阅读任务的前提下。实验对象的阅读轨迹看似像字母「F」,并包括以下 3 个部分:

02545ec6677e3b2c24efcc78413f56b9

  人们首先会横向阅读,通常扫视范围仅停留在页面顶端部分。这一轨迹形成了字母「F」的第一横。

  紧接着,我们会顺着页面左端纵向阅读。我们的阅读重点仅停留在段首其感兴趣的部分。发现感兴趣的内容后,我们会再次横向阅读,不过这次横向阅读的范围通常较第一次小。这一轨迹形成了字母「F」的第二横。

  最后,我们会再次顺着页面左端纵向阅读。

  在下面这张图,红色区域是人们的核心阅读重点,黄色区域是次阅读重点,紧接着是相对关注较少的蓝色区域,而灰色区域基本不受用户关注。可以看出,我们浏览网页基本构成了 F 型。

09a664f6fb558a58007176567bb45d95

  通过热度图,尼尔森诺曼集团揭示了眼球追踪实验是如何发现用户阅读轨迹的(本处用户特指阅读习惯为从左至右的用户)。

  很明显,我们的扫视模式并不只包含 3 个部分。当我们发现其感兴趣的内容后,就会重点阅读该部分,从而形成相应的横向阅读轨迹。

  为什么用「F 型扫视」

  通过「F 型扫视」模式,更容易体现出良好的视觉层次,从而方便用户了解界面内容。对大多数西方用户来讲,「F 型扫视」模式是非常舒适的,因为他们的阅读习惯一直以来都是从上到下、从左至右的。

  注:作者之所以提及西方用户的阅读习惯,是因为有些(东方)国家或地区用户的书写和阅读习惯是从右至左的。在有些国家和文化中,书写习惯甚至以竖写为主,相应阅读习惯也稍显不同。由于中文的书写和阅读习惯并不特别,所以本文所讲的「F 型扫视」仍可以适用。

  什么时候用「F 型扫视」最舒服?

  针对有大量文本的网站,比如博客或新闻站点,「F 型扫视」模式是再好不过的选择。

  在内容过多(特别是文本过多)的情况下,若页面布局是根据自然扫视模式(即「F 型扫视」)来设计的,用户反馈会更好。

056eff5ccf9f5ed857d544e44b80e936

  CNN 首页也使用了「F 型扫视」模式

  网页应该怎样用「F 型扫视」?

  借助「F 型扫视」模式,设计师在页面内容选题方面有更多的「话事权」。

  1. 按重要性对内容排序

  在设计规划页面元素时,一定要按重要性对各项内容进行排序。通过排序,你可以清楚地知道你最想让用户阅读的内容。这样一来,你只需要将这些内容放在页面的「热点」区域即可。

  2. 设置预定期望

  整个页面最开始的一两段是非常重要的。尽可能将重要内容放置在页面顶端,从而可以在短时间内让人们知道网站(或页面)是用来做什么的。

  根据「F 型扫视」模式,我们通常会横向阅读页面顶端。因此,在顶端区域设计一个导航栏是个不错的选择。

502d6316ff04515c6a5c370002375542

  用户扫视页面最重要的内容只需要几秒钟。图片来源:tutsplus

  3. 设计要方便扫读,而不是阅读

  设计页面布局时,要从用户角度出发。顺着「F 型扫视」的阅读轨迹,将人们最感兴趣的内容按重要性放置于相应区域:

12
欢迎来到欢哥sem的博客,在这里你可以学到网络营销方面的全部知识

本文标签:[db:关键词]

<< 上一篇 下一篇 >>

  • 评论(
  • 赞助本站

赞助信息流优化运营,百度竞价托管,网站制作,网站优化一站式学习交流平台【欢哥sem】

相关文章

随机文章

标签列表

最近发表

天气预报

    热门文章 | 最新文章 | 随机文章

最新留言

首页 SEM 电信广告 SEO WEB 新媒体 站长资讯

Powered 信息流优化运营,百度竞价托管,网站制作,网站优化一站式学习交流平台【欢哥sem】 版权所有 京ICP1234567-2号