用户浏览网页模式（精选3篇）
用户浏览网页模式 第1篇
20世纪后期,随着计算机和通迅技术的飞速发展,人类社会开始步入信息时代。信息量急剧增加、信息交流速度急剧加快,高度数字化和高度网络化成为信息社会的显著特点。以计算机和网络为标志的信息技术不仅给社会带来了巨大的变革,也从根本上改变了人们的生活方式,同时也给感观存在障碍的残疾人,尤其是盲人提出了一个严峻而迫切的问题。
2 视障用户浏览网页的需求和意义
视觉是人类信息来源的主要渠道,据统计,人类生活中大约85%以上的信息是通过视觉获得的,10%左右的信息量是由听觉获得的,由触觉和其他感觉器官获得的信息量只占极小的剩余部分。因此,视力残疾者在接受信息方面处于最不利的地位,在这方面他们是面临障碍最大、困难最多的一个群体,尤其在信息量急剧增加的当今社会,盲人的这种弱势变得更加突出。盲人如何适应信息时代的社会环境,如何跟上信息时代的前进步伐,近年来,一直是人们普遍忧虑的一个问题。然而人类社会的进步,就是一个不断突破障碍、战胜困难的过程。在这过程中,横在盲人面前的信息障碍也一次又一次地被跨跃。这其中最有代表性的是一百多年前发明的盲文点字和当今正蓬勃发展的盲用电脑技术。点字的贡献在于它第一次突破了盲人无法直接接受文字信息的障碍,因此一经出现,它便成为盲人学习和交流的主要工具。相比之下,盲用电脑技术则具有更大的优越性,它使盲人的视觉功能得到最大程度的补偿,从而使他们在信息时代能更大限度、更加自如地接受多元化的数字信息,同时也使他们能像健全人一样打字写作,与人沟通。随着盲用电脑技术的普及和推广,盲人不但没有被信息时代所抛弃,相反,那些熟练掌握电脑技术的盲人紧紧跟上了信息时代的步伐。可以说,盲人仍然是信息社会中面临困难最大的一个群体,但同时也是信息技术受益最大的一个群体。日益发展的盲用信息技术,对盲人的教育、就业及文化生活等多方面都将产生深远的影响。但是盲人要充分参与社会,关键还在于要获得平等受教育的机会。以往盲人由于受高等教育的比例低,所学专业范围小、就业领域狭窄,这样就陷入一个恶性循环。但盲用信息技术为他们的求学创造了良好的条件。未来由于有了更宽广的知识来源渠道,盲人的专业学习上将有更大的选择空间,除传统的中医、按摩、音乐外,中文、法律、外语、教育及心理学等专业也会逐步向盲人敞开大门;对于盲人来说,远程教育无疑是一种便利的求学方式,因此要大力发展针对盲人的网络教育。目前我国盲人的就业渠道也将大幅度拓宽,按摩不再是盲人的惟一选择,熟练掌握盲用信息技术将成为拓宽盲人就业渠道的最重要的武器。在文化生活方面,盲用信息技术使盲人能像健全人一样,可以看书读报、收发信息,甚至上网冲浪,孤独、封闭这些长期困扰盲人的心灵枷锁将被彻底斩断,盲人的文化生活将更加丰富多彩,他们的内心世界会有更多灿烂的阳光。信息时代,人们越来越依赖电脑,其实与健全人相比,盲人更加离不开电脑,更加需要电脑,因为它已经是盲人的第二双眼睛,它已经成为盲人生命中不可缺少的一部分。
3 目前我国无障碍浏览的现状
据统计,中国大约有6000万残障人,约占全国总人口的4.9%,其中视力残障者占14.62%。由于硬件技术、人工智能、通信技术和互联网技术的发展以及计算机图形学、软件工程、窗口系统等技术的进步,使得残障人员能够借助多通道界面更自然地同外界进行交流。
盲人一般是借助于屏幕阅读软件来进行网站浏览的,他们经常遇到的困难包括,网页图像没有文字说明而无法得知其信息、视频和动画没有文字说明而无法正确得知其目前所在网页位置等。目前,大多数网页都是高度形象化的,超文本或超媒体已广泛应用于网络节点上。在多媒体计算机上,人们可以自由地选择、加工、处理和利用各种媒体信息,靠鼠标的点击,既可打开文件、激活图片、播放录音或启动动画,也可剪贴文本、图形、图像,剪辑声音或视频,还可以变换图像、访问网络、下载文件、设计程序,但是多媒体的结合反而让残障用户无从选择。目前在我国较为流行的盲用软件主要有:中国盲文计算机系统、清华双星盲用系统、《网页之声》等,可供盲人上网浏览和查询各种信息。但这些软件系统都还没有达到听觉浏览器的要求,不能真正的满足盲人浏览的需要。
对于视力障碍者通过上述盲用软件能够将网页的文字内容转换为盲文或语言输出,通过文字到语言的转换可以帮助盲人用户接收电子邮件,语音识别设备可以让用户用声音控制一些软件。但是,仅仅有这些盲用软件还是不够的,残障用户要象正常人一样获得信息,主要还靠网站的无障碍建设即网络界面的无障碍来解决。在世界范围内,万维网协会发起成立的WAI(Web Accessibility Initiative)组织,其目标就是使Web可以被更为普及地访问。目前网站无障碍建设已成为各门户网站及政府网站关注的热点。所谓网站无障碍建设,是指网站在其发展中,在规划和建设的技术规范指导下,能够使网站适应于不同网站访问者。对于使用不同网络设备的访问者均能够顺利获得其需要信息,这些技术及思想规范统称为网站无障碍的规则。在网站的无障碍发展方面,我国的步伐显得有些滞后,中国内地目前还没有一个真正意义上的信息无障碍网站。
4 未来无障碍浏览的发展前景
实现信息无障碍已经成为全球趋势,为残障人士提供平等机会,使他们得以分享信息科技成果,是各国政府致力于达成的一个目标。我国在实现信息无障碍方面,仅仅处于初期的探索阶段。不过中国也逐渐意识到信息无障碍的重要性和必要性。目前,利用多通道界面技术完全可以实现网站的无障碍建设。所谓多通道界面是基于视线跟踪、语音识别、感觉反馈等新的交互技术,允许用户利用本身的内在感觉和认知技能,使用多个交互通道,以并行、非精确方式与计算机系统交互,旨在提高人机交互的自然性和高效性,它的通道之间可以相互补充,克服彼此的缺陷;或者是针对不同的应用采取不同的交互方式,具有强大的表达能力、自然性、灵活性和便捷性,向人与人交互方式靠拢,是智能界面的研究方向。
利用多通道技术,网页设计人员在设计网页时,能够尽量符合无障碍网页的设计,多考虑残障用户的需求就能实现。对于色盲色弱用户,设计者可以通过避免使用容易混淆的颜色组合来照顾他们的需求。由于盲人用户在浏览选择感性趣的内容时比视力正常的人存在更多的困难,这就需要网站对长网页做出标记,当视障用户浏览到长网页时标题被大声读出,盲人就会对网页的主体结构有大概的了解,迅速跳过网页中不感兴趣的部分,减少视障用户的障碍。对非文本的视频、动画影片等图像元素主要是使用ALT属性把不能看见图像的用户改为听见文本内容描述。此外,如果各门户网站能提供相应的盲用导航系统接口,盲人只需要使用听觉浏览器就可以无障碍了。互联网是残障用户了解世界的窗口,理想的界面是人们根本感觉不到物理界面的存在。
5 结语
构建和谐社会,离不开对残疾人群的关怀。邓朴方在2004年首届信息无障碍论坛中指出“在信息时代、网络社会中,不具有信息文化和技术的残疾人就将陷入困境。残疾人在新的社会形态中的生存和发展成为一个不可忽视的问题。因此,利用网络等高新技术来推进残疾人信息交流的无障碍,将会给广大残疾人带来历史性的变化”。为了构建和谐社会,推动信息无障碍建设,国务院提出了推广互联网平民化、普及化的公益口号,修改了《残疾人保障法》,提出了信息无障碍的要求。随着互联网技术的发展,今后完全能够达到无障碍浏览的要求,那时才是盲人与互联网完全亲密结合的时代的到来,也是完美的和谐社会的到来。
参考文献
[1]蒋淑君.网页界面设计中的残疾人用户可访问性分析[J].中国特殊教育,2004(1):90-94.
[2]普建涛,秦镜,王香楠,等.多通道用户界面研究[J].计算机应用,2001(5):4-6.
[3]艳青,沈模平,苏辉,等.语音超文本界面设计中的工效学问题[J].人类工效学,2003(6):48-50.
经典再读：F形状网页浏览模式 第2篇
一、尼尔森的F形状网页浏览模式
在美国长期研究网站可用性的着名网站设计工程师杰柯伯・尼尔森在204月发表了一项《眼睛轨迹的研究》报告.报告发现,人们大多不由自主地以“F”字母形状的模式来阅读网页.尼尔森指出,网页的阅读模式和人们从学校里养成的读书习惯迥异.这份研究报告是从232名读者阅览几千张网页的实验中得出这个结论的.研究者发现,读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯.这种有压倒性的阅读模式就宛如英文字母F的形状,并且包括下面三个方面:
第一, 读者的眼睛首先是水平运动,常常是扫过网页内容的最上半部分.这样就形成了一条横向的运动轨迹.这就是F字母的第一条横线.
第二, 读者的眼光略微下移,很典型地扫描比第一步范围较短的区域.这就又画了F字母中的第二条横线.
第三, 读者朝网页左边的部分进行垂直扫描.有时候,这个举动很慢而且很有系统性,这样就画了F字母中的一条竖线.
下面这三张的热度图用来表明眼睛的运动轨迹并且用色彩来显示眼光聚焦程度的高低.越高的地方,颜色越热,分别为红色(最热),黄色(较热),蓝色(不热)和灰色(没有温度),如图1,图2,图3所示.
图片来源:F-Shaped Pattern for Reading Web content,www.useit.com/alertbox/reading_pattern.html
这三张是三种不同性质的网页.第一张是一般的说明性网页,第二张是个电子商务网页,而第三张则是Google搜索结果页.其结果都显示出F字母的轮廓.在第三张Google搜索结果页面的第二条红色横线比较长,是因为排名第二的标题比较长,所以目光扫过的距离也长,所以这个F的下面横线比上面长.
二、F形状模式的意义
F形状模式对网页设计的含义很透彻,也就是网页的设计和推广要有下面五个重要考虑.
第一, 读者不会非常仔细地一个字一个字看网页的内容.很少有人通篇在看.所以,每页不一定要填充非常多的内容,也就是说,每个网页不要过长.
第二, 网页的头两段非常重要,读者们基本上最关注这个部分.所以,这两段的写作好坏能直接影响读者是否有兴趣继续待在在此页吸收信息.
第三, 将重要的关键词尽可能地及早在标题、副标题和段落的前部显示给读者.这个安排内容的方法对搜索引擎也同样重要,因为搜索引擎的阅读方式是在模仿人.搜索引擎对网页的标题和前面段落非常重要,所以,网页的优化要充分考虑这一点.
第四, 人们对搜索引擎,比如Google的搜索结果页面的反应也是F型的.在图3中,我们可以看到,人们的眼光普遍注意搜索结果的自然排名(或者叫左侧排名)最前面1～3个搜索结果,而对4～10的搜索结果是一带而过.就是人们往下看搜索结果,也是“勉强”的.换句话说,将你网站排名在搜索结果页的前一两位直接决定了你网站受关注的程度.
第五,搜索引擎竞价广告,除非能被放置在搜索结果页的最顶端和右边广告区的第一位,否则无法得到搜索者的关注.然而,获得最顶端和右边第一,往往点击的费用是很贵的.如果资金不足,只能做到右边两位以下,广告不易受到关注.另外,即使竞价广告获得最顶端和右边第一,从图上看得出,广告的关注度也远远不如搜索引擎结果的自然排名的前一两位.所以,搜索引擎优化是最能提高网站曝光度的办法.
用户浏览网页模式 第3篇
用户从网页中获取的信息有80%来源于视觉感知[1]。因此，用户对新闻网站的浏览行为直接影响用户对新闻内容的获取。充分认识并发现这一行为的规律特征，分析网页信息如何有效地布局以引导用户的视觉行为，进而提高新闻信息传达效率，便成为了新闻网站设计者们研究的焦点。
用户在浏览某一网页时，在浏览顺序、关注区域上可能存在某种特定偏好或习惯，称之为网页的视觉浏览模式[2]。这种模式的形成，一方面受到人类视觉本能特性的影响，另一方面是网页布局引导的结果[3]。此外，用户对此类网站是否有长期的使用习惯、是否有固有的认知印象等因素，也会影响用户网页浏览的视觉浏览模式。
眼动仪可以记录下人的眼球运动，即眼动。眼动仪输出的关键数据指标包括注视时长、注视点数目、兴趣区域和眼动轨迹。随着眼动研究理论的不断完善和精密眼动追踪设备的发展，眼动仪逐步应用到网页可用性测试领域。眼动仪可以记录人眼在浏览网页过程中的眼动数据，从而作为视觉浏览模式分析的依据[4]。
本文介绍了基于眼动仪的网页浏览模式分析方法，并以凤凰资讯新闻网页为示例对用户进行测试。测试过程中用户可以自由浏览网站首页，眼动仪会记录下被试的视点信息。经过分析得出用户对新闻网站的视觉浏览模式，该结论可为相关网页布局的合理性提出评价指标，并为新闻内容的布局优化提供依据，从而提升用户对新闻信息的获取效率。
1 基于眼动仪的网页浏览模式分析方法
1.1 眼动仪及眼动分析软件
本实验所采用的眼动仪为Tobii X2-30，它的取样频率为30 Hz，可以固定在笔记本、计算机屏幕或者平板上来实现紧凑、高度便携的眼动追踪解决方案，适用于针对网页的眼动实验，具有较高的灵活性和便携性。
Tobii X2-30眼动仪使用的分析软件为Tobii Studio，它所提供的数据可视化工具有热点图、眼动轨迹图和聚簇图等。热点图使用不同的颜色来呈现被试者对一张图像的关注区域，或用来展示被试在某个区域的视觉停留时间;眼动轨迹图是指在一副静态背景图上呈现注视点的顺序和位置;聚簇图可在背景图上呈现注视点数据密度最大区域。
1.2 眼动数据统计指标
眼动分析软件可以对原始的眼动数据进行初步统计，得到相应的统计指标。用于视觉模式分析的主要眼动指标[5]见表1。
1.3 网页浏览模式分析一般方法
Jakob Nielsen于2006年提出了F形网页浏览模式[5]，该研究基于232名实验对象浏览的近千张网页。研究指出，大多数情况下用户都习惯于不由自主地以F形状的模式浏览网页，这种基本恒定的网页浏览习惯决定了网页基本呈现F形的关注热度。
网页的浏览模式分析属于视觉模式分析，在眼动测量时采用的方法为自由浏览。自由浏览指的是用户在没有明确任务的情况下，对特定页面或区域进行浏览的行为。通常的实验流程设计如下[6]:
1)确定测试内容，如指定页面、特定内容和区域等。
2)划分兴趣区域，根据页面的功能布局，将页面划分为不同区域，以便后续眼动数据的分析。
3)选取实验人员，根据用户研究的相关理论，选取实验人员时，要注意人群的分布特点，尽量覆盖到网站的所有用户类型。其次，要注意区分已有用户和潜在用户。最后，视觉模式类的研究，实验人员的数量要在20人以上。
4)进行眼动实验，根据具体的网页类型和内容，设定自由浏览的时长。
2 实验设计及流程
凤凰资讯是全球领先的跨平台网络新媒体，其日均覆盖用户数(UV)超过4 700万，月度覆盖用户数超过4.3亿，稳居中国第四大门户网站(见图1)，因此采用凤凰资讯作为示例新闻网页进行实验具有代表性[7]。下文介绍该实验的具体流程。
2.1 实验设备和环境
该实验所用眼动仪为Tobii X2-30，刺激材料播放的显示器为Acer 4750G-2414G50Mnbb屏幕，14 in(1 in=2.54 cm)，分辨率为1 366×768。实验前需调整好被试的座椅与屏幕间的距离，以减少定标过程中头部位置的调整幅度。
2.2 实验对象选取
在选择实验对象时，要充分考虑以下因素:
1)目标用户群体的人口统计学特征，如性别、职业、文化程度等;
2)是否有相关新闻网站的使用经验，使用频率如何;
3)考虑到本可用性测试采用眼动实验的方式，要充分考虑被试的视力情况(对红外线是否敏感、是否患有高度近视等)。
结合新闻网站的定位，根据社会学、人口统计学等方面的理论，按照角色法[8]的定义，确定了实验对象的特征属性，如表2所示。
2.3 预实验
在正式实验执行前，首先要进行预实验。预实验有以下3个目的:1)确定自由浏览的时长;2)根据预实验结果进行兴趣区域的划分;3)发现一些眼动仪使用及实验设计上的问题并进行修正。
参与预实验的被试者共有5人，其中男生2人、女生3人，均为在校大学生，被测网页为凤凰资讯。预实验过程中，被试人员可以按照日常浏览习惯对被测网页进行无任务的自由浏览，浏览时长不限，当被测人员认为达到浏览目的后，单击鼠标结束实验。根据预实验中被试的浏览时长的平均值，将正式实验的自由浏览时长设定为40 s。5位被试者的浏览时长如表3所示。
根据预实验中5位被试人员的眼动记录得到的聚簇图，可以发现被试人员注视点聚集的区域在整个网页的上半部分，因此，对网页的兴趣区域划分采用如下方法:由上至下进行三等分，分别称之为上部、中部和下部。对其中的上部进行兴趣区域的详细划分。聚簇图及网页的兴趣区域划分见图2。
2.4 正式实验
正式实验的主要流程如下:
1)提示语，即给被试者呈现提示语。提示语设定的浏览情景为:“假设你想看看今天凤凰资讯上都有什么重要的新闻内容”。
2)呈现网页刺激材料，即播放网页刺激材料(凤凰资讯首页)，浏览方式为自由浏览，浏览时长为40 s。在自由浏览的过程中，被试人员可以模拟日常使用浏览器浏览网页的情景，可使用鼠标滚轮进行网页的滑动操作，但不能进行鼠标点击操作。眼动分析软件Tobii Studio会对每一个被试人员的眼动行为进行记录，形成一段独立的眼动录像，并记录下相关的眼动数据，便于后续的数据统计分析。
3)口头问答，即测试结束后，对被试人员进行简短的口头问答。口头问答的目的在于剔除无效样本，避免被试人员在测试过程中没有按照情景设定进行新闻内容的浏览，而是无目的性的浏览。口头问答的内容为要求被试人员复述一条在浏览过程中看到的新闻。若被试完全不能复述网页中呈现的任意一条新闻，则将此被试者数据在后续的数据统计与分析中剔除。
2.5 数据统计
数据统计采用的软件为Tobii Studio。该软件可以根据实验记录下来的眼动数据输出3种可视化工具图:眼动轨迹图、热点图和聚簇图。此外，Tobii Studio还可以导出记录的原始数据，供其他工具进行特定指标的统计分析。
3 结果及分析
本实验主要统计的数据指标有:区域首次注视时间(见图3)、区域总访问时间(见图4)、区域浏览人数百分比(见图5)、区域浏览顺序(见图6)。其中，图3～图5中的数据为有效样本的均值。
根据实验测试数据，可以进一步从区域浏览顺序、区域关注程度两方面得出用户对该新闻网页的视觉浏览模式，并对该网页布局的合理性进行整体评价。
3.1 区域浏览顺序
根据区域首次注视时间得出区域浏览顺序图，更为直观地展现用户在浏览此新闻网站时的浏览顺序偏好，如图6所示。区域上所示的数字即代表用户首次注意到此区域的顺序。
由区域浏览顺序可以得到如下结论:1)用户能够较快注意到的区域依次为“要闻区”、“导航区”、“logo区”、“图片新闻区”;2)网页中部、下部区域，用户注意到的时间较晚，甚至有用户并没有浏览底部区域。
因此新闻网页在进行页面布局时，重要新闻内容建议放置于页面的左上方，并尽量集中在页面的前1/3部分。此外，附加新闻图片的形式可以有效吸引用户的关注。
3.2 区域关注程度
衡量关注程度有两个因素，一个是注视顺序，一个是注视的时长。对应的数据指标即区域浏览顺序、区域总访问时间。结合这两个指标，可以得出如下结论:
1)用户停留较长时间的区域依次是要闻区、分类新闻区、图片新闻区;
2)用户在要闻区停留的时间要超过其他任何区域的两倍以上，关注程度最高;
3)用户能较快关注到静态广告、横幅广告，但注视时间很短，仅进行粗略浏览。
此外，热点图和透明度图也能反映用户对整个网页的关注程度，如图7、图8所示。其结论与数据指标衡量的基本一致，用户关注的部分大多数都集中在网页上部。此外，通过热点图还能够看出，用户的浏览模式基本符合F型浏览模式，对网页上部和左侧的关注程度更高，向底部和右侧的关注程度递减。这是用户习惯和网页设计引导共同的结果。
3.3 网页布局的合理性
根据以上分析，凤凰资讯的首页布局能够按照F型浏览模式对用户的视觉行为进行引导，让用户在第一时间注意到要闻区域的重要新闻，并且呈现较为持久的关注，而且能够让用户适当被图片新闻吸引，新闻内容的布局合理。
但通过上述数据也可以看出，该网页的广告内容投放效率较低。条幅广告区的注视人数百分比仅为16%，注视时间为0.11 s，图片广告区的注视人数百分比仅为37%，注视时间为0.11 s。经分析，被测网页的图片广告和条幅广告均为静态广告，并且颜色对比度与其周围区域对比度较小，因此获得的关注度较低。关于上述影响网页的广告投放效率的因素分析，仍需进一步的实验验证。
4 小结
为研究用户浏览新闻网页时的视觉关注模式，本文基于眼动仪的预实验结果，将凤凰新闻网页分成上中下3个区域，并在上部区域进行了详细的兴趣区域划分;然后设计了任务型眼动实验，通过眼动仪采集用户自由浏览该网页时的视点信息，并根据网页的区域划分对眼动数据进行相关指标统计;最后从区域浏览顺序、区域关注程度来分析用户对新闻网页的浏览模式。
本文分析得出的用户对新闻网站浏览模式有如下特点:1)用户对新闻网站的关注热度基本呈现“F”形，关注热度由上至下、由左至右递减。2)预实验反映用户注视点的聚簇集中在页面的前1/3(即首屏)，用户对页面的后1/3几乎没有关注度。3)用户对页面左上区域的浏览顺序和关注时间均远超过其他区域，该区域的新闻信息的传递效率最高。
关于新闻网页的广告投放效果、动态静态图片对用户关注度的影响，仍可做进一步的实验探究。
摘要：用户在浏览网页时,会因为视觉感知特性、自身浏览习惯及网页布局引导等因素的影响,对网页各区域的关注程度以及浏览顺序形成某种固有的视觉浏览模式。该浏览模式可为新闻网页的布局优化提供依据,提升用户对新闻信息的获取效率,并为网页的可用性提供评价标准。借助眼动仪获取用户在浏览网页时的视点运动信息。首先基于用户的浏览习惯,通过预实验将新闻网页划分为若干个兴趣区域;然后统计用户在不同区域的视点数据,以获取用户对不同区域的关注程度和浏览顺序,从而分析用户在网页浏览中的视觉浏览模式。以凤凰资讯网站为例,对用户在浏览新闻网页时的关注模式进行了分析。
关键词：眼动仪,浏览模式,网页可用性
参考文献
[1]杨雄里.视觉的神经机制[M].上海:上海科学技术出版社,1996.
[2]赵乃迪.网页布局对视觉搜索影响的眼动研究[D].上海:复旦大学,2012.
[3]陈真真.网页浏览中的前注意与注意行为及其眼动研究[D].杭州:浙江大学,2012.
[4]COWEN L.An eye movement analysis of Web page usability[D].Lancaster,U K:Lancaster University,2001.
[5]NIELSEN J.F-shaped pattern for reading Web content[EB/OL].[2016-03-03].https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/.
[6]SANTELLA A,DECARLO D.Robust clustering of eye movement recordings for quantification of visual interest[C]//Eye Tracking Research&Application Symposium,Etra 2004.San Antonio,Texas,Usa:[s.n.],2004:27-34.
[7]周婷.台网融合趋势下电视媒体网站的发展之道[D].合肥:安徽大学,2014.