分享

网站浏览的眼球轨迹研究

 老CK 2018-12-20

009年美国长期研究网站的可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。该报告指出:大多数情况下,上网浏览者都不由自主地以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热 度。

F型浏览背后的问题

QQ截图20150708185351

F型浏览模式这个理论已经推出很久了,我在很多网站和BLOG上也看到过这样的分享。我在思考几个问题:

1. 出现F型浏览模式的原因是什么?它的背后是什么样的用户需求?

2. F型浏览会受到网站内容、用户需求影响而发生改变吗?会出现别的形状吗?

3. F型浏览模式能够给我们什么启示?如何指导我们进行SERP的设计?

带着这些问题,我进行了一些资料的发掘和尝试,进而有了更多的疑问,“浏览者都不由自主的以“F”形状的模式阅读网页”,这句话,尤其值得质疑。因 为我发现,浏览者并未是无意识形成了某种浏览行为,而是受到网站设计与自身需求的双重影响而造成的。

什么造成了F型浏览?

Jakob Nielsen花费的苦心用三种不同的网页进行测试,目的是为了告诉我们,F型浏览在不同的网站上都是通用的,用户的F型浏览行为并不会受到网站内容和设 计出现太大的不同。

但是他并未进一步分析出现F型浏览的原因,结果让很多人误认为这真的是一种“不由自主”的行为。

也正因为如此,F型浏览也很容易被看出很多漏洞来。比如:

为什么不是E而是F?因为我们看到很多眼动仪测试的图片F下面并未一只有一个水平浏览线,而是多个。

为什么下面的一个水平浏览线要短于上面的一条,而实际上我们看到的很多眼动仪图片却是下面的水平浏览线要长于上面的一个?

而进一步的研究也发现,当考虑到网页丰富的内容元素,比如图片时,F型浏览很容易就被打破。

用不同的页面做眼动仪测试,得到3张热度图。用颜色来表示浏览者眼光聚焦的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。如下图所示

网站浏览者F型眼球轨迹

根据这一原理,常见的网站页面结构安排应该满足用户F型眼球运动轨迹的习惯。在F型区域中采用恰当的方式,更好地引导用户行为,满足用户需求,从而促进产品销售。

网站页面设计与F型眼球轨迹的结合
在网站导航系统建立中,基于F型眼球轨迹和来访者的习惯,网页应当采用恰当的布局设计。对于绝大多数网站来说可以有选择地采用以下几种导航方式:

  • 顶部导航:主要栏目,分类导航
  • 左侧导航:某一具体栏目的子栏目导航。对于企业网站可以是产品列表、服务内容等客户最关注的信息。
  • 内容导航:明确访问现在的位置,提供快速内容导航。
  • 网站地图:整站的快速索引。

总的来说,采用符合F型眼球轨迹的导航系统,可以极大地提高网站的易用性,让用户更为快捷、方便地找到自己想要的内容。这种网页设计建议每一个从事网络营销、电子商务的网站采用。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多