（设计艺术学专业论文）以用户为中心的网络界面设计研究.pdf

南京航空航天大学硕士学位论文 i 摘 要 随着互联网技术的飞速发展，世界已进入 web2.0 时代，网络界面设计也面临着用 户更新更高的要求。以用户为中心，满足用户的完美体验，让用户可用、好用，已成为 当今网络界面设计的发展趋势和必然课题。 论文在分析网络界面的特性和设计目的基础上，指出了网络界面的两个设计层次， 实现用户满意体验与产品功能的统一；引入人机交互理论、符号学原理、认知心理学、 色彩学，以及可用性工程学等作为网络界面可用性设计的理论基础。论文重点研究了网 络界面可用性的设计方法、设计程序与评价方法，以用户分析为前提，在可用性界面设 计原则和 web2.0 的设计理念指导下，给出了网络界面可用性设计的内容、特点和方法， 建立了网络界面可用性设计的程序与评价方法， 包括评价指标、 评价模型及其分析方法， 并以实例说明了网络界面可用性设计的评价方法。最后，以老年人为对象的网络界面设 计为例，综合运用网络界面可用性设计的程序与评价方法，对典型案例进行分析，并通 过设计实践验证了以用户为中心的网络界面可用性设计方法、步骤的可行性。论文为网 络界面的可用性设计提供了一种有效的途径。 关键词：关键词： 网络界面， 可用性， 以用户为中心， 交互设计 以用户为中心的网络界面设计研究 ii abstract with the rapid development of internet technology, the world has entered the era of web2.0, and network interface design is also facing with new and higher user requirements. it has become the development trend and the inevitable topic of the network interface design that user-centered, meet the perfect user experience, available for users and ease of use. after analyzing the characteristics of the network interface and the purpose of design, the paper points out the two design level of network interface so that make users experience satisfactory accord with the product function; network interface usability design is based on the theories such as human-computer interaction theory, semiotic theory, cognitive psychology, color and usability engineering, and so on. the paper focuses on the network interface usability design, the design process and evaluation methods. based on analysis of the user, the content, features and methods of the network interface usability design are given by the guidance of the interface usability design principles and design concepts of web2.0. then a network interface usability design procedures and evaluation method are established, including evaluation target, the evaluation model and analytical methods. the evaluation method of network interface usability design is explained by examples. finally, take the network interface design targeted at the elderly for example, network interface usability design procedures and evaluation methods are used for typical case analysis. the method and the feasibility steps of user-centered web interface usability design are verified through design practice. the paper offers an effective way for network interface usability design. key words : network interface, availability, user-centered, interactive design 南京航空航天大学硕士学位论文 v 图表目录 图 2.1 交互界面同心圆. 6 图 2.2 网络界面设计理论与应用. 11 图 2.3 人机交互理论分析. 12 图 2.4 符号层次. 13 图 2.5 认知过程. 17 图 2.6 网络界面的可用性设计. 20 图 3.1 feedburner 的注册界面. 25 图 3.2 belinker 的注册界面. 26 图 3.3 维基百科的外部连接. 26 图 3.4 下载链接图标. 27 图 3.5 关于必要的文字注释. 27 图 3.6 songtaste 的注册界面. 28 图 3.7 常见的 windows 视窗 . 28 图 3.8 淘宝网首页. 31 图 3.9 马斯洛需求理论层次. 32 图 3.10 圆角风格字体设计. 34 图 3.11 视觉音译 i.b.m . 35 图 3.12 “可乐”与“雪碧”的包装设计. 36 图 3.13 明快的色彩使用. 36 图 3.14 简约的导航设计. 38 图 3.15 用空白区分内容. 39 图 4.1 网络界面设计程序与评价. 41 图 4.2 网络满意度评价调查整体模型. 44 图 4.3 受访者基本数据分布. 46 图 4.4 受访者性别比例分布. 46 图 4.5 调查分析流程. 47 图 5.1 cranky 的搜索引擎 . 55 图 5.2 cranky 的搜索结果 . 55 图 5.3 “银发网”界面. 56 图 5.4 “华人老年网”界面. 56 图 5.5 金陵老年网首页. 58 图 5.6 个性化服务放大图. 59 图 5.7 图标放大图. 60 图 5.8 金陵老年网“老有所学”界面. 61 承诺书承诺书 本人郑重声明：所呈交的学位论文，是本人在导师指导下，独立进行 研究工作所取得的成果。尽我所知，除文中已经注明引用的内容外，本学 位论文的研究成果不包含任何他人享有著作权的内容。对本论文所涉及的 研究工作做出贡献的其他个人和集体，均已在文中以明确方式标明。 本人授权南京航空航天大学可以有权保留送交论文的复印件，允许论 文被查阅和借阅,可以将学位论文的全部或部分内容编入有关数据库进行检 索，可以采用影印、缩印或其他复制手段保存论文。 作者签名： 日 期： 南京航空航天大学硕士学位论文 1 第一章 绪论 1.1 引言引言 从第一台计算机产生以来，就有了人和计算机的交互操作，即有了人机界面。计算 机的发展史，不仅是计算机本身处理速度、存储容量飞速提高的历史，而且是不断完善 计算机与用户之间交互界面的历史过程。在计算机发展的早期，用户主要是少数专家， 用户界面要求人去适应计算机。而今，随着计算机的普及和互联网技术的发展，一般用 户己经壮大成为计算机网络用户的主要群体， 以用户为中心成为了界面设计的主流思想 1。 多媒体界面的出现弥补先前单一静态媒体的缺陷，引入了动画、音频、视频等动态 媒体，特别是音频媒体的引入，丰富了计算机表现信息的形式，拓宽了计算机输出的带 宽，提高了用户接受信息的效率 2。网络界面就是多媒体界面发展至今的典型代表。网 络界面的出现极大的改变了人们获取信息的途径， 多媒体技术在网络界面上的大量使用 为用户拓展了对信息表现形式的选择和控制能力， 同时也提高了信息表现形式与用户的 逻辑和创造能力的结合程度，在顺序、符号信息以及并行、联想信息方面扩展了用户的 信息处理能力 23。但是，以用户为中心的网络界面不仅仅需要存储和传输方面丰富的 信息表现形式，更需要理解各种媒体信息的含义，依照用户要求提供个性化服务 45。 结合多媒体与人工智能技术进行的媒体理解和推理的研究将有助于实现这一目标。此 外，多通道用户界面研究的兴起，将进一步提高计算机的信息识别、理解能力，提高人 机交互的效率和用户友好性，将人机交互技术和用户界面设计引向更高境界 67。相信 在不久的将来，网络界面最终能够实现智能用户界面和自然交互技术的完美结合。 1.2 网络界面的发展网络界面的发展 随着当今世界计算机与互联网的迅速发展，使用户界面设计日益受到人们的关注。 并且，用户界面设计已经从过去的人适应计算机，发展到今天的计算机不断地适应人的 需求。新一代界面以用户为中心的设计思想就是其突出特征，即以用户对界面的需求变 化为出发点，使用户界面的外在形式和内部机制都能符合不同用户的需要 1。如何提供 给用户易于识别和理解的信息，从而加快用户获得准确信息的速度，成为当前用户界面 设计中最引人注目的问题 8。 在互联网技术无处不在的今天， 网络界面设计更是成为用户界面设计的一个重要方 以用户为中心的网络界面设计研究 2 面，是界面设计又一新的扩展。由于计算机技术的迅猛发展，网络界面设计可以运用计 算机图像、声音等多方面技术手段，进行虚拟与现实的转化，提供图像、声音等多方位 的资讯，因此，网络界面设计是信息时代设计的一个重要方面，如何运用现代设计理念 对网络界面进行设计，是我们现今所面临的问题。 网络界面设计作为人们交流、沟通与传达信息的手段，引起了设计领域的巨大变革 与进步，设计作品从物质实体、真实可感的形态向非物质实体、虚拟感触的形态转变 9； web2.0 的时代， 用户与设计作品的交流由被动接受转化为主动参与 10。 这些变化归根结 底是媒介载体技术功能进步的结果。 人是一切设计所面对的主体，设计的一切活动和成果都是在为人服务的，网络界面 设计也不例外。由于互联网具有的无限延伸性，数以千计的资讯在网络上传递，互联网 的用户也遍及各个国家、民族、社会阶层。不同人群的社会、文化背景，生活习惯等等 都不尽相同，因而对信息的需求也是不同的，这也使得数字时代的界面设计更具实践性 和挑战性。 1.3 研究背景与意义研究背景与意义 1.3.1 研究背景研究背景 20 世纪 80 年代中期，首次提出了“以用户为中心进行设计”的概念，随着互联网 技术和网络界面设计探索的深入， 以用户为中心的网络界面设计成为了现在乃至未来设 计的主要趋势。以用户为中心的设计理念就是要求设计师尊重用户需求，时刻将用户放 在设计全过程的首位，强调网络界面设计的可用性，目的是为了实现人-机的自然交互， 增加界面交互对用户的亲和力，满足用户的不同层次需求，最终帮助用户完成自我实现 的需求，达到人类不断追求的理想化生活方式 110。因此，网络界面设计迫切需要引入 可用性设计方法。 今天的人们越来越崇尚自然，追求自由、情趣、个性。科技的进步，社会物质财富 和精神财富的日趋丰富， 使得网络界面设计成为提高人类生活质量及生活品位的一门艺 术 1112。当今的时代是一个感性消费盛行的时代10，在这一时代背景下，以用户为中心 的可用性设计方法对探索现代网络界面设计无疑是新的发展机遇。 1.3.2 研究意义研究意义 web2.0 时代强调的是个性，自由，共享，用户参与。网络界面的可用性必然受到特 殊重视，如何让用户感觉友好，操作简便，使用流畅，直接关系到用户对网站的喜好、 忠诚，从而影响到网站品牌树立和推广 13。因此，人们不断地探索更为自然的人机交互 南京航空航天大学硕士学位论文 3 方式和技术手段，力图早日建立起的一个“以用户为中心”的设计体系，实现智能化的 人-机交互体验 1415。本文通过对可用性设计方法在网络界面设计中应用的研究，来探 讨以用户为中心的网络界面设计的发展， 提出一套以用户为中心的网络界面设计方法程 序和评价体系。研究的现实应用意义如下： 1. 通过可用性设计方法进行设计，体现网络界面的人文关怀。网络界面通过可用 性设计，把用户的需求作为基本动机和最终目的，拉近人与网络界面之间的距 离，顾及人的心理感受和生理舒适度，实现人机交互的和谐统一。 2. 具有时代特点、情感价值、生活品味的可用性网络界面的出现，充分满足人们 情感和审美需求。网络界面可用性设计与人类的不同层次的需求联系在一起， 适应处于不断追求高层次需求时代人们的消费需求。 3. 在消费水平不断提高的今天，网络界面设计只有满足用户需求才能在激烈的市 场竞争中取胜，这就需要首先在网络界面的设计方法上有所突破。以用户为中 心的设计理念，将可用性方法运用于网络界面设计可以更明确表达网络界面定 位的功能要素，更加贴合用户需求，得到用户认同。 1.4 研究目的和内容研究目的和内容 1.4.1 研究目的研究目的 目前有关可用性应用于网络界面设计方面已有了一些研究， 但其中针对强调全面以 用户为出发点的可用性设计研究仍数量有限，对于用户的分类分群设计更是少之又少， 并且没有一套相对具体的评价体系 16。因此，本研究在对人机交互理论、符号学、色彩 学、 认知心理学以及可用性工程学等理论深入研究的基础上， 通过实例分析、 调查研究， 力求探讨出一套以用户为中心的网络界面可用性设计方法和评价体系， 以实现网络界面 的可用性设计。期望使更多的设计者认识到用户需求的重要性，发展完善以用户为中心 的网络界面设计方法，利用网络界面对不同用户发展出更多个性化的服务 1417。 1.4.2 研究内容研究内容 本文主要研究的是如何根据网络界面设计理论和方法， 分析研究网络界面可用性设 计方法、原则与程序，并以自己的设计实践来应用和验证。本文研究内容和解决的问题 如下： 1. 研究分析网络界面设计及其相关理论 通过对网络界面设计基本理论以及与可用性设计相关理论的研究， 分析研究网络界 面可用性设计应用的基础理论。 以用户为中心的网络界面设计研究 4 2. 研究提出设计理论指导下网络界面可用性设计的一般方法 在网络界面设计理论指导下， 综合研究提出针对不同用户的网络界面可用性设计的 一般设计方法和步骤。 3. 研究网络界面可用性设计的程序和评价方法 将可用性理论运用到网络界面可用性设计的分析研究过程中去， 形成了以理论架构 为支持的网络界面可用性设计方法和评价体系。 4. 研究论文提出的设计方法和评价体系对实际应用的指导作用 理论联系实际， 通过具体的网络界面设计实践检验网络界面可用性设计方法和评价 体系的合理性。 1.5 论文结构论文结构 本文从网络界面设计基础理论分析出发，探讨以用户为中心的网络界面设计方法， 从而得出一套较为完整的设计方法和原则以及评价法则。论文整体构架由两条线索构 成：理论研究和分步论证，最后得出结论并加以实例说明。 第一章为绪论，是全文结构的脉络，阐述了本次以用户为中心的网络界面设计的研 究背景和意义，对研究的内容和目的进行了概述。 第二章对网络界面设计所涉及到的理论基础加以分析和整理， 并针对可用性设计将 在网络界面设计中占主导地位的发展趋势着重阐述了可用性工程学基本原理以及在网 络界面设计中的应用。 第三章对课题提出今后网络界面设计的主要趋势可用性设计的方法和原则， 指 出了用户特征在界面可用性设计和评价中占有重要地位， 提出了以用户为中心的网络界 面设计理念。 第四章介绍了以用户为中心的网络界面设计流程和评价法则， 并且通过对用户进行 问卷调查论证可用性设计在网络界面设计中的重要性。 第五章综合运用前面章节提出的方法和原则， 选取了针对老年人的网络界面设计典 型实例进行论证与分析，并且提出了自己的设计实践。 第六章是对全文进行的总结，论述了本次研究的主要成果和创新，并提出不足之处 以及对未来的后续研究的展望。 南京航空航天大学硕士学位论文 5 第二章 网络界面设计理论 回顾人类造物历史不难看处，从人类祖先开始用劳动改造自身生存环境的那一刻 起，一种“自在”的交流关系就产生了：人与人之间的交流、人与工具之间的交流。随 着技术的进步，这种关系得到进一步拓展，产生了不同时间与空间的人与人、人与机之 间的交流。可以这样说，这种交流形式导致了“界面”这一非物质化客体的产生。随着 社会的发展，界面的发展也经历了几个不同的阶段：口传界面阶段、印刷界面阶段、机 械电子界面阶段以及软件界面阶段。软件人机界面的发展，导致计算机应用领域的迅速 膨胀，其中以互联网的发展最为显著。时至今天，网络信息技术的触角己经深入到现代 社会的每一个角落。相应地，网络用户己经从少数专家发展成为由各行各业乃至业余用 户组成的庞大群体。网络界面的设计业已成为网络技术发展的风向标。 “人” 是界面设计的一个方面， 是认识的主体和设计服务的对象， 而作为对象的 “物” 则是界面设计的另一个方面，它是包含着对象实体、环境及信息的综合体，就如我们看 见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统 思考、 文化理喻、 科学观念等的认知。 网络界面是人机界面发展到今天的一个典型代表， 既传承了人机界面发展的历史，又体现出了新的发展方向。本章详细介绍了网络界面的 特性，分析了网络界面设计所涉及的理论以及相互之间的关系，并指出在 web2.0 时代 可用性设计的必然趋势。 2.1 网络界面的概述网络界面的概述 网络界面是建立在互联网技术基础之上的特定的人机界面， 随着互联网技术的成熟 而逐渐形成其独具特色的设计体系 14。最初，互联网只是用来作为数据传输、信息连接 的以纯文字为基础的计算机工具，现在，互联网已经成为能够全面支持多媒体，能在多 种平台上运行的庞大信息服务系统。 这使得网络界面的设计不能仅仅停留在单方面传达 信息的层面上，更应关注网络界面的人-机交互性能以及在特定的网络环境下实现完美 的人-机交互。 2.1.1 网络界面的交互性网络界面的交互性 交互界面是由个体行为建立并保持的一个特殊空间。 通过建立一个空间和朝向关系 的系统，个体为自己创建了一个语境，对他人的优先权给以确认。同时，这个空间和朝 向关系的系统规定了一个视觉上可见的排列，从而建立了社会的和心理的关联性 18。 以用户为中心的网络界面设计研究 6 网络界面作为一种特定的交互界面介于人类与机器之间。人、机各自真实存在于不 同的空间：一侧是牛顿式的物理空间，另一侧是虚拟的网络空间。交流双方属于不同的 “质” ，网络界面则在这两个不同的“质”之间搭起建立在共同认知基础之上的统一的 桥梁，连接着人与人、人与社会。它反映的不是交流双方的主客体关系，而是一种等同 关系，机器不仅仅是工具，也是我们社会的积极参与者 19。 交互活动应该在指向及其应答的框架里进行的。也就是说，被赋予特殊时空轨迹的 行为一定已经受到了对方注意，即这个朝向在时空边界内是协调一致的，而且，这些行 动具有和主要轨迹活动本身同样重要的互动意义 20。当然，作用、反作用和相互作用之 间是有区别的。也许计算机永远都实现不了真正意义的交互，但新颖的网络界面将会使 系统更加契合、完整、易于操作，动态性和趣味性更强。采用了一种有趣的导航方式， 使人感觉界面根据用户选择而做出相应的动态配置。 视觉化的界面设计即便使用很简单 的技术，如根据光标位置而扩大或缩小、隐藏或翻转图像，也同样十分奏效。同时，声 音的提示无疑更提升了浏览的交互体验。此外，建立了一个文字含义的互动网络，使这 些文字根据用户的选择而飘向或远离用户，指引用户以一种创造的方式流畅浏览。 为了完善交互体验，增进人-机交互活动的和谐与流畅，交互设计师通过长期的经 验累积和反复的实践探索，创造出了一套交互设计的基本理念。图 2.1 将交互设计的基 本理念用同心圆描述了出来。 图 2.1 交互界面同心圆 从图中可以看出，能够吸引用户的交互界面至少应具备实用性和可用性这两个特 交互界面 实用性 可用性 用 任 环 积极 情感 愉悦 使用 特征 价值 体验 质量 户 境 务 南京航空航天大学硕士学位论文 7 点， 而评价的指标通常从用户的需要、 可完成的任务以及使用的环境这三个方面来考虑。 最终达到在保证用户体验质量的前提下，通过愉悦使用培养用户的积极情感，充分体现 交互界面的特征价值。 网络界面是人机界面在互联网技术盛行时代的新发展， 承担着创造完美和谐交互体 验的历史使命。所以，在进行网络界面设计时，不仅要遵循人机界面设计的一般程序和 方法，同时，还要充分考虑其特殊使用条件下独树一帜的设计因素，为设计出理想的交 互性能奠定基础，这一点将在后续的章节中作详细的说明。 基于网络界面的交互设计的根本问题在于， 人类对于机器以及对于人机关系的认识 发生了变化： 人类要与机器分享空间并要与机器相互依赖。 机器能融入我们的思维空间， 有着和我们一样的个性； 它能激发人的感情， 需要我们的注意， 并且能影响我们的记忆， 还能改变人们固有的观点。交互界面必须显示出某种程度的“透明度” ，不是一种介于 两个相异生物之间的界面，而是一种人与电脑的“共生”关系；同时还要显得令人向往， 网络界面在显示其新颖性的同时还应鼓励人们去探索更广阔的机器世界。 2.1.2 网络界面的物理特性网络界面的物理特性 网络界面是人与电脑构建平等、共生关系的平台和桥梁，作为新一代人机界面的典 型代表，网络界面有着与众不同的使用环境，这也决定了其具备的特性以及特殊的设计 因素。 网络界面的特性对于建立并保持的这一个特殊的人-机交互空间有着重要的影响， 所以，首先要了解其特性，为构建一个人机融洽的网络界面指明设计方向。从影响网络 界面交互性能的角度出发，网络界面的特性主要有以下几个方面。 1. 界面尺寸 界面尺寸和显示器大小和分辨率有关系，浏览器也将占去不少空间，留下给你的界 面范围变得越来越小。分辨率越高界面尺寸越大。浏览器的工具栏也是影响界面尺寸的 原因。一般目前的浏览器的工具栏都可以取消或者增加，当显示全部的工具栏时，和关 闭全部工具栏时，界面的尺寸是不一样的。 在网页设计过程中，向下拖动界面是给网页增加更多内容(尺寸)的主要方法。除非 能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动界面超过三屏。如果需要在 同一界面显示超过三屏的内容，那么你最好能在上面做上界面内部连接，方便访问者浏 览。 网站设计和传统的印刷品的设计在尺寸控制上是有很大区别的， 传统印刷品设计师 可以控制印刷品的尺寸，材料，保持设计出来的作品的完全一致性。做网站界面设计要 放弃对界面的完全控制，让浏览者和他的软件和硬件来控制一部分。 以用户为中心的网络界面设计研究 8 2. 设备的多样性 访问互联网的人们可能通过一台计算机访问网站，也可能在用一个 webtv，可用笔 点击的手持式设备，或者是移动电话，可能他们汽车的一部分就可以连接互联网。在传 统设计里，笔记本电脑和高端工作站屏幕的区别可能只有六种。 任何一个网站设计在不同的浏览者那里看起来都大不一样， 看上去不同成了网站界 面设计的一个特点。 3. 用户控制导航 在传统的界面设计中，设计师可以控制用户什么时候可以去哪儿。不想让某个部件 工作，可以让它无法操作。在网上，浏览者控制了大部分使用网页的行为。他可以通过 他自己的方式获取信息而不受设计师的影响。比如，用户可以从搜索引擎直接进入网站 内部，而不必经过首页。用户还可以控制他们自己的收藏夹，给自己搞一套自己感兴趣 的界面都收藏在一起。大本分人在网上，都在不同的网站之间，之间跑来跑去，有很大 的流动性。浏览者经常通过超链接从这个站跳到那个站。这样对于浏览者的感觉，所有 的网站是一个整体，而不是一个一个的网站。用户这样的上网习惯需要每一个网站的使 用习惯都是近似的，都是对整个网络使用习惯的一部分。有些网站的信息显示方式设计 的太奇怪，对浏览者来说是不好使用的。网络已经变成了一个整体，每一个网站都是这 个整体的一部分。 4. 传输速度 界面设计的视觉部分，一定不能以牺牲网页下载显示速度为代价，图形和动画是网 站中最主要造成传输速度缓慢的文件，现在即使宽带在快速的普及，但是还是应该照顾 拨号上网的浏览者。在保证所需清晰度的条件下，尽量压缩图形文件大小。 充分的了解网络界面的特性是进行网络界面设计必不可少的知识储备，互联网技术 的发展日新月异，这也使得网络界面的特性随之不断变化，优秀的设计师应当紧跟当今 技术革新的脚步，加速知识更新，时刻站在潮流的最前端。 2.1.3 网络界面的两个设计层次网络界面的两个设计层次 网络界面的功能是为了给用户提供产品服务，这是网络界面设计的根本目标，如何 让用户轻松的完成产品使用是目前网络界面设计追求的目标。 只有让用户满意的网络界 面才能实现其最根本的目的， 但是若要以削弱产品功能为代价来简化用户操作是不可取 的。这需要设计过程中为这两个目标寻找一个平衡点，在不牺牲产品性能的条件下实现 用户的愉悦使用。以浏览器为例，浏览器为用户提供操作平台，丰富多样的浏览器种类 为用户带来了不同风格的浏览体验， 网络界面开发平台可以运行于任何浏览器， 相应的， 南京航空航天大学硕士学位论文 9 网络界面的设计也需要符合这些浏览器的要求。笔者选取了时下最为流行的六款 ie 内 核浏览器对界面设计的各项性能参数进行了分析和比较，并且列出了用户的使用评价， 如表 2.1 所示，其中五角星（）的数量越多表示浏览器此项性能指标越好。 表 2.1 六款浏览器界面性能比较 界面 性能 green browser green browser the world 腾讯 tt opera ie7 浏览器 maxthon2 the world 腾讯 tt opera ie7 浏览器 maxthon2 界面 美工设计 按钮设计新 颖独特 面板简洁明 了 和保持 了一致风格 中规中矩， 面板设计有 些乱的 设计结合了 众多优点 没有太大的 改进和提高 界面载入 可以按需要 进行选择 一般 很符合国人 习惯的设计 有较好的优 先载入方式 与数据量紧 密相关 图片和声音 的分离方式 搜索功能 一般的应用 尚可 设计不够人 性化 还在改进中 集成了第三 方的搜索引 擎 有着微软得 天独厚的优 势 可以自行选 择的进行 收藏夹管理 智能导入导 出书签 和功能 类似 和功能 类似 智能导入导 出书签 最基本的功 能 设计人性化 安全性 多重的反间 谍软件功能 一般 和qq一样存 在一定的隐 患 独特的反网 络钓鱼功能 漏洞相对减 少了很多 有开放式的 保护 广告过滤 无 防弹出防网 络广告功能 有基本的广 告过滤功能 用户自定义 功能 只有系统自 带功能 广告过滤插 件强大 多页面浏览 一般 一般 较完善的浏 览功能和速 度 正是它的一 个特色 有一定新的 改进和提高 使用较方便 容错兼容性 可自动报错 可重复报错 兼容大多界 面格式 容易出错 比 ie6 有显 著提高 显示成功率 较高 内存占用 较少 较多 少 较多 较多 较多 用户 使用评价 功能非常强 大。尤其是 它的在线存 储 rss、 书签 和 密 码 功 能，非常实 用。单页面 内存占用很 少。 外观设计比 较简洁，广 告拦截能力 不错，缺点 是 不 支 持 rss 服务。 总体功能和 外观设计上 均属上乘， 且是无论界 面打开速度 还是总体系 统资源占用 率方面都名 列前茅 功能十分强 大，但界面 设计显得杂 乱，广告拦 截能力强， 系统资源占 用 方 面 与 maxthon 类 似。 有不少新颖 的功能。界 面浏览速度 和系统资源 占用率不占 优势，对广 告窗口的拦 截功能相对 比较落后。 使用人数再 不断增加， 功 能 较 丰 富，但界面 无特点。整 体的资源占 用率还算不 错。 通过以上的分析比较可以得出，为了实现网络界面的两个目标，应当从设计的角度 把网络界面开发划分为两个层次:用户界面元素的设计和交互操作的设计。 1. 用户界面元素的设计 用户界面元素是指一些具有特定功能和操作方式的可视化图形对象。 在不同的应用 系统中，有不同的用户界面元素。在浏览器中，用户界面元素包括浏览窗口、图形图像、 以用户为中心的网络界面设计研究 10 表格、链接、框架、表单、按钮、对话框等。有关网络界面开发中采用的一些主要的界 面元素及其相互之间的关系在第三章中做了具体介绍。 2. 交互操作设计 交互操作设计是指用户如何通过输入设备和各种界面元素， 实现人机交流信息的目 的。由于网站开发平台是在 www 浏览器下运行的，交互的过程是通过表单块提交操作或 链接方式来完成的，即用户通过鼠标和键盘在界面元素上触发相应的事件，软件接收到 事件后，作相应的处理，然后将结果通过界面元素或其他途径反馈给用户。交互设计的 关键在于如何利用各种界面元素，定义自己的交互操作规范并进行管理。在网站开发平 台中，主要采用了上面讲的表单块的交互管理和链接的交互管理。 网络界面设计的这两个层次相辅相成，相互影响。用户界面元素的设计是为了实现 用户满意体验之一目标；而交互操作设计最终是为了实现产品功能之一目标的。同时， 二者也是相互渗透的， 用户界面元素的设计要考虑到交互的过程要通过用户界面元素来 传达，不能损害交互性能；交互操作设计要利用界面元素定义交互操作规范，不能影响 到用户使用时的体验效果。 2.2 网络界面的设计理论网络界面的设计理论 追寻历史发展的轨迹可以清楚地发现， 每一次技术革命的爆发都与社会的发展动态 有着密不可分的联系。也就是说，技术革命不仅仅是技术的变革与创新，同时受到了社 会的意识形态、价值取向等上层建筑的深刻影响。技术的变革也就是一次社会的变革。 互联网是新一轮技术革命的产物，网络界面亦成为了展现社会意识形态的窗口。新 兴的网络界面设计理念成为了大众关注的焦点。 以用户为中心的设计思想顺应了 web2.0 时代设计理念，强调了可用性，同时也继承了传统的设计精华。因此，网络界面设计所 扎根的理论既有经典的设计理论又有独特的理论创新。 人机交互理论是任何人机界面设计所必须的理论支柱， 它为网络界面设计搭建了一 个最坚实的基础。网络界面是面向用户提供产品的，因此，分析研究用户心理是产品开 发的前提，认知心理学为准确分析用户提供了理论依据。图像的直观性使其 web2.0 时 代的网络界面设计中备受青睐，设计力求用图像代替文字来完成信息传达，以减轻用户 的负担，这就不得不学习符号学原理，探索奇妙深奥的图像世界。不同的色彩能够表达 出不同的感情，美妙的图案也会因为失去了色彩而变得灰暗，在这个追求情感表达的时 代，色彩无疑是一个绝好的表达手法，色彩学原理在网络界面中的应用使得网络界面更 加趋于人性化。 web2.0 追求网络界面的可用性， 所以上述理论的应用都必须完成可用性 这个共同的目标， 可用性工程学为这些理论提供了一个实现共同目标的实践指导。 图 2.2 南京航空航天大学硕士学位论文 11 描述了上述理论在网络界面设计中的内在联系及其应用的关系。 图 2.2 网络界面设计理论与应用 2.2.1 人机交互理论人机交互理论 人机交互 chi(computer human interaction)，国际上也称(hci，human computer interaction) 交互性原理包括交互方式、交互技术、交互设备、交互软件等 21。人机 交互理论以认知科学为理论基础，人机交互本质上是使用者认知过程的反映。以使用者 为中心的人机交互应研究使用者的认知过程与认知规律，根据使用者的感知、记忆、思 维、推理、决策、反馈等认知特点，构建使用者认知模型，提供符合使用者认知需要的 界面，构建符合使用者个性化特征的交互模型，动态提供支持使用者交互风格的交互手 段。图 2.3 是人机交互理论在网络界面设计中应用实现的关系图。 网络界面是一个基于互联网技术的人机交互界面，在网络界面的设计中，实现自然 和谐的交互手段是网络界面可用性设计的一个重要方面。人机交互本质是用户认知过 程，人机交互理论是以认知科学为理论基础；人机交互系统是一个闭环系统，人机交互 研究是以系统科学作为人机交互研究框架的方法学；同时，人机交互是以信息技术作为 用户界面的技术基础，通过信息系统的建模、形式化描述、整合算法、评价方法以及软 件框架等信息技术最终实现和应用人机交互理论。 人机交互理论 符号学原理 认知心理学 色彩学 可 用 性 工 程 学 指导交互设计 提供个性化交互手段 构建图像 传递信息 用户分析 构建认知模型 传递感情 应用 以用户为中心的网络界面设计研究 12 图 2.3 人机交互理论在网络界面设计中的应用 首先，用户会遇到记忆中的一些感受，这些感受被有意识或无意识地过滤，然后他 们试图理解这些感受。过去的经历会影响他们如何看待事物，并帮助他们做出决定。根 据他们看待事物的观点，用户会做出某种行动或不采取行动，这又会带来更多的需要解 释的感受。这个简单的行为反应行为的环节显示如下：不要认为人的行为可以公式 化，如一定的刺激会导致一种特定的行为。人是很复杂的。人类可以学习，他们记忆的 信息可以用来改变他们所做的事。甚至人不是完美的，会出现错误，如不正确的记忆。 不同的人对刺激的感受不同。每个人所看到的颜色都不是完全相同的。 “交互设计是一门新学科：一种美学与文化、技术与人类科学的融合。它关注如何 设计技术可能提供的服务，也关注我们与之交互时的体验质量。 ”人机界面是用户去体 验新技术的平台,是保证以计算机为基础的产品和服务被社会所接受的重要因素,因而 人机交互在信息社会中扮演了非常关键的角色. 2.2.2 符号学原理符号学原理 符号是一个抽象的概念。 它往往通过视觉刺激而产生的视觉经验和视觉联想来传达 其形态包含的内容，表达某些含义，如字母、电码、语言、动作等一切能构成某一事物 标志的都可称为符号。如图 2.4 所示，符号可划分为语言符号和非语言符号两个层次， 其中，非语言符号又分为视觉符号和非视觉符号，在网络界面的设计中通常采用视觉符 号来传递信息，并且越来越趋于使用简洁明了的图像符号代替文字，使界面更易用。 认知心理学 人机工程学 虚拟现实技术 多媒体技术 人 机 交 互 应 用 实 践 人 机 交 互 技 术 理 论 理论 基础 技术 基础 认知理论 交互模型 个性化模型 构建模型 南京航空航天大学硕士学位论文 13 图 2.4 符号层次 在交互界面的设计中， 非语言符号常常对界面的风格以及可用性产生更为重要的影 响。非语言符号又可以分为视觉符号和非视觉符号。视觉符号之所以可以辨认，是因为 它或多或少地“像”它所代表的事物或与某种行为相关联。人们常用联想比喻把象征符 号固定于心理感觉之中，以线条为例，线条是人类大脑对现实物象的归纳、提炼后，用 来表现自己眼看到的事物的一种造型语言。线条在其象征功能方面是将人情感的外化 迹化 21。首先，线条能够表现出物体的立体与平面。例如，两条线相交所构成的角 形， 可以被认为是某平面的边界， 而另外加上第三条线可以在画面上造成立体感。 其次， 线条还能反映焦灼与畅达的心理。粗重干涩的线条给人感觉心绪苦涩焦躁，而柔滑光润 的线条则让人觉得舒畅放松。此外，线条能自如描绘形态与质感。线条的疏密、浓淡、 长短等线条形式可以表现出多姿多彩的物质形态。例如，在山水画中常采用丰富的线条 形式来表现山石、树木等自然物象的阴阳、向背、凹凸等不同的形态和质感。最后，线 条还能营造出远与近的视觉感受。轻柔淡彩、逐渐变化的线条带来无限延伸的感受，均 匀厚重的线条让事物真切可触。例如，在山水画中常用逐渐淡化的线条勾勒连绵不绝的 山脉，即用有限之笔达无限之境。不同的符号要素可以通过各种不同的组合，产生丰富 的形体，用以表达无以计数的变化和感情。 符号负载信息，传递信息。它是事物特性的表征，是认识事物的一种简化手段，人 们在符号系统中达成相互理解，相互沟通。在此意义上，符号无疑是信息的工具。图形 建构符号，符号建构信息，透过其传达与接受的互动而生成意义。 如何将符号学溶入网络界面设计之中，传达信息，需要设计师对界面的功能作细致 研究， 对精神功能正确理解。 设计师不仅仅是形式的创造者， 更重要的是信息的传送者。 界面形态是满载信息的传达媒介，设计师所赋予界面的形式因素(如造型、色彩等)，积 淀了人类长期的经验，直接影响人的情绪变化，并伴随着丰富的联想和想象。使用者的 气质、年龄、性别、教育、职业等都会导致个体心理结构的差异。每个人对同一形态会 非语言 符号 语言 符号 非视觉符号 视觉符号 非图形符号 图像符号 语音符号 文字符号 符 号 以用户为中心的网络界面设计研究 14 产生不向的联想，对界面的目标诉求也各不相同。在符号和事物之间存在着表征与被表 征、理解与被理解的关系，视觉符号被看作某种事物的记号。符号与已知的事物相关， 与它所指对象的特性相关。当受众以其文化经验去理解图形中的符码和符号时，它也包 含了一些对此图形的个性的理解， 不同文化背景和经验背景对于同一图形可能会产生不 同的意义解读 22。任何语意都只在一定范围内被理解，只有符合特定背景的符号才能被 接受