1、1网络课程设计中界面媒体元素布局及信息获取效果关系探究【摘要】在网络飞速发展的今天,信息获取的来源开始发生变化,网络已经成为信息的重要来源,人们面对的信息界面也由传统媒体单一的文字呈现方式变成现在由文字媒体、多媒体、流媒体、动画等形式的组成来呈现,界面的布局形式的多样性和丰富性大大改变了信息获取的模式。该研究以网络课程中界面布局作为研究对象,分析影响信息获取效果的因素,以期了解界面布局对大学生在网络信息获取效果的影响,希望为信息传递界面的设计提供有益的建议。 【关键词】大学生;信息获取;界面布局 【中图分类号】G40-057 【文献标识码】B【论文编号】10098097(2010)030087
2、06 一 引言 随着科学技术的不断发展和社会信息化的进步,人们获取信息的手段也变得丰富。在关于人类的信息获取方面,以网络技术、通讯技术以及计算机技术为代表的信息技术,实现了从传统的物理空间向虚拟的电子空间的革命性转移。界面媒体元素的组成也由传统媒体单一的文字呈现方式变成现在由文字媒体、多媒体、流媒体、动画等形式的组成来呈现。大学生做为一个特殊的群体,他们有着在网络的应2用和信息获取方面得天独厚的优势。现在的他们使用着最新的软件,交流着最新的思想,引导着最前言的时尚,他们是伴随网络成长的一代,垄断着网络上的话语主动权,他们跟成年人相比,更多地利用网络获取知识,高校信息化建设使网络课程和资源越来越
3、丰富,校园网的发达为学生上网提供了极大方便,大学生对对网络学习的敏感和接受能力十分强。本论文主要是以网络课程中网页界面媒体布局如文字色彩对学习的影响以及界面的布局设计对信息获取效果的分析,以期获得界面媒体元素的布局模式与知识学习和信息获取的相互关系。 二 概念界定 1 界面 我们探讨网络人机信息交换的一个策略就是要考察这样一个“界面” 。界面存乎于人类和机器之间,互相排斥而又互相依存,将两个世界彼此分离又互相联系。通过这个界面点击鼠标和键盘,新闻、广告、影像、音乐通过界面将赛博空间和牛顿空间联系起来,高品质的界面有助于消除两个世界的差异,同时改善两个世界的关系。界面成为人和机器之间最直接的交流
4、平台。 2 界面元素 界面是用户和机器交流信息的通道,它同时融合了多种3媒体表现形式。通常我们所看到的界面媒体元素包括文字,动态文字,口头陈述、图表、图像、声音、照片、动画、录像、电视、电影等。每种界面元素都有自身的特点,我们可以根据其不同的特点在特定的环境中使用,使得信息用户更容易接受。 3 信息获取 信息获取是信息用户由于自身的信息需求而主动进行的信息搜索、比较、研究和吸收的行为。这种行为受到本身信息结构组成和信息素养的影响,同时也受到信息源不同表现方式的影响。信息获取的一般过程包括信息的输入、感知理解和加工存储。 4 短时记忆 短时记忆是指一分钟以内的记忆。例如,你从朋友那里听来一个电话
5、号码,马上根据记忆来拨号,过后就记不住了。另外,听课时边听边记笔记,也是依靠短时记忆。短时记忆的容量很小。短时记忆的广度一般来说是 7 个,可以是 7 个无意义的音节,7 个毫无关联的字、词等等,单位可以不同。 三 理论依据和问题提出 1 理论依据 (1) 界面媒体的布局原则 关于界面媒体元素的布局目前没有成型的理论做为支持,但是也有人提出了相关的设计和布局原则,通过整理,我4们可以得出以下几点作为我们设计时应遵循的原则:(1)媒体的多样性原则;(2)时间和空间的紧凑性原则;(3)简练原则;(4)人性化原则;(5)个体差异原则。 (2) 威尔逊的信息需求模型 威尔逊的信息需求模型(图 1)最初
6、是与埃利斯的信息查寻行为联系在一起的。该模型充分揭示了导致个体信息查寻行为发生的身心及内外环境影响的种种因素,即影响信息需求产生的种种因素。关于“信息需求”,威尔逊有这样几个观点:(1)信息查寻行为的根由是“信息需求” 。而需求作为个体的一种主观体验,仅仅发生在处于需求状态中的人的内心世界。一个旁观者是无法直接领会的。(2)信息需求源于认知上的不和谐,而减少不和谐的方式之一就是寻求信息以支持现有的知识、价值观、信仰或为改变这些找到充足的理由。(3)信息需求并非是最原始的需求,而是第二层次的需求,它源于更为基本的需求。基本的需求可以定义为生理上的、认知上的、情感上的需求。1 (3)色彩心理学 色
7、彩心理学理论,色彩搭配在网页设计中起着重要的意义,不同色彩有着不同的含义。色彩搭配方式能给人以不同的心理刺激,从而产生不同效果。色彩心理学就是通过视觉来实现的一种信息传播,视觉信息是借色彩构成所引起的视知觉形成的,色彩心理学在视觉传达中的应用旨在通过这方5面研究成果的应用,提高视知觉的目视性与判读性,使这种信息传播变得更加明晰有效。2 (4)短时记忆的位置理论 该理论认为,顺序通过每一项目与它在序列中的位置联系起来进行贮存,并把每一位置作为与之联系的项目的线索进行提取。序列中一个项目的位置能独立于它周围的项目进行限定,只要恢复适当的位置线索,不需要提取临近的项目就能对中间的项目进行提取。位置理
8、论使用的是位置项目联系,而非联结理论中的项目项目联系及顺序理论中假设的中心点间的联系。位置理论提出,事物的不同排列顺序会对短时记忆产生影响。3 2 问题提出 信息飞速变化的今天,如何在最短时间能掌握和接受准确的信息成为了信息用户最关注的事情。除了信息用户本身的知识结构组成的原因以外,界面媒体元素的布局也显得非常重要。本次研究主要是通过对界面媒体元素进行不同方式的布局来测试用户信息获取的效果,提出影响信息获取的因素,促使信息提供者改进原有的界面布局,从而提高信息获取的效果。由于影响信息获取的原因很多,我们可以提出以下几点假设: (1)不同颜色的文字对信息获取效果有直接影响 (2)在界面布局中有多
9、媒体元素的界面信息获取效果优6于无多媒体界面 (3)带有声音视频元素的界面比有图片元素界面的信息获取效果要好 (4)界面媒体元素的布局有序无序会影响信息获取的效果 四 研究设计 1 研究对象的分析 本研究的对象以在校的大学生为主。网络介入教育领域,单一的校园式教育受到挑战,在这种情况下,网络学习行为已经深入大学生的学习生活,大学生也已经接受从网络中获取知识和信息这一途径。 2 研究过程 本次研究根据现有的界面布局设计原则,按照界面布局要注意的几点来进行。通过阅读现有的参考资料和文献,我们在前面应经提出了在界面布局时我们遵循的几个原则:(1)媒体的多样性原则;(2)时间和空间的紧凑性原则;(3)
10、简练原则;(4)人性化原则;(5)个体差异原则。 根据现有的理论依据进行设计5,测试界面可以通过表 1 来进行说明: 对于信息获取的效果可以从多方面进行测试和评价,限于现有的设备条件,我采取了通过短时记忆来测定信息获取7的效果。信息获取效果我们认定为是被试在浏览所提供界面时获得的信息量和准确度,通过紧随其后的测试问卷获得。短时记忆在本实验中的优势:(1)测试的结果可以在短时间内得出。(2)对测试设备的要求不是很高。(3)进行测试的时间不会太长,有利于实验的顺利进行。 实验流程:(1)测试界面的设计,在前面我们已经提到过测试界面的类型和其依据的理论,所以这里就简要带过。(2)网络问卷的设计,问卷
11、是根据界面所包含的信息和知识所确定的用于测试被试知识的获取情况。问卷设计时选择了网络问卷设计网站 http:/www.省略/进行在线设计和发布。(3)人员的选择,在校大学生是本次研究的主体。(4)测试界面的发放,利用网络直接将测试界面发送给参测人员。(5)数据的收集,提供网络问卷的网站不仅可以将所有结果以图形的方式统计出来,还能将数据以 excel 表格提供给我,这样对我的后期数据分析处理提供了很大的便捷性。 实验影响因素分析:(1)人为因素,人为因素的产生主要是由于参加测试人员的自身情感因素产生的,这种因素对实验结果的影响是非常大的。(2)设备因素,本次研究主要通过网络来进行,所以当网络发生
12、故障时,测试就要暂停。(3)材料因素,用于测试的材料好坏直接影响实验是否能顺利进8行。 针对上述可能会影响实验结果的三项因素,我们可以采取以下三种控制措施:(1)积极、耐心地向用户讲解实验的要求,实验过程注意事项,稳定实验时的情绪。(2)在网络环境比较好的时间段开始测验。(3)在选取测试材料时我们要注意材料的可对比性以满足我们的测试要求。 3 统计方法 由于网络问卷的特殊性,所以参加问卷调查以后的数据结论可以直接生成条形图、饼形图或者线形图。这可以作为直接说明性数据。考虑到可能还要进行、差异程度的检验和因素分析,所以用本研究后期也会采用 SPSS13.0 for Windows 进行数据录入和
13、统计,分析类型主要为百分比、卡方检验和量表分析。 五 数据分析 参加本次网络问卷调查的人数总共为 136 人,回收 121份,排除其他的人为因素,我觉得这次统计的数据还是比较科学的,本次调查进展得比较顺利,数据结果基本上能够科学地反映界面媒体元素布局对信息获取效果产生的影响. 1 文字色彩对信息获取效果的影响 假设在白色背景下,黑色、红色、蓝色字体信息获取的效果不同。实验设计:本实验以白色为背景,文字颜色分别选取黑色、红色和蓝色,先将测试界面发送给测试者,五分9钟以后发送网络问卷的链接。 结果分析:数据进一步分析,得出所测卡方值大于理论卡方值,P 值=0.09050.1,得出不同颜色的字体在信
14、息获取效果上存在差异。通过表一对比我们发现,带有色彩的文字信息在相同的背景下比没有带色彩的信息获取效果要好。网络界面的首要功能是信息的传递,文字是界面组成的一个重要元素。界面中的信息种类繁杂,所以如何突出文字信息的主要内容是很重要的。一般情况下,我们可以通过调整文字的大小、粗细、字体来实现,而这次研究我们知道在相同的背景下,改变字体的颜色对信息获取的效果也会产生影响。由于文字的色彩多样性,在这次对比实验中我用白色作为背景色,而字体的颜色我选择黑色、红色和蓝色。 白色背景与黑色文字搭配时,信息获取的效果比其他两种颜色要好。通过阅读颜色对眼睛疲劳的文章后我们发现,黑色字体与白色背景搭配时文字的反射
15、率很高,容易被注视,信息更容易被用户理解,最有助于短时间内的信息获取。白色背景与红字搭配,由于红色字体色度过于强烈,虽然引起用户的注意,但是时间不够长,信息获取的效果也不如黑色字体。由于白色背景和蓝色自己的色彩反差不大,所以信息获取的效果在三者之间是最小的。4 2 图片对信息获取效果的影响 假设带有图片元素的界面布局信息获取效果要比没有10图片元素的界面好。实验设计:本实验以白色背景黑色字体的界面布局作为对照组,在原有的界面布局上嵌入图片元素作为实验组,先将测试界面发送给测试者,五分钟以后发送网络问卷的链接。 结果分析:从图 5、图 6 和表 3,的对照实验中我们可以看出,有图片布局的界面信息
16、效果要优于没有图片的界面。但是通过分析我们发现两者的差异性不是非常大,造成这种结果的原因可能由在设计时图片元素不是非常多,界面包括的内容也不多引起的。通过现有的研究我们知道,在界面布局中插入图片元素的时候测试者的注意会被图片吸引,他们先会关注图片然后进行文章阅读,从而强化了测试者短时间的记忆,提高信息获取的效果。在平时设计界面布局时候我们可以适当地增加与文字内容相关联的图片,提高信息获取的效果。当时,在研究的过程当中我们也发现,并不是图片越多越好,当图片越多,信息用户的注意点比较容易分散,往往会导致信息获取效果的下降,所以在界面元素布局中,我们提倡图片元素要适度,达到图文并茂的效果就行。 3
17、视频媒体元素对信息获取效果的影响 假设带有声音视频元素的界面要有图片元素界面的信息获取效果要好。实验设计:本实验以带有图片元素的界面布局作为对照组,实验组则用视频媒体元素代替原来的图片元素。先将测试界面发送给测试者,五分钟以后发送网络问11卷的链接。 结果分析:由于信息来源的技术特点不同,信息获取的方法也多种多样,其中有一种是通过自己的眼、耳、鼻、舌等感觉器官直接获取的外界信息,一种是通过语言、文字、符号等传递消息而获得的间接信息。而视频元素恰恰结合了以上两种不同的信息获取方式,带有声音的视频元素出现在界面布局里面首先是对信息用户从视觉和听觉进行相应的刺激,信息用户通过观看视频和声音同时结合相
18、应的文字内容不断强化自己的信息刺激,从而提高信息获取的效果。 在一般情况下,包含视频元素的界面更容易让人接受,首先这是跟信息获取的一般过程有关。6在信息获取过程中,信息用户都是带有目的性地查找和选择信息,但是用户本身也具有懒惰型,所以他们在信息获取的过程中一般会选择信息流量比较大的媒体以满足短时间的信息获取。 4 界面布局有序无序对信息获取效果的影响 假设界面媒体元素的布局有序无序会影响信息获取的效果。实验设计:以带有视频元素的界面作为对照组,将对照组的界面布局打乱作为比较组。先将测试界面发送给测试者,五分钟以后发送网络问卷的链接。 结果分析:数据进一步分析,得出所测卡方值大于理论卡方值,P
19、值=0.09320.1,得出不同速度颜色的字体在信息获取效果上存在差异。通过表一对比我们发现,带有色彩的12文字信息在相同的背景下比没有带色彩的信息获取效果要好。通过现有的数据分析我们知道界面媒体的有序布局和界面媒体的无序布局在信息获取效果上存在显著性差异,引起这方面的差异原因可能是由于用户在信息获取过程中的顺序性,在用户信息获取的过程中界面媒体布局与内容的对应性会对信息获取产生很大的影响。 在界面媒体布局的时候,我们应该遵循界面布局的有序性原则。通过测试我们发现,界面元素布局的有序无序直接会影响信息获取的效果,而有序的界面元素布局信息获取效果要比无序界面布局的信息效果要好。这就要求我们在界面
20、布局时,媒体要有序,条理要清楚。相同媒体和内容出现在界面时候,我们应该按照界面布局的原则,将其整合在界面上,而不是无序地随意放置,这样会让信息获取者在信息获取的过程中产生疑惑,这样会降低信息获取的效果。 5 结果讨论 通过本次研究,在网络课程的网页设计中我们发现界面媒体元素的布局对信息获取效果有影响。界面媒体元素多种多样,但是一般情况下,作为界面主流元素,我们可以大致分为:文字(动态和静态)、图片(动态和静态)、声音、视频、色彩等等。由于界面元素包含的范围很广,在现有的研究条件下,我选择了静态文字的颜色、静态图片、视频和界面布局的整体性对信息获取效果进行了研究,同时得出了一下几13点结论: (
21、1) 在白色的背景下,黑色字体信息获取效果比其他颜色的字体信息获取效果要好 (2)有图片元素的界面布局比无图片的界面布局信息获取效果要好 (3)视频媒体元素有助于提高信息获取的效果 (4)有序的界面元素布局有助于信息获取的效果 参考文献 1 周军,Internet 中多媒体信息过滤技术的研究D:电子科技大学,2002. 2 索昕煜,网络界面色彩设计研究 D:昆明理工大学,2005. 3 吕厚超,黄希庭,系列顺序短时记忆的理论模型评述J:西南师范大学,2000. 4 张小曼,网页文字色彩搭配的眼动研究D:浙江师范大学,2006. 5 Maja Pivec, Christian Trummer a
22、nd Juergen Pripfl,Eye-Tracking Adaptable e-Learning and Content Authoring SupportJ: Informatica, 2006 (2):8386. 6 Hua Wang,Mark Chignell1 , Mitsuru 14Ishizuka,Improving the Usability and Effectiveness of Online Learning: How Can Avatars helpJ: University of Toronto,2005. In Online Course Design ,Int
23、erface Elements in the Layout of the Media and the Effect of the Relationship Between Access to Information Research YE Xin-dongZHANG Dao-zheng (Educational Technology Department Wenzhou University, Wenzhou, Zhejiang,325035,China) Abstract: The rapid development of the network today, the source of a
24、ccess to information began to change, the network has become an important source of information, it is the face of the interface information from traditional media presentation of a single word into the media by the text, multimedia, streaming media, the composition of the form of animation to show,
25、 the layout of the form of interface diversity and richness of a significant change in the mode of access to information. In this study, in order to interface layout for the study, analysis of the effect of the impact of the factors to obtain information with a 15view to understanding the layout of the interface of university students access to information in the network effect, I hope the interface for the design of the transmission of information to provide useful suggestions. Keywords: College Students; Access to Information; Interface layout 编辑:沐西
