查看文章 |
摘要:眼动测试清晰的反应出用户经常会采用F型的网页浏览方式:两横一竖式。 快速的F式,这就是用户浏览你那些重要内容的方式。用户的视线以难以相信的速度在几秒钟间划过你站点内的内容,用的却是和你在学校学到的完全不一样的方式。 在最近的眼动测试中,我们记录了232名用户浏览数千网页的方式。我们发现用户在浏览不同的站点和内容的时候都会采用相当一致的浏览行为方式。这种明显一致的浏览方式看起来就像一个大写的“F”,并且是由以下的三点组成: ◆用户首先采用水平的浏览,通常都会横跨文章的上部内容。这一过程构成了F的上横。 ◆接下来,用户稍微下拉页面并且以一种快速的水平浏览方式来阅读比上面部分短一些的区域。这也构成了F的下横。 ◆最后,用户采用垂直的方式浏览页面内容的左侧。有的时候,这是一种相当缓慢而系统的浏览,在眼动地图中形成了一条很深的线条。用户也有时浏览的很快速,形成一个雨点状的眼动地图。这构成了F的竖。 当然,用户的浏览方式并不一定是严格按照这三部分的。有时用户会通览内容的第三部分,使其的F型更像是E型。而有时他们也会只通览一次,使看起来像个倒转的L。然而一般来说,用户的阅读方式粗略的近似于一个F型,尽管两横之间的距离是不一定的。 ![]()
三个网站的眼动跟踪地图。用户关注的最多的地方以红色显示;黄色区域表示的是较少一些的浏览,再少浏览的用蓝色区域来表示。灰色地区就是根本没有用户关注。 上边的眼动地图显示了用户如何浏览三种不同类型网站的方式。 ◆一个企业网站中的 “About us”的文章内容。(左图) ◆一个电子商务网站的产品页。(中图) ◆一个搜索引擎的结果页。(右图) 如果你侧过来只看页面中的红色区域,三个地图都呈现出了F型。当然,其之间还是不太一样的。相对于一个精确的浏览行为,F浏览方式只是一个粗糙的、大概的形式。 在电子商务网站的页面中(中间的例子),由于产品图片的原因,F的第二条横显得比平常的要低一些。用户也花费了大量的注意力在页面右上角显示有价格和“加入购物车”功能的栏目中。 在搜索结果页面中(右侧的例子),F的第二个横比上边的横还要长,主要是因为第二行的标题就是比第一行的标题要长一些。这样,两个标题同样的吸引了用户,虽然用户在通常浏览页面的时候很少会关注第二个。 F型的意义 F型的意义,明明白白的告诉我们要抛弃传统的印刷媒介写作习惯而使用针对WEB的写作方式是十分重要的: ◆用户在某种意义上不会一字一句的细读你的文字内容。细细通读的情况是很少,尤其是当潜在消费者按照他们的最初想法在检索卖家的时候。是,有些人会看很多,但是大部分的人不会。 ◆前两段必须要阐明重要信息。有些设计师希望用户会忠实的读他们的资料,然而估计他们看第一段要比第二段多得多。 ◆使用用户会关注到的文字来作为标题、段落和要点的开始,当用户用F型的最后一竖向下浏览你的内容的左侧的时候。他们读第三个词会比第一两个少的多。 |


