《
搜索结果页（SERP）：不要被F型浏览忽悠了》文章地址：http://www.tfxk.com/zixun/0416363a2013.htm
同样的饺子馅，不同的包法显然能够给用户不同的感官感触，包得不好，岂但有碍于观瞻，也极有可能破掉，损坏了一锅汤不说，还进了水，导致饺子没有滋味。
而，在以相册方式展示的SERP页面，用户的行为又是怎么样的呢?
舆图、周边等信息，我认为属于第三优先级，却出当初这里，导致每个item非常庞杂。
在以下的图片无差异化的list上，我甚至有可能直接将F的纵向浏览转移到价格或者地域上。
用户在SERP的任务又是可以被我们猜测的——他有三个步骤需要完成(参见表格)
2. F型浏览会受到网站内容、用户需求影响而产生转变吗?会出现别的形状吗?
那么，即便已经有了优先级划分，list items设计还要考虑必定的拓展性——可以不展示，在用户有需求的时候开展。
再对比两个网站的list items：
恰好，这几天我想买个电脑包，去淘宝上搜索电脑包，然后不做任何筛选，直接看搜索到的结果。我有意识观测本人的行为(当然，做研究不必采取我的方式)，然后发现：
F型浏览背地的问题
用户在浏览的时候，大脑里出现了三个词语：也许是，是，否。
我认为，F型或者是E型浏览方式，相对不是无意识的“身不由己”的行为，而是网站内容、设计，用户需求和用户习惯多重因素作用下的成果。
帮Heidi验证论断准确与否：提供典范或者反例。
很有可能你的三段论会受到产品团队的赞美，然而他们需要更多的信息表示出来。因此他们并不以为只有前两个优先级的信息能力够被放到SERP页面上，其余的只能到详情页查看。
讲演中提出，大多数情况下浏览者都情不自禁的以“F”形状的模式阅读网页，这种基础恒定的阅读习惯决议了网页呈现F形的关注热度。
每个任务的目标同样也是绝对比较清楚的，那么我们设计的任务就是在每个阶段让他能够更加有效率完成子任务目的。
图片相对不重要，因此只给出数目和链接。
2. 当图片知足需求后，我会横向阅读该包的阐明(标题)。——假如标题中包含了诸如“二手”，“18寸”等字眼，我就会放弃横向浏览，直接用一个斜线过渡到下一个产品图片。
这种galley的设计，固然能够凸起图片的影响，但是实际上倒并不便利用户做“对比和筛选”，会遗漏一些信息，因此可能会出现上高低下的反复浏览——这也许也是国外主流的电子商务网站没有把这种形式作为主要的list设计的原因，当然，这是我个人的猜想。——如果有机遇，我们会应用gallery做一下眼动仪的测试，来验证这个结论。
例如SERP搜索关键词的加粗，主要的目的就是让用户快速捉住字眼，然后判断：这是不是我要找的产品。
所以，咱们需要压服各个业务方：list页面设计的目标不是让用户浏览，做决议，而是快捷寻找，定位，断定，而真正的决策是需要用户到了详情页甚至是与供给商接洽过才干做出的。list页面的设计目的需要单纯，才不至于顾此失彼，疏忽了最重要的目的，沉积了大批的信息，反而下降了用户的浏览、对照、定位的效力。
在下面的例子中，同样是图片，却仅仅起到一个辅助的作用，当用户通过标题或者价格控制的信息不足以判断时，才会做为参考因素。
Jakob Nielsen破费的苦心用三种不同的网页进行测试，目的是为了告知我们，F型浏览在不同的网站上都是通用的，用户的F型浏览行为并不会受到网站内容和设计出现太大的不同。
但是他并未进一步分析出现F型浏览的原因，结果让很多人误认为这真的是一种“情不自禁”的行为。
纵向扫描用以对比：信息为第一维度要关注的信息，用户寻找的是最重要而且有差异化的信息，用户扫描的速度非常快。用户对比中会产生“定位”，从而产生水平阅读。
2006年4月，美国长期研究网站可用性的有名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》呈文(原文：F-Shaped Pattern For Reading Web Content)。
两者比拟，我个人认为去哪儿的表现要优于口碑网。
浏览者首先在网页最上部形成一个水平浏览轨迹,成都网页设计公司。
多少个值得尝试的举动：
5. 当价格同时满意冀望时，正常会产生一个到详情页面的点击(两个黄色区域)。
当我们脑子里已经有了这张表，并且和项目组达成共识后——达成共鸣比较不容易，但是我们可以靠用户调研、访谈、行业研究提供足够的proof来得出一个比较公道的信息优先级，那么剩下的任务就是如何更好表现这些内容。
既然用户在SERP页面的目标很清晰——找到它!
1. 出现F型浏览模式的原因是什么?它的背后是什么样的用户需求?
图片十分不重要，但是依然盘踞了黄金地位。
2. 加粗、显化能帮助用户进步效率的症结词或者信息
我认为，SERP能够满意前两个级别的需求就可以了，第三步可以放到详情页去实现。
而且，行业不同，采购类型也不一样，关注的信息维度也不一样。上周去上海建材展访谈的客户，都能够明确帮我们确认一个事实：行业特征对于SERP设计的差异化需求凸显。——这个话题当前再说。
图2：图片因素对F型浏览的影响
3. 条目设计的拓展性
也正因为如斯，F型浏览也很容易被看出很多漏洞来。比如：
因为题目位于图片上部，用户在纵向浏览时，常常被图片因素烦扰，不利于疾速阅读。
第一步：水平挪动
非典型性F型浏览——用户需求、网站设计等因素的影响
list页面如何承载多种曝光需求?
给出了无比有赞助做抉择的促销信息。
2. 帮助用户更快完成义务
3. F型浏览模式能够给我们什么启示?如何领导我们进行SERP的设计?
他第一关心的是户型和地段。其次是价格。
就电子商务网站而言，我认为可以划分三个优先级。
第三步：垂直浏览
而进一步的研讨也发现，当斟酌到网页丰盛的内容元素，比如图片时，F型浏览很轻易就被攻破。如图，你能看到一个典范的F吗?
在电子商务网站上，因为图片大多数是第一挑选因素，它有自然的上风能够帮助做取舍，因此我们的浏览视线从左上方开始，先纵向再横向，纵向和横向的用意是有着奥妙的差异的。这个稍后再说。
我认为，F型浏览不是绝对的，也不是无意识的，而是受到网站设计、用户需求、用户习惯多重因素影响。那么，我们的SERP设计，尤其是List items设计，要遵守什么准则呢?
1. 信息区块划分——遵循用户习惯和F型浏览，F型浏览反映了用户的浏览习惯，从上至下，从左至右。
像价格这样的字段，一般来说比较重要(第二优先级)，那么处置方式有两种：
我，代表着一个普通的来找租房的用户。一般的找租房的用户关怀什么?
用户的需求：这种习惯是如何养成的?我想是因为互联网用户心中有个需求：寻找某个货色。这个东西可能是详细的，比如搜索某个产品。也可能是含混的，比如浏览消息网站，我们是想扫描一下看看有没有“激发兴致”的关键词。当发现这些“关键词”后，我们会阅读更多的帮助信息以帮助决断：这毕竟是不是我要找的东西，当发现是的时候，会产生到详情页面的点击，当然发现不是的话，就会持续向下阅读，继承又一次轮回,网页制作报价。
另外，降低噪音。上面这张图，个人认为将那个跳动的旺旺图标转移到右下角的位置能够帮助用户晋升对图片和标题的浏览对比。
当词语是“兴许是”的时候，用户程度浏览以获取更多信息，当答案是否时，用户废弃水平浏览，下移阅读下一段或者下一个搜寻条目。当谜底是是时，个别会发生一个点击。如图所示:
因此，他的浏览视线即有可能是这样的——
用户的耐烦是有限度的，所以跟着扫描的进行，页面长度的拉伸，他们若找不到太多兴趣点,成都网页设计，兴趣天然会逐步消减，因此就可能造成了所谓的F型或者金三角热区。
我们能做什么?
图1：F型浏览
……
用户的习惯：从左向右，从上到下，这也是传统阅读习惯在网络上的延长。
而且，他们的观点也很有sense：
浏览者会将眼光向下移，扫描比上一步短的区域。
4. 当价格超越心理预期时(或过低时)，用户放弃此列表，视线出现Z型的下移，下移到下一条列表的标题。
我想，再这么推下去，仍是防止不了破绽百出，E出来了，F出来了，未来还会有L，I,C，Z……
但是，我又发明，除非我有意识，才可以保障是一个Z型浏览，大多数情形，我在Gallery情势展现的list上，视线浮现喷射状的，狼藉的，不法则的，我也许会被其中的某张图片先吸引到——这张图片也许是居中的而不是左上角的图片，而后再由这张图片开端，向上或者向下浏览。
一个tips是，当以gallery方式出现产品时，统一行的产品不宜过多。
只所以写这篇文章，我也因为近期在名目里碰到了一个问题：
F型浏览模式这个实践已经推出良久了，我在很多网站和BLOG上也看到过这样的分享。我在思考几个问题：
图3：F型浏览是有意识的行为
横向阅读用以判断：信息为第二维度信息，信息可以没有差异化，用户会降低扫描的速度以获取更多有用的信息，帮助自己做判定，要不要点击到详情页。
互联网用户的阅读习惯：有些像我们阅读黄页或者产品目录的方式：快速扫描的方式，捕获要害点，读短句子，疏忽长篇大论——这些是可以有定论的。
提出更多质疑，Heidi个人所得必定有一定的局限性。
为什么要用户一个一个点开去判断这到底是不是他要找的东西呢?那不是无效的点击吗?
上面出现一张掺杂了一张图片的搜索结果页(图2)，那么我想，当出现多张图片时，后果又是如何呢?
还有更多行为需要你参加：
2. 当标题里有让他say no的字眼时，其他的信息(图片、价钱、更多先容等)统统都会熟视无睹。快速纵向浏览到下面的列表。
口碑网——餐馆搜索列表页：
再看看网站设计，是如何影响用户浏览行为的。
如果设计师或者产品经理没有转达出信息优先级的概念，那么市场研究职员很可能供给出一个大杂烩，用户关心什么信息，产品图片，描写，认证，信用，价格，物流，供应商资质…………我晓得他们当然什么都关心，但是——在什么阶段关心什么是要辨别的。
第二步：获取更多信息以帮助判断。
研究人员这样诠释F型浏览：
我们假设有一个同样和我在买电脑包的人，假设他不关心颜色，不关心款式，只关心价格(很多做批发的也许是这样的)——那么他一来这个搜索结果页，会不会首先从价格所在的列开始纵向浏览，消除，选择，横向研究并下决策——放弃还是点击?这是完整有可能的。
评论：口碑给出了单个用户的评论，有失客观和公平性，会误导客户。
带着这些问题，我进行了一些材料的挖掘和尝试，进而有了更多的疑难，“浏览者都情不自禁的以“F”外形的模式阅读网页”，这句话，尤其值得质疑。因为我发现，浏览者并未是无意识构成了某种浏览行动，而是受到网站设计与本身需要的双重影响而造成的。
F型浏览给我的启发
还是早早透过景象去剖析实质，让我们早点接触F型浏览当面的起因更好。
单独成列——用户很容易纵向对比，这也是很多网站的做法。
用户的比较需要有差异化的信息,因此当用户做了一次过滤后,底本差异化的信息变为相同时,F的纵向条开始转移到另外一组信息处，比如在淘宝上搜索mp3，当我经由过滤，筛选出一组均是米奇的MP3时，图片的差别化就没有了，我的F纵向直接过渡到标题或者其他信息。
当然你可以说：那我们干嘛要分成三步呢?既然要简化工作量，罗唆让他一步完成不更好吗?
比如，在淘宝商城，切换成gallery形式。我的需求是寻找一个双肩的电脑包，图片仍旧是第一维度要关注的，因此我的视线很有可能呈现Z状，当我发现了有适合的款式和颜色的包包后，我才会扫描第二维度的信息：价格或者标题等。
第三步：研究并决策——下一步动作或者放弃。
想一下：如果标题字数太多，或者没有和下面的描述区离开来，没有做关键词的加粗，是不是会导致用户第一步筛选效率降低?
第一步：对比和快速筛选。
鉴于这个页面的主要性，良多业务部门都盼望能够在list页面做一些曝光，仅一个产品列表而言，有部门愿望能够放出公司或者产品的认证信息，有的部分也许感到没必要让用户点击到详情页，能够放出更多信息，好比公司的联系方法，产品经营方，或者生机list能够包括供应商的更多信息，比方范围，主营产品，装备跟加工能力，工艺等。
但是事实上，用户的这三步也是一个时光轴，不是在同时存在的需求，而且当我们把所有的信息都同时呈现时，反而会极大降低他完成第一步的效率。
1. 信息优先级的划分
为什么不是E而是F?因为我们看到很多眼动仪测试的图片F下面并未一只有一个水平浏览线，而是多个。
去哪儿——酒店搜索列表页：
而口碑网的表现：
3. 当快速扫描标题未出现让我say no的字眼时，我将视线落到了价格上。请看倒数第二个红色的包包，图片通过，标题通过，然而价格超出估算，于是我放弃用斜线过渡到下面的产品。
3. 当标题里有字眼满足需求后，用户会横向扫到价格字眼，做第二次判断。
单独成列的时候，我们可以错误价格进行太多视觉上的强化。
1. 超出了图片先看标题，因为标题一般会包含小区名称，户型等重要因素。
因此，我们可以把F型懂得得更加宽泛一些，这样就不用去纠结上面一横长还是下面一横长或者是两横旁边的间隔，当然也不会纠结为何F会有多条水平横线。
Heidi想要表白的意思就是：依据你的网站的用户需乞降产品特点，你头脑里需要呈现这样一个表格——里面的内容须要调剂为最合适的优先级。
第二步：目光下移，短范畴水平移动
——不然，就会是这样的：
如google的搜索list：
研究者用了几种不同的页面做眼动仪测试，得到了3张热度图，用颜色来表现浏览者目光凑集的热度，分为最热(红色)、较热(黄色)、不热(蓝色)和根本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍旧是F形状。
我们再看看口碑网，同样设计的搜索结果页的浏览视线：
对批发商来讲，由于一个产品要采购大量，普通也都是来样加工订制，不像是淘宝的现货洽购，也比拟重视长期的供货关联，因此对单品细节的关注就略微要偏弱一些，更关心供应商自身的信誉、供货才能、主营产品等。
1. 我首先只看图片——图片可能辅助我快速决断，这个包的色彩、格式、作风是否是我所要寻找的(因而倏地涌现了一条长长的垂直浏览线)。
这是我心中的F型浏览模型：
为什么下面的一个水平浏览线要短于上面的一条，而实际上我们看到的许多眼动仪图片却是下面的水平浏览线要擅长上面的一个?
重大申明一点：以上的信息优先级要视网站性质、受众需求而有不同，不能适应任何类型的SERP。比如，同样是电子商务网站，淘宝和alibaba就有很大的不一样。淘宝面向的个人买家，而alibaba.com面向的是寰球的批发商、中小型的企业采购。用户类型差异比较大，采购类型差异比较大，因此需求就不一样，关注的信息维度就不一样。
但是，list一个豆腐块状的大小，怎么能够包含那么多信息呢?
价格独自成列——异常易于二级筛选。
浏览者完成上两步后，会将目光沿网页左侧垂直扫描;这一步的浏览速度较慢，也较有体系性、条感性。
什么造成了F型浏览?
但是若做成不单独的列，就需要侧重加粗，以帮助用户纵向快速跳跃式的对比。
那么，研究人员又来弥补F型浏览了，他们说，当有了图片元素影响后，用户的浏览行为发生了改变，不再呈现F型浏览，而是出现了一个E字：
去哪儿信息层级非常明白——地段以及酒店品牌第一维度。
(责任编辑：网站建设)
搜索结果页（SERP）：不要被F型浏览忽悠了相关文章