浏览习惯 - UCD大社区

用户网页浏览视线研究

Hoo — 2008-10-07 08:24:05

具体文章内容参考以下链接：
The Eyetrack III:What We Saw When We Looked Through Their Eyes
下图为用户浏览网站时视线注意力"F现象“研究：
注：红色、黄色、绿色关注度以此降低

google搜索结果“金三角”现象：

google搜索结果金三角现象与Eyetrack的“F现象”研究不谋而合。同时Eyetrack的这篇文章也提供了文章内容页用户实现浏览现象研究、大幅广告和小幅广告视线关注度研究等研究结果。

相关话题：浏览习惯源地址：http://www.anydox.net/hoo/blog/read.php?54

中国用户没有F扫描习惯

Angela — 2008-10-30 16:20:04

UCD翻译小组最近拿到一份颇有份量的可用性测试报告──《Chinese Search Engine Engagement》，对中美用户的搜索习惯做了有趣的分析。

“用户不一定非要读列表，而是会扫视列表，同时利用语意映像和信息线索，抓住一些特别的关键词。反过来说，用户也倾向于依据这些关键词，进行相关性的判断。”

这意味着，页面上契合用户期望的关键词，是决定用户是否点击进入下一页的重要线索。

“在传统的北美的方式中，用户从左上角开始扫描搜索结果页；接着垂直扫描，建立1～2个备选条目（consideration sets），然后再水平扫描每一个列表。整个的扫描模式最后看起来就类似于一个F，因而被称为F-scan。”

上图：北美用户的F扫描模式

“一个百度用户花费在搜索结果页上的时间是北美用户的5倍，而Google中国用户则是北美Google的3倍。而且，在北美调研中均有发现的、广告位置和其可视性（点击浏览率）之间的相关性假设，在中国似乎并不成立。”

中国用户在搜索时会看到更多的信息。这份报告指出，中国用户在Baidu搜索结果中查看第7到第9条的结果所花费的时间，和他们查看北美搜索结果页面顶部的关键词广告的时间一样多。

最重要的是，这次研究“没有发现任何与北美用户的F形扫描模式相近的证据。事实上，我们看见了一个更加离散的模式，而不是一个完整的模式。扫描点几乎出现在结果列表的每一个位置，而且前进（progress）速率比北美用户更加的快。”

上图：中国用户的盒扫描模式

造成这种现象的原因可能有两个：

1. “（似乎）中国用户并不只看前3条，而这却是北美用户的典型交互方式。”，因为“（中国）用户假设前5、6个搜索结果都是关键词广告，所以他们很快的扫过。这是Baidu通常的模式，即页面上哪些是广告、哪些是真正的搜索结果，并没有区别。”

2. 用键盘输入中文并不容易，“很多用户只输入几个汉字而不是短语。然后使用页面下面的‘相关搜索’来提炼他们的查询条件。这种方式比传统键盘方式快很多。”

报告中将这种在中国用户身上表现出来的特有扫描形状称为“盒扫描”（box scanning）。这种独特的扫描方式，也许是中西文化真正的差异所在。

阅读该报告中关于F-Scan部分，由Jackucd翻译，Angela审校。

相关话题：浏览习惯源地址：http://ucdchina.com/angela/?p=75

用户浏览习惯与设计无关

offidea — 2008-11-04 11:24:23

Think Eyetracking的一项研究（via）中显示，人们在最近三四年，对Google搜索引擎结果页（SERP）的页面关注点有了很大的变化。下面这张图显示了2005年和2008年人们浏览Google SERP时候的关注区域。

三年前,用户在使用搜索引擎的时候,会仔细的检查所有的搜索结果,除了标题以外的内容,用户也有相当的关注程度,而在今天,用户却只关注前面两条的搜索结果,而对标题以外的内容几乎是完全忽略掉了.

这代表着是搜索引擎更智能了,还是用户习惯在慢慢的改变呢?

其实搜索引擎并没有改变太多,变的是用户,在信息时代的今天,用户没有过多的时间去进行思考和筛选结果,用户更习惯于通过极短的时间,找到自己想要的东西, 三年前,可能我们在通过阅读搜索结果页的详细内容,我们还能找到一些有趣,或者是提起兴趣的东西,而三年后,用户更注重的是效率,用户习惯了搜索引擎第一,第二位的结果,就是正确的,就是最好的!

用户对搜索引擎已经产生了一种判断依赖,以前,搜索引擎通过罗列结果,供用户判断,现在用户通过搜索引擎罗列结果,以及判断结果!

我们再看看三年前的GOOGLE搜索结果页和现在的搜索结果页,看到了吗?几乎一点变化都没有,但是用户习惯却在慢慢的改变,鬼知道明天用户会不会突然间疯了只关注第二页的东西?(嘿嘿,如果百度把GOOGLE干了,估计就是这样了,第一页推广太多了-_-!)

所以说设计本身并不对用户习惯产生直接的影响.

相关话题：浏览习惯源地址：http://www.offidea.com/post/285.html

F形网页文字阅读模式

Abigail — 2008-10-31 19:54:39

Article copyright by Jakob Nielsen
Jakob Nielsen版权所有

作者：Jakob Nielsen
译者：UCD翻译小组，Abigail
原文地址：http://www.useit.com/alertbox/reading_pattern.html

雅各布尼尔森的提示箱，2006年4月17日：

F形网页文字阅读模式

摘要：
眼球轨迹的可视图像显示，用户在浏览网页时经常呈现F形模式：两条水平线然后一条垂直线。

F就是快(fast)。这也就是用户阅读你宝贵信息的方式。在短短几秒钟内，他们的眼睛以惊人的速度、用一种与你在学校学到的完全不同的模式扫过你的网站上的文字。

在我们新的眼动追踪研究中，记录了232名用户浏览成千上万网页的方式。我们发现，用户的主要浏览行为在许多不同的站点和任务中是相当一致的。这种主要的浏览模式看起来有点像字母F，包含以下三个步骤：

首先，用户通常用水平移动的目光阅读内容的最顶端部分。这个第一步形成了F顶端的横杠。
接着，用户的目光会下移，第二次水平移动目光，进行阅读，通常这次阅读的覆盖的区域要比上一次的短。这第二步形成了F较短的那条横杠。
最后，用户用垂直移动的目光浏览网页的左侧。有时这步的浏览速度较慢，也较有系统性和条理性，在眼动追踪的热度图上表现出一条清晰而浓重的路径。而有的时候用户移动得相对较快，只在热度图上留下些许跳跃的斑点。这最后一步形成了F的那一竖。

显然，用户的扫描模式并不总是完全由三部分组成。有时用户会第三次浏览内容，使这个模式看起来更像个E而不是F。有时他们也许只会阅读内容一次，那么这个模式看起来就更像一个倒置的L（横杠在上方）了。不过总的来说，浏览模式基本上与F相仿，虽然上横杠和下横杠之间的距离会有所不同。

三个网站的用户眼动追踪研究的热度图。用户关注程度，从高到低：红->黄->蓝->灰
以上热度图显示了用户浏览三种不同类型网页的方式：

一公司网站的“关于我们”部分的一篇文章（左），
一电子商务网站上的产品页面（中），以及
搜索引擎搜索结果页面（SERP；右）。

如果把焦点放在受关注程度最高的红色区域，这三张热度图均显示了预期的F模式。当然，这其中有些差别。F浏览模式是一个粗略大概的形状，而不是高度统一精致完美的行为。

在电子商务的网页上（中图），F的第二条横杠由于产品图片插入，位置比通常的要低。用户把很大一部分的注意力放在页面右上方显示价格和"添加到购物车"按钮的区域。

在搜索结果页面上（SERP；右图），第二条横杠比上面那条长，主要是因为第二条标题比第一条标题长。虽然用户更少关注网站的第二部分内容，但这个结果证明，头两条搜索结果对用户具有相同的吸引力。

F模式的启示
F模式对网页设计的启示是显而易见的，它强调了遵循网站写法的指导方针而不是重现印刷品上的内容的重要性：

用户不会逐字逐句地完整阅读你的文字。详尽的阅读是很罕见的，尤其是潜在客户为搜集供应商名单而进行初步调查的时候。的确，有人会读得很多，但大部分不会。
前两段必须显示最重要信息。虽然用户更喜欢仔细阅读第一段，但他们仍会关注第二段的内容。
子标题、段落和列表的第一个单词最好能明确说明内容因为用户使用F模式浏览网页时，它们都正好位于最受关注的那根竖线上。在同一行中，他们读第三个单词的几率要远远小于头两个单词。

详细的扫描行为
用慢动作回放来观察用户眼睛在阅读和浏览整个网页的移动是令人着迷的。除了我在这里讨论的主要的F模式之外，每个页面都存在着阅读问题。例如，用户会用一种完全不同的、更加有方向性的方式寻找价格或其他数字信息；至于用户如何看搜索引擎的广告栏则取决于有一种有趣的“烫手山芋”现象。同时我们在对人们如何看待网站图片方面也有很多发现。

在芝加哥和阿姆斯特丹举行的2008年用户体验大会上，我们将在为期两天的网站写法研讨会上展示更多的研究结果。

内容可用性的最大决定因素在于用户在线阅读的方式——阅读方式的不同决定了写法的不同。

开心网的页面是最彻底的“F”

tao — 2008-10-30 13:00:14

2006年4月，美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告（原文：F-Shaped Pattern For Reading Web Content）。

报告中提出，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。

再看开心网的页面，用3条导航在每个页面都构建了一个大“F”。

顶部导航是与“交流”相关的频道，包括好友列表、群组和消息中心，这些都是要与其他用户发生关系的产品。左侧导航是用户个人操作的产品，包括日记、照片，及其他新增的组件。在频道的页面内，大部分又都有一个相同样式的页卡标签，通常为“我的XX”和“好友的XX”。

这三条导航构成一个巨大的“F”型框架，网站不同页面保持结构一致，使得用户在网站使用过程中的学习成本最低，一次经验，全站通用。同时让用户更愿意尝试开心网上其他产品，因为用户预期中其他产品的使用方法相同，不需要一个重新的学习过程，尝试的成本较低。

而不同产品页面结构各异的网站，用户使用任何一个产品和频道都是一次全新的学习和摸索过程，甚至连找到一个返回链接，都是一次大伤脑筋的走迷宫，这会让用户产生巨大的挫折感，更不愿意去尝试该网站的其他产品，因为用户不知道下一个产品又将是怎样一次令人头痛的探索历程。

从上图中我们可以看到，页面中大部分区域用户都不会去关注，所以在单个页面上，开心网的每个页面内可以操作和点击的链接都非常少，且集中大“F”型热点区域。这向用户传达的信息是：在这里，你只需了解极少的操作就可以使用这个网站。

而那些内容丰富，堆满链接和按钮的网站页面中，也许整个页面只有一个链接对用户是有价值的。但是用户来到这里，既要有足够的智慧和眼力排除所有干扰信息去找到那个唯一有价值的链接，同时还要面对如果我不点击其他的链接是否会错过某些重要信息的困扰和焦虑。

页面中哪些是无效信息，网站工作人员最清楚，但是他们却把排除干扰信息这种复杂的工作交给用户，将用户逼入一种烦躁和焦虑的困境中。这种痛苦的使用体验只会将用户全部赶走。

相关话题：浏览习惯源地址：http://www.niest.net/?p=152