读取网站内容的F -形

日期:2011年07月18日

在我们的新eyetracking研究中,我们录得232用户如何在成千上万的网页 。我们发现,在许多不同的地点和任务的用户的主要阅读行为是相当一致的 。这占主导地位的阅读模式看起来有点像一架F,并有以下 三部分组成:

  • 用户首先阅读在水平运动,通常在整个内容区域的上半部分。这最初的元素形式的F顶级的酒吧 。
  • 接下来,用户向下移动页面有点,然后读入一个跨越第二,通常包括一个较短的面积比以前运动的水平运动 。这种额外的元素形式F的低栏。
  • 最后,用户在扫描内容的左侧垂直运动。有时,这是一个相当缓慢的和系统的扫描,作为一个坚实的条纹eyetracking热图显示。其他时间用户的移动速度更快,创造一个spottier热图 。这最后一个元素的形式F的干。

显然,用户的扫描模式并不总是完全由三个部分。有时用户会阅读整个第三部分的内容,使图案看起来更像比F.其他时间发送一次,他们将只读跨越的模式看起来像一个倒L(与顶部的横梁) 。但是,总的来说,阅读模式大致类似的F,但顶部和低栏之间的距离不同。

点击浏览下一页 
Heatmaps从三个网站的用户eyetracking研究。用户看了最该地区是红色;黄色区域表明较少的意见,由最少的蓝色区域。灰色地带,没有引起任何的录制品。

上述heatmaps显示用户如何读取三个不同类型的网页:

  • 文章在“关于我们”的第一个企业网站(左),
  • 一个产品页面上的一个电子商务网站(中心),
  • 一个搜索引擎结果页面(SERP的最右边)。

如果你眯着眼睛和红色(最观看)领域的重点,所有三个heatmaps预计F曲线 。当然,也有一些差异。的 F 观看模式是一个粗略的,一般的形状,而不是一个统一的,像素完美的 行为。

在电子商务网页(中间的例子),第二横梁的F比平时低,因为中间产品形象。用户还可以在那里的价格和“添加到购物车”按钮的页面上右边的部分分配显着的固定时间到一个盒子。

在SERP(右边的例子),第二横梁的F比前横梁较长,主要是因为第二个标题是第一以上。在这种情况下,标题都证明了同样令人感兴趣的用户,虽然用户通常阅读他们认为在页面上的第二个方面。

F曲线的影响

F曲线的含义是清楚的的网页设计和网络写作的指引,而不是重复利用打印内容 显示下面的重要性:

  • 用户将无法读取您的文字字一个字地彻底。力竭阅读是罕见的,尤其是当潜在客户进行初步研究,以编译的供应商名单。是的,有些人会读更多,但大多数不会 。
  • 前两段国家最重要的信息。有一些希望,即用户实际上将阅读材料,尽管他们可能会比第二读第一段。
  • 分目,段落和要点开始承载信息的话,用户会发现扫描时,在他们的F -行为的最终干你的内容的左侧。他们将读取的行的第三个词往往比前两个单词要少得多 。
Tags:可用性
上一篇文章:营销型网站建设时SEO设置
下一篇文章:提高网站的性能:网站的速度