网页界面信息呈现方式的设计的研究.docVIP

网页界面信息呈现方式的设计的研究 　　摘 要：为了提高用户在浏览网页过程中信息获取效率，本文将通过眼动仪实验获取被试者人眼对于网页界面信息的不同呈现方式的反应。根据人眼反应所呈现出的规律性和特点，为未来的网页界面信息呈现方式的设计提供一定的理论依据，以此创造更好的用户体验。 　　关键词：网页界面；用户；人眼；信息获取；信息呈现方式 　　0 引言 　　通过信息传达，人们了解世界、认识世界。作为一种新兴的大众信息传播媒介的网页界面，它综合运用文本、图像、声音、动画和视频等传递信息和内容，丰富了多媒体表现与互动的特点。网页界面的信息包罗万象，令人目不暇接。人们在信息获取中容易出现焦躁、视觉疲劳等现象。如何使信息更加集中，有条理，传播快捷和有效，创造一个更加舒适的信息获取体验，逐渐引起广泛的关注。 　　1 研究背景与意义 　　早期的网页界面以功能性为指导原则，基本上都是由字符组成，且字符组成的网页界面正好可以起到基本的信息传达作用。近年来，随着计算机技术、审美意识不断提高，以及商业性等多方面因素影响，人们对网页界面的设计提出了更高的要求。图形化界面的实现，使得网页设计进入了技术设计和艺术设计相互结合与“抗争”的道路。浏览国内网站，其发展良荞不齐，有些精良之作，但更多的是网页布局千篇一律、色彩搭配混乱、繁杂纷乱的版式，页面色彩华丽实则空洞无物的信息堆积，导致用户在获取信息时产生烦躁心理，降低用户信息获取效率，影响用户体验。其很大一部分原因是网页设计人员在技术与艺术二者之间的应用，偏离了适度的原则。更有甚者，在国内有的网页出现了抄袭等现象。要解决这个问题，就需要设计师重新审视自身，而非“快餐式”学习后“山寨”式量产，必须理解界面设计的内涵和特征，并以此为基础进行创造性的工作，提高网页设计的整体水平。 　　欧美、韩国和日本等国家，对网页界面设计的研究走在世界的前沿，互联网上多数优秀的网页界面模板都来源于他们。而目前国内对网页界面设计这一课题的系统研究壁较薄弱，原因有：其一，国内专门研究网页界面的专著少，一般都是在论述人机界面设计的论著里顺带有些介绍。其二，相关网页设计的书籍，大都只涉及设计程序等技术方面的问题，而较少关注网页界面设计中用户的视觉认知的重要性。因此，系统性地研究网页界面设计中与用户相关的视觉认知方面问题成为当务之急。本论文就是在此基础上展开分析与研究的。 　　2 网页界面视觉信息呈现方式 　　2.1 网页界面色彩搭配 　　白色是一个中立的颜色，常常被用作页面的背景色，印刷品中也是如此。有一个误解就是使用白色作为背景是显得单调枯燥，且没有创意。但是很多的设计师使用了白色并创作出很漂亮的设计作品，使用白色的网站中有很多给人的印象就是干净和简洁，加之结合中国书法中的留白表现形式让界面具有很高的品质。调查发现，全球十大网站中有九个（微软、谷歌、亚马逊、Facebook、雅虎、百度、腾讯、新浪）其网页界面背景色彩不约而同地使用白色。这类设计貌似很简单，但它真的是个挑战。当然也不乏其他的优秀网站使用其他的背景色，如SPARK、RIDE站就是用了黑色作为背景色，也有像Twitter网、HM等以蓝色、灰色等作为背景色。 　　对于用户来说，背景色之上的信息才是他们的迫切需求。然而在同一背景色之间，如何提高用户信息获取效率，背景之上的信息色彩的选择有什么样的标准？在国外，有专门研究网络色彩搭配的网站（如纪元），还有韩国1.R.I色彩研究所制作的网页设计配色图谱等，他们为网页设计者提供了色彩搭配参考方案。但是，这些研究大部分是构建在艺术理论基础上的，缺少科学实证作为依托。什么样的设计方式与色彩搭配方式更能吸引人们的注意力，还需要从视向心理测量和眼动技术的角度来考察人们观察网页时的眼动特点。 　　2.2 网页界面信息运动 　　在很多娱乐网站（如优酷、暴风影音等）都可以看到，其根据人的视觉运动规律，去排布重要信息的位置，以及信息切换的运动方向。然而对于画面之间切换时间的长短；切换信息运动的快慢；人们在进入下一个画面适应时间长短等方面的研究很少。 　　2.3 版面的尺寸大小与各版块疏密程度 　　对于网页设计师而言，其设计首要解决的一大难题是，在有限的视窗中，放置更多的重要的信息，而又便于用户获取信息。各大网站界面的重要板块如今也是“寸土寸金”。所以如何最大限度去控制信息板块的大小，以及信息板块之间疏密度对于信息获取的效率又有什么样的影响。大一点昂贵，密一点（看得）费力，空多了浪费。 　　3 研究内容 　　3.1 实验设计 　　第一组：以白色为背景，将网页界面信息色彩做成相应的小色块，并对同一色系进行条状排布，最后做成射线图谱，观察被试者其第一时间注视色彩，注视各色块时间长短，以及注视轨迹。第二组：实验中设置了文字、文