不同布局网页可用性的眼动研究.doc

PAGE PAGE 2 不同布局网页可用性的眼动研究 摘要：网页可用性是指在特定的使用环境下，一个站点可以被一组用户有效、高效且满意的使用以达成某个目标所能达到的程度。研究采用眼动跟踪技术，结合认知心理学相关理论探讨计算机视觉界面中不同网页布局下的视觉有哪些信誉好的足球投注网站策略问题。并对网页可用性设计提出了一些建议。 关键词：网页；布局类型； 可用性 1 引言 在科技、信息高速发展的 21 世纪，网络作为高科技与信息交互式媒介的产物，成为人类生活中不可或缺的重要连接纽带。人们通过各种研究得到各类成果，从而为更好的制作网页提供理论依据。网络技术的发展使数字成为一种桥梁，产生了网络化传播系统和结构，成为继报纸、广播、电视后的第四媒介。随着时代的发展，网站建设已不仅仅是一项技术，网页的可用性研究，日益被网站建设者所注重。然而如何吸引和引导消费者和阅读者去准确的获取相关信息，就涉及到了可用性研究于具体设计过程的结合。 设计网页的第一步也是很重要的一步就是设计网页布局。就像传统的报刊杂志编辑一样，我们将网页看作一张报纸、一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编辑，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理与普通书刊的版式设计原理是相通的，只要领会要点，就能举一反三。在网页设计中也应注意到它们的不同的特点，书刊尺寸是以开本为单位，而网页是以分辨率为尺寸单位的。书刊是纸印刷品，而网页是无纸印刷的电子书刊（即数据流）。设计者具备充分了解网页设计的特点，才能合理安排设计版面布局。 当前在网站和网页设计方面，国内外的设计师开始考虑可用性分析在网页设计中的应用。在国内，网页设计师在设计网站和网页时也或多或少的意识到这个问题，并将一些可用性分析的方法应用到实际的作品创作中。但是从目前来看，只有少数设计师和理论研究者注意到了这个问题，多数人还是进行心理学﹑认知心理学﹑和网页设计学单方面的理论研究，至于真正上升到理论层次，讨论相关的交叉性理论书籍和文章更是寥寥无几。 一些研究者根据理论知识对网页的设计提出了一些建议，但是对网页的某一要素，重点进行量化分析，从而得出可用性评价的研究还是很少。所以此问题的理论研究目前还处在摸索探讨的阶段，其探讨性的空间是很宽广和深远的。 本文从网页布局入手，针对不同布局的各自特点，通过实验，详细记录分析了被试在观察不同布局网页时注视时间，注视点个数，首试象限，扫视路径长度等指标。结合具体的实例，对不同布局的可用性特点进行了分析。 1.1网页布局现状 网页布局就是以最适合浏览的方式将文字、图片和动画按照一定的形式美的法则，遵循一定的视觉规律，放在页面的不同地方。除传达信息外，还能给人美的享受，引起浏览者的共鸣。 Richard Douglass在他的研究中提出现在的网页布局大致可分为π型、拐角型、左右框架型、上下框架型、综合框架型、Flash型。国内的学者结合中文网页的特点提出中文网页大致可分为“T”型布局、“口”型布局、对称对比型布局、POP型布局四种。并对这四种布局下了定义： “T”型布局：所谓“T”结构，就是指页面顶部为横条网站标志式广告条，下方左面为主菜单，右面显示内容的布局、方式。这种布局的优点是页面结构清晰、主次分明，是初学者最容易掌握的布局方法。缺点是较为呆板（如下图）： “口”型布局：这是一个形象的说法，就是指页面上下各有一个广告条，左面是主菜单，右面放置友情连接等，中间接主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤、不够灵活。(如下图：) 对称对比布局：它是指采取左右或者上下对称的布局，一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。(如下图：) POP 布局：POP 引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，优点显而易见：漂亮且吸引人。缺点是速度慢，但作为版面布局还是值得借鉴的。(如下图：) 结合众多成功的网页，研究者发现网页内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计，所以，不能单独考虑网页的内容的排版，随着网络的迅速普及，网页设计技术的高低已不再是判断网页好坏的唯一标准。一些构成网页的基本要素如网页布局、色彩搭配、字体大小等越来越引起了人们的注意。利用科学方法对其进行研究也显的格外重要了。 2.网页布局可用性的研究进展与相关技术 2.1网页可用性研究进展 2.1.1 UMM模型 国外学者针对网页可用性评价提出了UMM模型。UMM可用性成熟度模型，（Usability Maturity Model），它是ISO15504标准的一部分。它的宗旨就是从软件开发的组织体制上真正实现以用户为本