前言:我们精心挑选了数篇优质网页界面设计论文文章,供您阅读参考。期待这些文章能为您带来启发,助您在写作的道路上更上一层楼。
关键词:格式塔网页设计视知觉
引言
格式塔一词来源于德文“Gestalt”的音译,本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论,其主要目标是探讨视觉感知及其与学习、思维的关系,它所研究的出发点就是“形”,“形”是经由知觉活动组织成的经验中的整体,与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸,主要是通过浏览者的视觉感知来接受网站信息。因此,研究格式塔理论在网页界面设计中的运用,无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素,根据主题表达的需求在特定的页面上进行的一种编辑和安排,其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究,提出了一系列视感知规律,其中包含了“图底”这个核心概念,和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性,将这些规律引入页面设计,有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计,提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域,“底”被看成是用来衬托图的背景。相对而言,图比底,轮廓较为完整、封闭,形状较为规则,面积比较小,色彩比较鲜艳;此外,更重要的是,能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质,在网页设计中,应当明确区分图与底,主体与背景。另外,主体自身结构要清晰明了,背景不能过于复杂,这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色,尽量避免同时使用色相环中相对的颜色,大面积同一颜色宜采用低对比度,避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图-底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用,图形是依赖于背景而存在的,要使主体感到存在,必然要有底将它衬托出来。因此无论在文字、色彩、图像,还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为,人们的知觉有一种“简化”倾向,所谓简化并非仅指一般意义上的“简单”,即物体中包含的成分少或成分之间的关系简单,而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位,如果一个格式塔中包括太多不相关的单位,眼睛就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体,否则,整体形象将无法被正确感知,这种形象势必会被人们忽视,以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先,在网页界面结构的设计上,应避免使用过于复杂的网格结构,结构的设置应尽量简单明了,符合人的视觉流程,也符合人们对规则形的喜好,利于浏览者以最短的时间找到最需要的信息。
其次,在图像的选择上,应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像,这样会增加浏览者找寻信息的难度。
再次,在进行文字编辑时,应该考虑编辑的最终效果。文字应给人以清晰的视觉印象,避免页面繁杂凌乱,减少不必要的装饰变化,使人易认、易懂、易读,不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。在字体的选择上,虽然可供选择的字体很多,但同一页面上的字体种类最多只能有三四种,这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小,但到了节以下的层面,可以选用同一字号但用不同的字体加以区分。在文本密度方面,文本应该以短小的组块形式出现,并且应该经过编辑,以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则,与前面的简明原则类似,人们在倾向于简化认识对象的同时,也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近,浏览者就比较容易看出它们是一起的。根据这一原理,对于页面上的任何元素,如果在功能或内容上是相同或相近的,就应在一定程度上保持相对较小的空间距离,做到“物以类聚”。比如,页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统,具有相似的功能。因而,需要通过将浏览者注意力集中于视觉范围内的关键概念,帮助他们获得信息。在网页界面设计中,可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格,这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分,对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是,如果一幅画面中区别过多,也会使浏览者难以注意需要获得的信息。因此,这些方法应该用于强调关键信息或图形的关键部分,而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明,每一种视觉样式都可以被看成是一种陈述,对于模棱两可的视觉样式,人们会根据以往的经验按照不同的样式加以组织,这时不同的人会看到不同的东西。因此,在网页界面设计时,应当避免出现不完整的图形,以免使浏览者花费过多的时间去琢磨图形的含义,而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉,然后再以部分的形式被知觉。因此,在进行网页界面设计时,要强调整体风格的统一,内容与形式的统一。
结语
将格式塔心理学引入网页界面设计,目的是希望网页设计向理性化的方向发展。随着网络的不断发展,浏览者对页面的要求也越来越高,但现在的页面设计大多还是从直觉出发,离科学的页面设计还有相当大的距离,因此要想达到科学的页面设计,就要在设计时遵照人类的认知规律,并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献:
[1]曹方著.视觉传达设计原理,江苏美术出版社
[2]卡尔·考夫卡著,黎炜译.格式塔心理学原理.浙江教育出版社
网页应用是指用网页语言编写的程序通过浏览器来运行的软件,它可以广泛应用于企业网站或互联网。由于网页语言程序可以直接应用于各个PC终端和手机移动终端,不需要像其他应用软件进行升级或运行前安装复杂的程序,深受用户的青睐,例如,较常见的有基于计算机终端的网络论坛、网络游戏、网络超市等,也有基于手机移动终端的APP、网页浏览等应用。虽然我国网络化快速发展,但是,网页界面的情感化设计起步较晚,最早的网页界面概念是由国外发达国家提出来的,在国外已经有了相对成熟的设计理论和实践经验,如欧美、日本等国家一方面提出了网页界面设计的理论基础,如依据艺术设计理论和社会心理、人机交互理论等理论进行情感化设计;另一方面,还要遵循简约化、一致性、统一性、均衡性等原则。目前我国对这方面的发展主要是针对网站的文字、色彩等视觉方面进行了一定程度的设计,但总体上缺乏对情感化设计的深入探究。
二、网页应用界面的情感化设计分析
“情感”是人们对自身周围的事物以及对自身的态度的体验,它是人对客观事物的主体反映。根据唐纳德教授在《情感化设计》一书中的论述,情感化设计分为本能、行为以及反思三个层次。本能层次是用户通过外界的刺激而做出的第一反应,具有先天性,因此,在对网页界面进行设计时需要充分考虑本能层次的物理特性,将本能层次的特征融入设计的界面当中。行为层次主要是指利用简单有趣的设计为用户提供最方便网页浏览布局和清晰明确的操作导向,使用户在运用中在情感上得到体验。反思层次是意识反作用于客观事物的一种表现形式,是人们最高的情感水平。网络用户通过浏览网页界面后产生的更深层次的感知和情感,往往受到不同主体认识的不同而有不同的情感变化。通常反思层次有助于提高用户的忠诚度,建立起用户与产品的长期联系。情感设计的三个层次相互影响,在本能层次得到满足后,产生行为层次,然后体验后,产生对网络界面的反思层次,在对网络应用界面设计中应当注意三个层次的相互作用,将情感化设计贯穿于三个层次中,提高用户的认知度,为用户带来情感愉悦和舒服的体验。
三、我国网页应用界面设计的现状及存在的问题
由于我国情感化网页设计起步相对较晚,缺乏理论依据,存在着众多不足,其主要有以下几个方面。
1.内容方面的问题
通常网站网页是进行信息传播的承载体,往往包含了众多的内容,但在国内的一些网站网页设计时内容相对混乱,分不清主次。还有一些网站为了向用户传达更多的信息,对网页界面嵌入各种软件以及各种各样的内容,使用户感觉杂乱无章,忽略了页面设计的整体性和主次感。此外,还有一些网站为了商业利润,在网页界面中填充了大量的广告,容易让用户在使用时产生抵触情绪,降低了情感化的体验效果,同时,网页广告界面往往自动弹出,强制用户“消费”,缺乏对用户的尊重。
2.网页界面板式雷同化严重,缺乏创新
网页应用界面在设计上大多都是遵照一种设计样式,除一些网站在设计时根据自身的实际情况,对界面内容进行分栏分类,对色彩字体进行搭配,其他大多数设计的版本内容布局高度雷同化,缺乏创新,使用户容易产生视觉疲劳,很难吸引用户的注意力,降低了情感化的体验。
3.网页应用界面设计普遍缺乏情感
情感化的网页设计能提高用户在浏览网页时的舒服程度,还能提高用户的自我标识,但是在实际的网站网页界面设计的过程中,往往只是满足功能上的需求,追求界面的效果,忽略了在网页中添加情感因素,在视觉色彩的应用上也相对混乱,造成用户情感体验的效果不明显。
四、网页应用界面的情感化设计
通常进行网页界面的情感化设计需要明确进行网络界面设计的目的,即构建一个使用户在视觉上产业愉悦的网站,以提高用户对该网站的忠诚度。一般来讲,网页界面设计目的包括实现网站服务、良好的视觉效果以及可行性和易用性三方面。因此,网站的网页界面的情感化设计需要围绕着上述的三个目的展开。
1.色彩的设计
网页的应用界面的色调通常包含了文字的颜色、主板的色彩、所含图片的色调等几个方面。首先,图片的设计是将抽象化的物体转化为直观的视觉效果,图片的色调可以直接进入用户的视觉体验,进而产生本能层次的情感,因此,图片色调的选择要符合主题内容,与整个网页的风格相匹配。其次,文字色调的设计,文字是传达网页内容的主要方式,是网页界面的主体,其字体的颜色需要与整个网页界面的设计搭配,使用户在阅读时不产生疲劳感;最后,主色调的设计,主色调是整个网页界面的背景,在对主色调设计时要遵照使用户舒服的原则,防止色调太强,而影响文字主体阅读的困难。
2.合理统一的布局
对网页界面合理统一的布局是指在网页界面有限的空间内,对文字、图片、色彩等元素进行统一的设计编排,使整个界面显得和谐统一,不至于出现内容混乱的局面。因此,在对网页界面设计中,既要加入人的情感因素,同时又要进行合理的布局,这样才能让用户在使用过程中产生情感上的依赖。
3.方便易用的操作功能
通常网页界面设计要以方便易于操作的功能为前提,使用户在使用过程中,能够用最短的时间进行操作,并接受该功能的应用。
4.对网页界面的情感化设计的创新
创新是设计的动力源泉,一方面,只有不断创新才能满足人们提出新的需求,另一发面,创新是人们劳动性的创造,将情感和抽象思维相融合,设计到网页界面的布局中去,提高用户网页界面体验的情感效率。
5.和谐统一的人机交互
[关键词]色彩 网页设计 人性化
[中图分类号]J524.3[文献标识码]A[文章编号]1009-5349(2011)06-0089-01
在今天的中国,大多数的人每天都在使用互联网。查找信息、阅览文章、娱乐、交友、购物等都可以在网络上实现,查看网页已经成为了人们生活的重要内容。
网页由多个设计元素组成,各个设计元素向我们传达着信息。其中色彩是最先映入人们眼帘的,它决定了网页的印象,同时也影响到网页界面设计的成败。设计者在网页界面设计中利用色彩来表达网站主题,烘托网站内容,满足网页展示方的意愿。与此同时,设计者更应该注重浏览用户的使用需求。在色彩设计上充分考虑浏览用户的心理特征、视觉习惯和操作习惯,使网页界面色彩设计人性化,便于浏览用户能够轻松地使用网页。
如何实现网页界面色彩设计的人性化?本文从色彩对人的生理和心理产生影响的角度,对网页设计中的配色问题提出几点看法。
一、配色和谐,提高网页文字的易见度
由于颜色有同化作用,人的眼睛识别颜色的能力有一定的限度,色相对比强的颜色易于辨认,色相对比弱的则难于分辨。在网页界面里,文字、图案、背景都有自己的颜色,用户使用网页时,背景与文字的配色直接影响用户对内容的辨别和阅读。而网页中,文字是用户摄取的主要内容,在设计时必须考虑文字与其他元素的色彩对比,注意文字的易见度。
在高明度的背景上低明度的文字易于识别,在低明度的背景上高明度的文字易于识别。但如果背景和文字的明度相近,则会出现难以认读的情况。如,白色的背景上使用黑色文字易见度非常高,而使用柠檬黄的文字则易见度很低。
二、科学使用颜色,避免视觉疲劳
人的视网膜对不同色彩的兴奋度有所不同。当人看到高明度、纯度高的颜色时,视网膜的兴奋度高,因此它让人感觉到刺眼。当人看到低明度、纯度低的颜色时,视网膜的兴奋度低,因而会觉得较舒适。
在众多色彩中容易引起人注意的通常是刺激强度高的高明度色,但如果这样的颜色在网页界面中大面积使用极易使浏览用户产生视觉疲劳,因此应尽量少使用高明度背景。而低明度色不会强烈刺激人眼,但过多的使用会给浏览用户带来压抑感。
通常,我们可以使用浅色调辅以小面积鲜艳的色块,使画面既有对比又统一和谐。如果碰到暗色调的网页,也可以使用小面积的高明度色来调和。避免网页色彩过艳或过暗带给浏览用户视觉上的疲劳。
三、了解浏览用户的色彩心理,合理配色
色彩可以作用于人的感官,刺激神经,唤起人们的特殊情感,这是色彩的心理效应。不同的颜色对同一个人会产生不同的心理效应,不同的人会对同一种颜色产生不同的心理体验。这种体验,从认识论的角度来说,是人对客观世界的主观反映,是由于每个人的年龄、性别、文化、生活环境、丰富习惯等因素所造成的。
有的设计者在设计网页界面时,对色彩的选择仅凭自己的直觉和喜好,没有对浏览用户群体的心理特征和审美需求进行调查分析,这样设计出的网页界面往往难以把握浏览用户对信息的获取量。因此,网页界面的色彩设计要了解并把握浏览用户的色彩心理。例如,网页界面的浏览用户是儿童,界面的用色应选取儿童喜欢的活泼、明亮的颜色。而浏览用户是老年人的话则采用成熟、稳重的颜色。不同的民族对同一种色彩可能有不同的理解。在中国古代,黄色代表威严,巴西则代表热情。红色在中国寓意为喜庆,但在西方人的眼里,它是恐怖、危险的象征。这些因素在设计网页色彩时都是应该考虑并加以运用的。符合浏览用户色彩心理的设计才会激发他们的阅读兴趣,利于信息的传播。
色彩给我们的感受是丰富而奇妙的,它每时每刻都在影响着人们的生活。网页界面的设计者应在掌握人的色彩心理的情况下,充分发挥色彩的特性,网页界面达到悦目并且适用的要求,实现网页界面设计人性化的第一步。
【参考文献】
[1]旭日东升.网页设计与配色经典案例解析[M].电子工业出版社,2009.6.
[2]马炅.色彩的情感属性在网页配色中的应用探析[J].长春理工大学学报(高教版),2009.11.
[3]陆敏.设计人性化之思考[J].淮北煤炭师范学院学报(哲学社会科学版),2004(6):113-115.
关键词:网页设计,用户体验,用户界面
想要建立一个成功的网站,首先就要贯彻“以人为本”的原则,在现今的设计过程中能够体现“以人为本”原则的设计就属用户体验设计了。科技论文。这就不得不提到两个名词即用户体验和用户界面概念的理解。
一、名词概念
1.什么是用户体验
用户体验(user experience)简称UE,是指用户在接受和使用一个产品(服务)的过程中建立起来的心理感受。用户体验无处不在,在日常生活中人们所接触到的一切产品,例如,交通工具飞机、汽车、公交车、自行车,数码产品电脑、手机、相机、mp3等,人们在使用的过程中都会产生纯主观的心理感受。这些纯主观的感受完全建立于用户体验产品的过程中,而产品的好坏或亏盈就由这些体验感受所决定,所以产品设计中的以用户为中心的用户体验设计显得至关重要。
2.什么叫做用户界面
用户界面(User Interface)简称UI,界面(Interface)是人机互动过程中的一个层面;界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。比如,制作一个公司的网站时,不仅要兼顾用户的便利,同时也要把这个公司引人注目的地方一起展现出来。如果把一个网站比喻成一栋房子,那么用户界面则是房子的门面和装潢,只有首先吸引用户的眼球才能使用户留在房子里去体验生活。
二、用户体验设计的分类
在网站建设过程中如果只了解到用户体验的概念是不够的,设计者们必须要理论结合实践。因为用户体验是一种用户纯主观性的心理感受,设计师们在很微小的细节进行调整,或许就会得到用户的钟爱。这些细节上的精心设计必须经过设计师对于用户自身的调查与用户反馈的信息才能整出头绪,进行整合设计。那么通过调查与反馈用户体验的设计可以从以下几个方面进行调整设计。
1.感官体验
想要在网页中设计出好的界面的话,感官效果是必须考虑的一个方面。要注意网页的界面应该要保持一贯性不能给用户带来混乱感;在使用方法方面,设计风格要符合目标客户的审美习惯,并具有一定的引导性。科技论文。界面的构成不能太复杂;主要内容应设计在引人注目的地方。同时,页面布局重点突出,主次分明,图文并茂。与企业的营销目标相结合,将目标客户最感兴趣的,最具有销售力的信息放置在最重要的位置。在设计页面色彩时应该与品牌整体形象相统一,主色调和辅助色不超过三种颜色。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。
2.浏览体验
浏览体验顾名思义就是呈现给用户浏览上的体验,更强调的是吸引性。在一个网站中一切内容和服务都是从网站的导航延伸出去的,所以导航应该要动感、简洁、清晰,分类条理最关键。随着现在网站功能越渐强大,各类型网站中增加了越来越多的视频、动画元素,对网站速度的要求也越发苛刻。所以加快页面的浏览速度选择一家稳定的服务器托管商也至关重要。在网站的内容上设计者应该给用户带来舒适的文字环境。如今,网站博客撰写已成为了一个很大的话题。我们需要用和朋友对话的方式来撰写博客,让用户感觉到一种舒适温馨的氛围。这样用户就会少一些局促感,即使他们遇到了使用上的问题,也会心情愉悦的在网站帮助中寻找解决的办法。
3. 信任体验
4. 互动体验
它呈现给用户操作上的体验,强调网站的易用性。网站与用户必须有高度的互动性,网站不是一张死板的宣传单,要让浏览者通过网站进行各种互动行为,包括直接联系企业客服中心;在线留言或咨询;在线订购物品;发表评论等,总之,要让网站和浏览者互动起来,通过网站把浏览者和企业连接起来。能互动的地方越多,这个网站的价值就越大。科技论文。因为只有和浏览者产生交流并可帮助浏览者解决实际问题,比如可以回答他的提问或直接购买产品,对浏览者来说你的网站才是有生命的,有价值的。
三、总结
网站的用户体验设计是是在互联网时代开放、共享、自由的氛围中的一种进化需要,并且它最终将成为无论是从需求分析、到界面设计再到开发到运行维护至关重要的一部分,因为我们随时都需要将用户置入服务的核心,用我们的爱来浇注产品本身。
参考文献:
[1] 戴力农.当代设计研究理念:用户体验超人性化设计方法.上海交通大学出版社,2009
[2] 崔武子,齐华山,于宁. 界面设计与Visual Basic.清华大学出版社,2004(7)
[3]((美) Jason Beaird著 熊平, 宓媛珊译. 完美网页设计. 北京:人民邮电出版社,2008(7)
[4] 徐延章. 美工与创意:网页设计艺术. 北京:科学出版社,2009(7)
【关键词】用户体检 C2C电子商务 网站界面 设计与研究
全新的网络经营模式让商业活动的利益链条不断扩增,在线交易平台为人们提供了一个非常便利、快捷的消费环境。中国拥有数量众多的网络消费群体,在联营方式和网络销售模式上,C2C电子商务网站通过界面设计为用户提供了一个良好的用户体验。与此同时,用户体验也影响着消费者对网站的忠实度和访问诉求,所以如何通过界面设计提高用户体验效果,已成为广大网站设计研究者讨论的热点问题。
一、国内外电子商务网站界面设计
(一)国外研究现状
在世界市场环境的影响下,国外的电子商务网站的发展速度飞快,面对机遇与风险并存的网络消费市场,国外发达国家在网站界面设计上,更注重满足用户需求,为用户提供不同的文化背景和消费模式,在满足用户消费诉求的情况下,拓展网站展业结构链条,增加消费项目[1]。所以相对于美国、英国、法国等发达国家来讲,用户需求的差异性是主导其网站界面设计主题的关键因素,不同文化体现不同设计理念,不同设计理念影响网站界面产生不同的设计风格。美国著名网站界面设计专家Patricia L在研究网上商店的消费格局中发现,用户体验是影响其消费行为的决定性因素,同时电子商务网站可以利用界面设计产生的视觉刺激增强用户的购买欲望。
(二)国内研究现状
目前,我国有75.34%的网络购物人群选择在C2C电子商务网站中购物,作为最具影响力的两大网站――淘宝和易趣,无论是商品数量还是注册人数都居全国前列。淘宝和易趣在网站界面设计方面都采用了先进的设计理念,针对不同种类的消费者制定不同的消费购买程序,如果用户初次进入网站进行消费,则网站会在用户注册之后,随机附赠一个体验调查表,用户根据自己的消费经历,对网站服务情况进行综合测评[2]。以用户体验为主导C2C电子商务网站的界面设计项目都具有高度的科学性和消费价值。综上分析可知,文化背景、消费理念以及用户体验对网站界面设计的影响存在某种关联性的差异。
二、电子商务网站设计中用户的重要地位
在C2C电子商务网站中,网站界面是呈现给网络消费者最直观的经营表象,作为消费行为的主导者,网站界面能否让用户产生依赖感,感受到网站的消费信用和经营魅力,是促成在线交易行为的关键。所以用户对于C2C电子商务网站设计内容的影响很大,与传统实体经营模式不同,电子商务网站呈现给消费者的产品实体价值地位很弱,在整个交易过程中,消费者都是通过网页浏览研究并制定消费计划的,所以在消费者看来,界面的规整度、真实性、感官价值是其衡量产品质量的重要标准,在虚拟的消费环境下,用户的一切消费思想和行为都会依附于网站界面呈现给他的直观感受[3]。由此可见,用户体验对C2C电子商务网站设计项目的主导意义非常强,网络运营商需以用户体验为中心,制定合理化、科学化的界面设计方案。
三、以用户体验为中心的界面设计
(一)用户体验的理解
1.用户体验概念分析
用户体验是指用户在操作网站界面时的感受,在进行消费动作过程中一切心理活动,从心理学角度讲,每个人对事物的体验感受存在明显差异性,所以作为一种消费情绪,用户体验的消费价值和营销价值并不固定,很难以固定模式来展现[4]。
2.用户体验的构成要素
根据C2C电子商务网站的经营特征和发展结构,可以将用户体验分为五个模块,战略模块、范围模块、结构模块、框架模块以及表现模块,这五个模块的功能是具有关联效应的,对网页设计与消费结构的影响很大。战略层是围绕整个网站页面的设计定位组成的,交易内容和价值体系是战略层主体的设计内容;范围层,运营商会将产品进行分类,在加入检索功能后,消费者可以轻松、快速的找到所要购买的商品;结构层可以帮助用户设置商品,简化操作环节,让消费者能够随着消费心理的变化自由更换消费物品;框架层融合了信息布局、导航布局、界面布局等多个结构设置信息,注重的是各商品元素的交互排列;表现层是与用户距离最近的功能模块,通过文字、图像、动画、音乐等感知因素,给用户提供消费提示,为消费者创建一个良好的印象和感受。
(二)以用户体验为中心进行文字编排
文字是最早引入C2C电子商务网站界面的元素,透过文字网站可以提供给消费者多样化的消费信息,在文字编排上文字具有高度解释和说明功能。用户体验在界面文字设计中应保持原始解释功能,还应突显出消费者最关注的消费信息。通过动态图形渲染、符号化文字衬托、图文结合设计采用主次穿插的形式来表现文字信息,可以增加各种文字信息在构图关系上的关联性[5]。网页设计人员还应针对不同模块功能的页面,个性布局,让文字体现出信息感染力和体验价值。综上分析可知,文字大小、格式、布局、信息组合结构等对网站界面构图情况的影响很大。
(三)以用户体验为中心的色彩设定
1.色彩在视觉流程中的应用
色彩在页面设计中占有主导性地位,大量信息在表现层中会出现色彩的偏差,这些偏差不仅可以增强页面视觉效果,还能提高色彩信息的融合程度。色彩对比是使用色彩的唯一标准,利用画面色彩调合以增进文字与图像之间的设计关系,尽可能的突显出页面的消费主题。用户对色彩的认知程度和理解程度对色彩的应用细节有着重要影响,所以在视觉流程中色彩要想突显出其设计作用必须依靠色彩焦点感应,利用画片色彩的多样性提高消费者对网页的关注度,同时提高色彩布局的规范化、合理化[5]。色彩不仅可以奠定网页的主题,还能提高内容与画面的连接作用,展现出网页设计的形态美和动态美。内容与结构上的统一也可以从色彩中表现出来,所以色彩设计最根本的目的在于通过色彩抓住消费者的视觉聚焦。与此同时,色彩的生理平衡和心理平衡常常是无法分开的,唯有色彩与表现的内容与情感统一才能最充分展示色彩的动人心弦的力量。
2.色彩与主题的联想
从认知的角度分析,色彩与网页设计主题具有高度的联系作用和价值,色彩不仅能够引起消费者消费行为,还能让消费者对网页销售产品产生一定的主观联想。对用户体验进行系统的调查分析可知,C2C电子商务网站在网页设计风格上、色彩搭配上、商品色彩主题呈现上都具有很高的决策作用。消费者在浏览网页过程中,会依照网页展现出来的色彩设计理念判断网络商店中商品种类、商品质量、店家可信度等因素。与实体经营不同,网络经营的产品对消费者知觉的影响并不大,因为消费者并不能触摸到、了解到商品[6]。色彩主题会增强店铺的品牌形象,一个具有特色的色彩品牌会提高经营产品的商业价值,所以以用户体验为主导的色彩主题设计是网页界面设计中的重点和难点。
(四)以用户体验为中心的图片交互性设计
图片能客观的反映出经营商品的实体形态,所以选择正确的交互界面元素布局对网站设计的指导意义很大。网站上各功能模块能够间接、直观体现整个网站系统的经营关系,所以每个页面都需利用实体产品图片实现元素的交互与融合。图片交互性设计主要体现在页面布局设计中,通过界面色彩、元素的划分,网站各经营页面会呈现出不同的视觉效果。图片交互性设计主要从三方面来体现[7]:
1.线框图整合
由于线框图有明显设计边界,所以如果要引入大量线框图做边框设计,应将不同种类的图按照产品价格、使用性能、信息内容来分类,在整合边框的前提下,尽可能的增加线框与色彩的融合程度。让消费者能够轻松分辨出不同商品种类的信息特色,以最大限度的提高用户体验价值。
2.定义核心导向
图片交互性设计虽然能够改变网站界面的传统设计理念,在色彩组合上突破固有设计观念,大胆启用先进设计思想。但是图片交互的影响内容也很多,如果处理不好,会让用户感受到整体页面是通过图片堆积而产生的,让消费者感到毫无美感,多商品失去消费意愿。所以应在图片交互设计中引入定义核心导向,在增加视图美感的情况下,明确产品与信息的经营关系,做到页面设计的和谐统一。
3.整合信息框架
图片与文字相同,具有整合信息的作用,所以为给消费者提供丰富的信息资源,在网页设计上一定要突显出图片信息整合的作用,在主导页面设计格局的同时,引入视觉设计理念,在结合用户体验的前提下,提高图片与文字的和谐统一性,提高图片与色彩的共融性。
四、C2C电子商务网站页面设计发展展望
本文基于用户体验对C2C电子商务网站页面设计内容进行了系统分析,通过分析可知,C2C电子商务网站作为我国主流的在线消费网站,其市场经济价值很高。要想推动C2C电子商务营销的效益额增长,首先要抓住消费者心理,提高用户体验对营销策略、网站页面设计、网站营销能力的影响作用[8]。目前,网络运营商对网站页面设计内容非常重视,其战略性发展内容已逐渐从经营策略转化为设计策略。今后几年,随着互联网消费应用的深入发展,人们消费理念向审美角度不断演变,C2C电子商务网站仍面临着严峻的设计与创新压力[9]。
将建模理论引入了网页设计思想,通过理论模型和探究心理学内容,找到了反映用户体验的终极设计原理,S-O-R原理和设计信息传播框架是网站页面设计的新型结构。在C2C电子商务网站运营环境的影响下,C2C电子商务网站页面上合计的用户体验价值会充分的展现出来。从图片交互设计上,研究者应努力革新传统色彩应用理念,增加现代色彩布局原理与传统色彩应用内容之间的关联性。将用户体验设计要素直接、主观的展现在网站页面中,让用户从感官、认知、情感等体验层,了解网站营销产品的信息。同时,还应在此基础上制定符合网站营销理念的网页设计方案,以成功设计案例为主要研究对象,在设计之前积极主动搜集一切有关用户体验的信息和数据,将数据引入评价模型,按照评价模型建设并创建网站页面主题。找到具有针对性价值的C2C电子商务网站设计原理和研究方法,通过用户体验设计来提升网站价值,作为今后C2C电子商务网站的新功能模块时的标准参考[10]。
通过上文对C2C电子商务网站界面设计内容进行深入分析可知,以用户体验为主要设计思想的设计理念,可以增强运营商与消费者之间的信任感,为长期交易发展提供良好的交流平台。中国网络消费者的消费理念更注重长期效应,所以C2C电子商务网站要想提高界面设计的消费价值和理念意义,必须时刻关注用户体验的变化情况,适当调整运营界面布局和信息,以保证网站对信息的显示功能、设计功能、解释功能、刺激功能最大化。
参考文献:
[1]苏倩.基于中国C2C电子商务网站的用户体检研究[J].北京邮电大学学报(社会科学版),2013,12(06):119-123.
[2]潘越.基于可用性研究的C2C电子商务网站界面涉及[J].重庆师范大学学报,2012,11(01):119-124.
[3]周懿.基于用户体检研究的C2C电子商务网站设计[J].上海交通大学学报(社会科学版),2012,14(25):125-137.
[4]张海昕,郭丹,刘正捷.中国C2C电子商务网站的用户体检[J].大连海事大学学报(社会科学版),2012,13(05):129-136.
[5]梁擎.试论我国C2C电子商务网站服务中的用户体验[J].信阳农业高等专科学校学报,2012,23(04):125-129.
[6]郭丹,钱凯,郭志伟.C2C电子商务网站本地化建设中的用户体验研究[R].第二届和谐人机环境联合学术会议――第2届中国人机交互学术会议论文集,2012,11(11):178-193.
[7]罗古松.基于用户体验的B2C电子商务网站服务质量综合评价[J].商场现代化,2012,14(08):110-126.
[8]吴晓程.B2C电子商务网站信息导航的用户体验设计研究[J].浙江工业大学学报(社会科学版),2011,13(07):119-125.
关键词:人性化;网站界面设计(UI);老年人
网站界面设计,英文的全称是Web User Interface Design,又叫UI设计。包括三个方面:可用性,交互设计和视觉设计。通常研究的是让网站的界面具有更多的可用性,更良好的用户体验,以及更美观的视觉设计,概言之就是“人性化设计”。[1]在全球人口逐渐老龄化的今天,应该把更多的“人性化设计”真正应用在老年人这一弱群体上。本文旨在从老年用户的生理和心理各要素出发进行综合考虑,探析以老年用户为中心的网站界面(UI)设计要点。
1 老年用户研究
设计优秀老年用户网站界面的先决条件是与老年用户进行有效的交流,充分理解老年用户的需求,重视老年用户的生理和心理特征。
1.1 老年网民用户人数众多
据调查显示,近些年来,我国老年网民的比例一直在攀升,增长率已经超过了网民总体的增长速度,对于互联网的应用日益广泛。根据相关统计报告显示,2008年年底,51~60岁的网民从1999年的10.6万人增长到1251.6万人,60岁以上的由3.5万增长到447万人。虽然我国老年网民绝对数量不多,10%不到,处于上网人群的弱势群体,但却是以令人瞩目的速度增长着。
1.2 老年人对互联网的多样化需求
老年人由于心理上和生理上的变化,与儿童、少年、青年人和中年人人群有着不同的特殊需求。根据The Usbased Spry基金会报告显示,老年人的需求主要表现在四个主题:财产安全、身体健康、精神愉悦和良好的社会氛围以及参加智力活动。[2]具体表现在:获取相关信息,一些老年人希望上网浏览和查询最新的外界信息保持“耳聪目明”的状态,有些则是投身老年论坛,希望利用网络查询、浏览养生保健和常见疾病等信息沟通交流,有些希望通过网络和子女视频聊天、互发邮件;财务管理,还有相当一部分老年人希望能够使用网络来购物、买卖股票以及付账等。总之,老年人对互联网的多样化需求一点都不亚于其他人群。
1.3 老年人的生理和心理特点
从50岁到60岁这个阶段,明显地会出现一些衰老的迹象,主要表现在容易健忘,爱发脾气,认知过程缺乏适应能力;视觉模糊,色彩辨别力降低,视野范围和判断距离的能力通常大大不如过去;动作缓慢,手眼配合欠佳,听觉便开始逐渐减退。[3]总之,因此,随着年龄增长,工作效率逐渐下降。具体表现如下:
(1)近距离视力退化更大。比如在35厘米左右的读书距离内,视力减退的惊人,并伴有老眼昏花。据统计,70岁健康老人的视力超过0.6的只有51.4%。
(2)听力显著下降。特别是对较复杂和速度快的语言的理解,男性比女性减退的更明显。老年人并不知道自己的听力在下降,而是认为别人说话不清楚。
(3)记忆的减退,但也有自己的特点,比如老年人对往事的记忆清晰,而对新近发生过的事物或者新近学习过的内容遗忘较快;对需要将记忆材料进行组织加工使之进入长时储存方面的记忆力较差;老年人的意义识记减退较少,机械识记减退较多。例如,老年人对人民、地名、数字等东西的记忆效果就不好;
(4)思维能力弱化。在调查里,许多老年人常常抱怨自己已经不能像早先那样很好的思考问题了,这反映人的思维能力到老年时出现逐渐衰老的趋势。
2 以老年用户为中心的网站界面设计要点
在对老年用户做了研究之后,笔者认为适宜老年人的网站界面设计的总体原则是以人性化为本,同时注意网站的易用性,规范性,美观性,具体如下五点:
2.1 将操作任务化繁为简
在越来越强调人机交互的今天,对于老年用户来说,最好的人机交互就是简化操作任务,减少不必要的任务,[4]尽量让老年用户在网站上面的操作变得简单,同时又不宜出错。比如强调基本功能,尽量减少和弱化附加功能。如Gmail的登陆界面,简化到“登录信息+登录设置”即可,无须要其他的附加信息。
2.2 合理的信息显示
互联网的根本目的是提供信息,合理的信息显示包括两方面的内容:划分信息功能区和减少视觉密度。[5]
(1)划分信息功能区。当页面的信息较多时,为了避免视觉混乱,应该划分信息功能区。最重要的信息放在页面的视觉中心;同一类的信息放在一起,并与其他类信息间隔一定的空间;同一类的信息用同一种颜色或同一色系的颜色来表示;不同信息区又可以用不同背景色来区分。
(2)减少视觉密度。网站界面需表达的信息很多时,易造成界面看起来非常拥挤,信息挤在一团,对于老年人来说很难一眼就能获得所需的信息。因此,必须减少视觉的密度,比如:考虑适当的留白,适当的留白将使整个界面看起来清楚而美观;降低品牌识别logo、名称的大小,无需为了彰显品牌形象而刻意放大;使用简单的图形,尽量平面化,不要使用过度复杂的图像;使用空白空间,而非线条去区分文字内容;使用简洁的语句表达信息,避免内容过多等等。
如upcoming的首页设计,依据信息的不同类别划分板块,并按重要性摆放在相关位置。焦点活动咨讯配图放在视觉中心点,紧接着下面是活动信息介绍,左边的活动类型板块,右边是活动的辅助信息。信息安排布局井然有序,是划分信息功能区和减少视觉密度的最佳例子之一。
2.3 合理的文字规划
文字对于网站界面的作用不言而喻,对于老年用户来讲,网页文字的漂亮是建立在易读易辨的基础上的,合理的文字规划,主要表现为以下两个方面:[6]
(1)文字内容尽量简洁,配上有意义的图标或者图片,同时应该避免使用专业术语。字体的选择也要易于老年用户辨认,网页默认的字体是宋体。可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等,但前提是一定要易于老年人辨认。
(2)井然有序的排版。有时候别出心裁的界面设计或许会带给使用者眼睛一亮、赏心悦目的视觉感,但无论何,井然有序的文字区规划,才易达成最有效、最舒适的效果。如有较多的说明文字,要让说明具有顺畅地阅读连贯性。举个例来说,一个向中对齐与一个向左对齐的文字区块,明显地,向左对齐的区块读起来顺畅多了,因为使用者在读完一行字后,自然而然往左下方继续读下去,不需要重新找寻开头,相较之下,向中对齐的区块看起来混乱多了。因此,有规矩地文字区规划将可大幅度提升用户界面的品质。
2.4 合理的色彩规划
网站界面的色彩对于老年人来说同样重要。老年人的视觉衰退很明显,一个好的色彩规划可以提高界面的视认性,从而提高操作的准确性和效率;可以减轻视觉上的疲劳。另外,通过色彩规划来增强界面的美感和亲和力。[7]
具体来讲,老年用户界面中,最好不要超过3到5种颜色。大区域最好使用浅色调,如白色、浅灰等。对于老年人而言,配色要采用视认性高的色彩,要加大色彩的对比度,背景与主体对比度要大,背景色不宜采用有金属反光的颜色,如银色和金色。对于重要的按钮或信息要用诱目性高的色彩来表达,但颜色不宜过多,且区域不可以太大,否则看起来过度混乱,缺少美感,也容易造成视觉上的疲劳。
2.5 细节为王
对于老年用户来说,细节同样重要,比如尽量使用有意义的图标,尽量不要使用生涩难懂的专业术语,注意提供精确的导航提示,提供声音控制,尽量减少噪音干扰,克制使用新技术的欲望等等。
3 结束语
关注老年人网站界面设计,是以人为本的需要,也是国内所有优秀设计师的责任。限于篇幅有限,对于老年人使用的网站界面设计,笔者也只能泛泛而谈,有所不足和欠缺,还望读者指正。同时,撰写本文,以期抛砖引玉,引起大家对老年人更多的关爱和设计出更多更好适宜老年人使用的产品。
参考文献:
[1] 刘春花.基于用户体验的界面设计UI研究[C].天津工业大学硕士学位论文,2007(12).
[2] 杨足.老年人使用的家电的人机界面设计研究[C].江南大学硕士学位论文,2004(06).
[3] 廖晔.网页界面设计及其学科相关性研究[C].湖南师范大学硕士学位论文,2006(04).
[4] 赵侃用户体验设计――网页界面设计的重中之重[J].艺术与设计(理论),2010(09).
[5] 何荣.浅析网站界面设计[J].科技信息,2008(26).
[6] 宗明明.老年人网站界面设计前景分析[J].设计(Design),2012(10).
【关键词】精品课程;网站;项目开发
现国家正加强中职学校精品课程建设,精品课程建设工程的目标是实现全国优质教学资源的共享,要求精品课程的相关内容全部通过网站的方式对外开放。因此,精品课程网站建设是精品课程建设中的一个重要环节。
目前很多资料或论文在涉及精品课程网站制作时,都以站在网站的技术开发角度进行论述,这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台,还要把课程的资源放到平台上,涉及到平台的建设、各个资源内容制作和整合等工作,更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成,是需要一个团队多个人分工合作完成。
一、网站项目开发团队,包括以下的角色和职责:
(一)网站项目经理
职责:1.项目执行监理2.质量监督员
网站项目经理负责与用户进行沟通,了解用户开发网站的思想、用途和要求。并创建和维护项目的规划和战略文件,预算表,项目进度和甘特图表,会议记录,费用记录和团队其他详细工作的项目文档。并协调、沟通网站各项目小组的日常工作。
(二)艺术总监
职责:1.网页界面设计师2.交互式设计师
(FLASH,JavaScript,Ajax)3.媒体专家(摄影,插图,视频,音效)。艺术总监的主要职责是设计网站的整体外观和感觉。把网站排版、用户界面设计、颜色标准、页面布局细节、图片要求、摄影、插画、网站的视听媒体等元素汇聚并形成一个整体。
(三)网站技术主管
职责:1.网页程序设计师(.net,Java,PHP/Perl,Ruby)2.网页工程师(XHTML,CSS,JavaScript,Ajax)3.数据库管理员4.网站管理员网站技术主管必须掌握有网站的环境、开发语言和开发站点框架、选择网络数据库等广泛的网络技术。他应该在技术人员、创意人员和项目团队各主管中充当一个桥梁或者翻译工作
(四)网站制作主管
在设计早期阶段,网站制作主管主要负责把原始的网站模型、界面和蓝图转化成HTML页面。一旦网站规划及设计完成并且信息架构也规划好之后,网站制作主管的主要工作就是制作站点页面,当然他可以直接用html编写,或者使用网站内容管理系统(CMS),也可以用一些站点开发软件,例如Adobe Dreamweaver。
(五)网站信息架构师
网站信息架构师主要负责网站的结构和内容进行组织和分类。在整个项目的设计和规划早期阶段,信息架构师是最活跃的。他要制定整个网站的内容结构,网站的框架结构,向客户和网站开发团队介绍网站的整体规划。信息架构师也要与网站设计师紧密合作,制作用于显示网站各个页面的名称、导航和页面内容的网站蓝图。
1.文字撰稿人2.站点内容专家(内容协调,制作)。网站编辑负责整个网站的文字内容和编辑质量。他或她创建的网站编辑的基调,确定文字风格,并与客户和相关内容的专家收集、整理。以上就是网站开发时所需要的六个基本角色及其职责,每个角色都有负责的方面。当然其中有可能一个人员充当几个角色,也有可能一个角色里面要几个人员组成。
二、网站项目开发过程及团队各角色相互合作关系
从图1-1我们可以把网站作为一个完整的项目,可以分为“规划”和“站点制作”两个主要阶段。
(一)规划阶段
这个阶段里要进行的工作就是用户调查与网站规划。网站项目经理要与用户进行接触,全面了解用户的需求,包括网站的用途和要实现的功能。用户也在这个阶段明确要网站能实现的功能模块和需要提供的材料。充分了解用户需求后,艺术总监和网站信息架构师就要基于用户的要求、网站的用途和网站访问者等各方面的考虑,使用PhotoShop或其它工具绘制出网站首页、二级页面的图形界面。与用户确定好界面、功能与内容,就开始分两条线路进行开发。1、技术路线:网站技术主管根据界面并与信息架构师一起进行技术规划,制作好网站使用的开发语言、技术、数据结构和数据库等。2、内容路线:网站编辑要开始规划网站编辑的基调;内容在网页上的表现形式(文本、图片、视频、动画);确定文字风格和网页显示的字体的大小与字形;
(二)站点制作阶段
站点制作阶段是实际开发周期,各项目小组根据前面制定好的规划进行制作。网站信息架构师在各部门之间进行项目规则解释、协调和统筹。1、程序开发:网站制作小组根据界面规划把图形界面转换成网页格式;依据技术规划,制作网站的各页面。从图中的甘特表显示,程序开发和网站合成占整个项目的最大时间比例。2、内容整理:网站编辑要与客户和相关内容的专家收集、整理放到网站平台的资源。网站资源如涉及到图片、动画和视频等,网站编辑要与媒体专家合作共同制作。当平台主要架构搭建成形,后台数据库建立完毕,网站编辑就可以把网内容上传到网站平台内,把网站合成。
参考文献
关键词:Flash;网页游戏;设计研究
中图分类号:TP311.52 文献标识码:A 文章编号:1007-9599 (2012) 20-0000-02
Flash网页游戏是一种新兴起的游戏形式,以游戏简单、操作方便、绿色无需安装、文件体积小等优点而渐渐被广大网友所喜爱。Flash因其基于矢量图的优势而被广泛应用于一些趣味化和小型的游戏之上,在游戏形式上的表现Flash网页游戏与传统游戏基本无异,因为具有体积小、传播快、画面美观的特点渐渐有取代传统网络游戏的趋势。它的使用简单方便,比传统的网络游戏进步许多,只要浏览器安装了Flash Player就可以玩游戏。
1 Flash网页游戏的特点
Flash最初用来研发交互式或动画网址组建,在近几年取得了突飞猛进的发展,现在不仅用于电脑上,更在大力向智能手机等终端发展。目前越来越多的网友自己制作Flas游戏,也出现了一大批的粉丝使得Flash成为网络上不可缺少的一部分,现在的Flash网页游戏已经不单单是一个游戏,而成为了一种网络文化。Flash使用的是矢量图形和流式播放技术,流式播放技术使得动画可以边播放边下载,能够缓解用户焦急等待的情绪;矢量图形可以任意缩放尺寸而不影响图形的质量。Flash网页游戏还可以把音乐、动画和声效互方式融合在一起,而且可以支持MP3的音乐格式。现在,越来越多的人已经把Flash作为网页动画设计的首选工具。Flash用在网页设计上不仅可以使网页更加生动,而且可以使得动画在打开网页很短的时间里就得以播放。此外,Flash通过使用关键帧和图符使得所生成的动画文件非常小,几K字节的动画文件已经可以实现许多令人心动的动画效果。
目前从事动画游戏制作的人员已经成为了最为抢手的人才,MAYA、3D MAX等计算机软件的功能日益强大,给了动画游戏制作人员更广阔的空间。Flash网页游戏结合了Flas的所有优点,同时还增加了作者与游戏者交互的关系,使得游戏成为每个人都可以参与制作并且同时满足每个人不同需求的新产物。Flash网页游戏不仅囊括了新时代一切的时尚元素如网络、互动、娱乐、音乐、动画等,还充满个性化,游戏设计者可以借鉴现有的小游戏开发出具有有个人特色的、更加完善的Flash网页游戏。另外,Flash与当今最流行的网页设计工具Dreamweaver配合默契,可以直接嵌入网页的任一位置,非常方便。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过ACTION和FS COMMAND可以实现交互性,使Flash具有更大的设计自由度。
2 Flash网页游戏的设计
目前,Flash网络游戏与传统的网络游戏相比有了新的特点,针对其特点,游戏设计者应在游戏中设计全新安全加密方式来保证用户游戏的安全性。通过域检查方式增加服务端脚本检查url,当游戏运行的时候,先检查运行游戏服务器上,是不是有合法的安全脚本。然后通过swf加载游戏的主swf文件,编写脚本并在开始游戏时从服务端加载对应密码,如果密码验证失败则退出游戏。在注意安全性问题的同时,游戏的引擎是游戏设计与实现的核心内容,一个游戏引擎和游戏本身之间的主要区别在于引擎如同汽车的发动机,同类游戏可以使用同一类的通用引擎,而不必重复开发那些和具体游戏内容无关的部分,这样就可以提升游戏开发速度和品质。
从用户的角度来看,Flash网页游戏的设计应具有挑战性。随着网络游戏的流行,在大型多人在线游戏和休闲竞技类游戏中,玩家在一起切磋,若网页游戏设计的具有挑战性,会更加引起玩家兴趣,促进玩家之间交流攻略战法等,认识越来越多的朋友。Flash网页游戏中的成就系统让玩家不断获得装备、声望、金钱、经验、技能等,一边玩一边获得收益,这往往是最吸引用户的地方,因此,游戏中成就的设计至关重要。在虚拟的网页游戏世界中,游戏的设计者应该充分发挥想象,这样用户就能够体验到现实中没有的内容,在工作学习之余,找到一个世外空间,随心所欲地的畅游在虚拟世界,比起无法自主选择的电视节目更加让人兴奋。好的游戏还应让用户获得知识,现今的知识传播极为快速,Flash网页游戏能很好的寓教于乐,幽默诙谐的故事最容易让大众接受。
Flash网页游戏作为统一整体而存在,在游戏设计中,应从整个游戏的角度出发,游戏代码要统一、设计规范要标准、传递的语言要尽可能一致。可靠性既是评价游戏设计质量的一个重要指标,又是游戏设计的一个基本出发点,只有设计出的游戏是安全可靠的才能在实际运行中发挥作用。为了保持游戏的长久生命力,就要求系统具有较强的环境适应性,在游戏设计中,应尽量采用模块化结构,以便于对模块的修改,提高模块独立性,从而使得游戏具有较好的开放性和结构的可变化性。在游戏设计中既要考虑到现实系统的费用,又要考虑到游戏实施后的费用,在满足游戏需求的前提下,尽可能的减少游戏的开销。此外,游戏应集合不同的艺术门类,把艺术与技术相结合,从而让人可以在游戏中的到美的享受。让设计师之与玩家之间产生交流,从而完善游戏。
在设计网页游戏特别是设计界面时,应该尽量让玩家忘记网络的影响,尽量使游戏速度不受到用户网络带宽的影响。可以考虑位为不同网速的用户设计不同的界面,不能为了一个无关紧要的仅仅为了美观的图片或多媒体从而使得用户打开游戏速度变慢。在网上,用户在不同的网站和不同的设计之间具有相当的流动性,对于用户的感觉,所有的网站是一个整体,而不是某个特定的网站,现今的网络已经变成了一个整体的概念,每一个网站都是这个概念的一部分。虽然在整个开发过程中不能保证用户的每一个环节都参与,但注重用户的感受能够令设计人员始终把用户的需求放在第一位来考虑。为了设计出更好的Flash网页游戏,用户应当积极主动加入设计过程,并进入设计组共同进行决策,参与设计的用户对于游戏本身的理解以及对游戏界面的认识在很大程度上决定了他所能提出的建议和意见,所以应制定出严格的挑选机制,这样不但可以增加参与者的责任感,同时也显示出了游戏界面设计的严肃性。对于参与用户的意见和建议最终应该
经过游戏设计小组会议讨论过后才能决定是否采纳,对于游戏用户在使用过后的意见,应该提取最具代表意义的问题进行集中讨论,并最终确定是否要进行改进。
3 结束语
Flash网页游戏是目前比较流行的网络游戏,有着较大的发展潜力,Flash由于其自身的优势,已经成为开发网页游戏主要用到了技术,其成本低、效率高、开发技术短。游戏系统是一个复杂的系统,开发一个Flash无客户端游戏系统是一个庞大的工程。在Flash网页游戏的设计过程中,以用户为中心原则是网页游戏界面设计的重要原则,中心问题是要设计出一个既便于游戏用户使用又能提供愉悦游戏体验的游戏界面。一个好的游戏界面设计应该是既有实用功能又能满足使用者的审美需求。在理论知识方面,需要了解相关的数学、物理学和计算机图形学的各种知识,同时需要掌握各种的数据结构,并将这些技术应用于游戏的设计开发中。总之,随着3G时代的来临,Flash网页游戏必将有一个更大的上升发展空间。
参考文献:
[1]叶思义.游戏设计全方位学习[M].北京:中国铁道出版社,2005,12.
关键词:设计模式;界面设计;交互设计
1 设计模式思想简介
设计模式思想的主旨是针对常见的设计问题提供已被验证为有效的解决方案,从而充分利用前人经验和成果解决设计问题,避免无意义的重复劳动。该思想最早由建筑师、加州大学伯克利分校建筑学教授Christopher Alexander在20世纪70年代提出。Alexander如此论述建筑设计模式的价值:“每一模式描述我们周围环境中一再反复发生的某个问题,接着叙述解决这一问题的关键所在,这样,你就能千百次地重复利用这种解决问题的办法而又不会有老调重弹之感。” [1]
Alexander阐述了设计模式的基本构成要素,他认为,每个模式都是一个规则,由三部分组成,表达了一个特定情境、一个问题和一个解决方案之间的关系。[2]其中,“情境”表示该模式在解决问题时的周围环境和状况,“问题”表示该模式的目的或预期目标,“解决方案”表示解决该问题的方法的核心。然而,设计模式思想影响最为深远的领域并非建筑,而是软件工程。20世纪90年代,Erich Gamma等人将设计模式思想推广到了软件工程领域。在Alexander的理论基础上,Gamma等人制定了软件设计模式的格式规范。他们认为一个模式有四个基本要素:模式名称、问题、解决方案、模式效果。[3]
Alexander和Gamma等人并没有发明新的解决方案,而只是分别对建筑和软件设计中现存的“无名”(即存在于设计实践中,但尚未被人明确命名并提出)的优秀解决方案进行了系统化的总结和归纳,并以设计模式的形式表述出来。尽管如此,设计模式的价值仍得到了高度认可。尤其是在软件工程领域,设计模式已成为重要的程序设计指导理论。近年来,设计模式思想在界面设计领域也逐渐受到重视。
2 界面设计领域的设计模式研究现状
Alexander的设计模式思想很早就已进入交互设计研究者的视线。早在1988年,Donald A.Norman就在他影响深远的著作《The Psychology of Everyday Things》(后更名为《The Design of Everyday Things》)中提到了Alexander的研究成果。[4]但设计模式在该领域的发展较为缓慢,直到2000年前后,国外的交互设计和界面设计研究者对设计模式的关注才开始逐渐加深,并逐渐出现了一些重要的研究成果。一些研究者和机构提出了自己的界面设计模式规范和模式库,如Jenifer Tidwell在《界面设计模式》一书中以设计模式的形式总结了界面设计的法则,给出了常见问题的解决方法及其在实践中的运用,并以该书内容为基础构建了一个设计模式库。[5]雅虎公司也了一套具有影响力的网页设计模式库。[6]其他知名模式库包括、Quince等。
相对于国外研究的逐渐兴起,国内对于数字产品界面设计模式的相关研究和应用则十分匮乏。虽然近年来出现了少量关于界面设计模式的论文和著作,如《Web2.0界面设计模式》,但这些文献并未深入挖掘设计模式的思想,也未能提出较为系统、规范和全面的设计模式库,实用价值有限。总体而言,国内的相关研究和应用与国外相比有较大差距,研究文献的数量极少,深度不足,极其缺乏理论化、系统化的中文研究资料。
目前,界面设计模式相关研究主要集中于设计模式个体的研究和构建。虽然也涉及不同设计模式之间的关系,但并未系统和深入地探讨设计模式的编目方法,即如何将多个设计模式组织、统筹起来,以跳出单个设计模式的狭窄范围,服务于更高层次的用户目标。这是目前相关研究的一个不足之处。Alexander虽然提出了“模式语言”的编目思想,但该思想仍然主要基于个人的主观经验,缺乏可推广性。Robert Hoekman,Jr.和Jared Spool的研究起到了一定弥补作用。他们在《网站设计解构:有效的交互设计框架和模式》一书中提出,应将多个设计模式组织成框架体系,从而从全局的角度指导由多个设计模式组成的完整的界面系统设计。[7]在该书理论的基础上,他们创建了一个公共的框架体系资源库,包含了网页交互设计的几种常见框架示例。其框架格式与设计模式格式类似,主要包含应用情境、用户目标、任务流程、所用模式等。[8]
总体来说,现有的界面设计模式研究主要存在三点不足:(1)缺乏对模式在设计实践中的使用方式、方法和流程的研究。 (2)缺乏对模式编目方式(即如何综合运用多个模式解决问题)的研究。 (3)缺乏对模式库建立(包括模式识别、模式记录)及扩充过程的系统化研究。目前,模式库的建立主要依靠建立者个人的经验和观察。
3 界面设计模式的应用价值
在交互界面设计中,设计模式的价值主要在于[9]: (1)设计模式包含了问题的相关信息,使得解决方案能够确实地发挥作用。 (2)设计模式详细阐述了解决方案是如何受上下文(即情境)限制的。 (3)设计模式阐述了解决方案的基本原理,其中包括了前人积累下来的经验性知识。 (4)设计模式具有一种潜力:多个模式可以组织成一种模式语言,使设计师能够以一种积极活跃的方式来跨越性地解决不同细节层次上的设计问题。
如上所述,设计模式不仅能有效地解决问题,而且充分考虑到了问题的上下文情境,并从方法论的角度阐述解决方案的原理。这是设计模式与一般的零散性设计原则的重要区别。
设计模式的另一个应用价值是它有效地弥补了目前广泛应用的设计指南(guideline)的不足。设计指南通常由企业,为该企业相关产品的界面设计提供指导和参考,以保证设计的一致性,帮助设计师提高设计质量。典型例子有苹果公司的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。与设计模式库相比,设计指南通常实例数量较少,且多阐述抽象和纲领性原理,而非像设计模式那样提供具体设计案例,因而难以为设计师提供具体问题的解决方法。而利用设计模式,设计师可以更为系统化、具体化地解决设计问题。例如,西门子公司在实践中成功运用设计模式提高了其软件开发效率。该公司从2000年起就持续对界面设计模式进行探索,并建立起了一个内部界面设计模式库,其模式的应用范围覆盖了桌面、网页应用和移动设备等不同平台。[10]
4 总结与展望
从以上研究可以看出,设计模式在交互设计和界面设计领域的研究和应用已取得了一定进展,但近年来数字产品发展迅速,以iPhone等移动设备为代表的新一代数字产品在我国迅速普及,扁平化、模块化等新设计思想不断涌现,设计模式思想也需要不断跟进,以符合时代快速发展的需求,体现出新一代数字产品的界面设计理念。国内虽然引进出版了《界面设计模式》等一批重要著作,但设计模式思想的影响力仍然不足,并未在界面设计领域得到广泛认知。如何挖掘设计模式的优点,将其推介给国内设计界,从而对产品的界面设计有所助益,是国内界面设计研究者应该思考的方向。该领域还存在其他一些有待探索的研究方向,比如如何将零散的设计模式以系统化的方法组织起来构成整体框架,以及如何将设计模式应用到硬件界面的设计中。此外,最新涌现的扁平化设计、响应式界面设计等界面设计思想也亟须得到设计模式理论的支持。总体而言,界面设计模式在界面设计领域仍有很大发展潜力,有待于设计研究者进一步探索。
参考文献:
[1] Christopher Alexander,et al.建筑模式语言[M].北京:知识产权出版社,2002:3.
[2] Christopher Alexander.建筑的永恒之道[M].北京:知识产权出版社,2002:194.
[3] Erich Gamma,et al.设计模式:可复用面向对象软件的基础[M].北京:机械工业出版社,2000:2.
[4] D.A.Norman.The Psychology of Everyday Things[M].Basic Books,New York,1988:229.
[5] Jenifer Tidwell.界面设计模式[M].北京:电子工业出版社,2013.
[6] Yahoo!Inc.[DB/OL]http:///ypatterns/.
[7] Robert Hoekman Jr.,Jared Spool.网站设计解构:有效的交
互设计框架和模式[M].北京:人民邮电出版社,2010.
[8] Robert Hoekman Jr.,Jared Spool.[DB/OL]http:///.
[9] Stefan L.Pauwels,Christian Hübscher,Javier A.Bargas-Avila,Klaus Opwis.Building an interaction design pattern language:A case study[J].Computers in Human Behavior,2009,26(3):452-463.
[10] Helmut Degen,袁小伟.UX最佳实践:提高用户体验影响
力的艺术[M].北京:机械工业出版社,2013:174.
关键词:用户体验;高校图书馆;网站
随着学生对互联网的依赖性越来越强,以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击,使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计,使用户可以方便地浏览网站的信息、使用网站的服务,让用户获得愉快的体验,才能吸引用户使用图书馆的网站,使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心,充分考虑用户体验的内容及影响因素,通过设计满足用户需求,符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等,从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为:解决用户需求,减少用户理解和操作的成本,给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括:视觉设计、界面设计和导航设计等。
1视觉设计
视觉设计是在用户审美文化的基础上,通过色彩、字体、图片、按钮、隐喻等的使用,设计出富有美感和艺术感的网站,从而实现在很短的时间内吸引住用户,并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势,体现图书馆的文化内涵,通过图文、色彩、形状的搭配以及信息块的建立和整合,形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。
1.1符合视觉趋势
不同时期用户的审美取向与内心诉求是不同的,网站的设计一定要符合当前用户的视觉趋势。就目前而言,视觉趋势大致如下:响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2],宽屏、大图让页面更显大气;改变以往用线条来分割区域的方式,采用空隙和留白,让页面顺畅自由的呼吸,给用户留下广阔的思考空间;减少渐变和视觉元素,采用规整的布局、扁平化的视觉风格,让整体感觉更清爽。在网站构建之初,设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图,图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。
1.2做好色彩搭配
色彩是网站最具表现力和感染力的视觉元素,好的色彩搭配可以吸引用户的注意力,给用户带来过目不忘的效果。相反,太过单调乏味的页面会使用户视线游离;过于炫目多彩的页面又会对用户的实际需要造成干扰。网站的色彩搭配上要注意以下情况:(1)每种色彩都有自己特定的含义和象征,会给人带来不同的情感反应[3],网站设计要合理恰当的运用,设计符合网站自身特色的色彩搭配,把网站的思想正确的传递给用户。例如,“红色”可以给人热情、喜庆、奔放的情感反应,也能给人危险的心理暗示;金灿灿的“黄色”给人富有、高贵之感,而混浊的暗黄给人凋谢、衰败之感;“蓝色”象征着智慧、理智、清爽,会让人感觉平静、深远、稳定、可靠。(2)不同色彩对眼睛刺激不同,会造成视觉上先后顺序和关注度的不同。在色彩的运用上,要考虑内容的先后顺序和优先级,正确的运用色彩。例如,冷色类和暖色类色彩是有明显的层次差别的,一般情况下,用户会先注意到暖色调色彩,且对暖色调色彩的关注度和点击量要高于冷色调色彩;色彩的反差更容易造成用户的关注度的不同,通常高反差色彩更能引起用户的关注[4]。(3)避免使用色盲不易区分的颜色对。网站的色彩设计要保证在辨识色彩方面存在缺陷的用户(如红绿色盲、蓝黄色盲、全色弱等)也能正常使用网站,避免使用深红和黑、深红和深绿、蓝色和紫色以及浅绿和白色这样的颜色对[5]。网站色彩设计时可在专业的色盲所见效果检测网站(如网站和)上检测,确保需要辨识颜色的地方所用的颜色在色盲和正常人看来是一致的,不需要辨识颜色的地方,在色盲眼中是清晰的。
2界面设计
界面设计最基本的性能是功能性和使用性。通过界面设计,让信息更加流畅的传递给用户,让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇;页面布局方面,首页一定要将关注度高的栏目放在醒目的位置上;其它栏目的摆放位置要遵从网站形成的惯例,符合用户的心智模型;以信息呈现为主的页面要建立清晰的视觉层次。
2.1避免使用用户不熟悉的词汇
根据Krug的可用性第一规律,网页必须是清晰且自明的[6],也就是说网页的内容对于用户来说是不言而喻、一目了然的。要做到这一点,就要避免使用用户不熟悉的词汇,比如,OPAC、E读、查收查引、题名、责任者、资源发现系统等。这些字用户都认识,但不代表真的理解了意思,因为新信息只有和已有的知识结构紧密结合,才能被彻底的理解吸收,而用户基本上是非图书馆专业的学生和老师,接受过的图书馆专业培训比较少,对这些词很难做到一看就懂。当用户在网站上寻找信息或者某个功能时,他们并不会认真阅读,只是快速而粗略地扫描屏幕上与目标相关的东西[4],这些用户不熟悉的词汇往往被认为是与目标无关,直接被忽略掉。可以把“OPAC”换成“馆藏书刊搜索”;“E读”换成“全国高校馆藏搜索”;“查收查引”换成“论文收录引用”;“题名”换成“书名/篇名”;“责任者”换成“作者”;资源发现系统因为实现的是图书馆纸质和电子馆藏的一站式搜索,所以一般采用学校特色名字加上搜索或学术搜索的形式,例如,清华大学图书馆的“水木搜索”、北京大学图书馆的“未名学术搜索”、南方科技大学图书馆的“南科学术搜索”、浙江大学图书馆的“求是学术搜索”等。
2.2关注度高的栏目放在醒目的位置上
关注度高的栏目放在首页醒目的位置上可以有效提高网站的用户体验。网站栏目的关注度可通过网站分析工具来统计。目前,免费的网站分析工具有十余种,比如,GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百度统计和CNZZ的站长统计等。其主要采用当前较为流行的基于脚本(JavaScript等)的统计方式,这种方法需要在网站的Html代码中嵌入一段脚本来统计网站的被访问情况。馆员可通过网站访问情况统计分析,来确定网站中用户关注度最高的栏目。以南方科技大学图书馆旧版网站为例,关注度最高的栏目是“数据库导航”,关注度为11.32%;其次是“馆藏资源搜索栏”,因该版网站中没有资源发现系统,所以主要搜索馆藏纸本资源,关注度为9.47%;关注度第三的栏目是“我的图书馆”,关注度为7.02%。在新网站的设计中就要把这3个栏目放在网站中最醒目的位置。一般情况下,网站的上半部分和中左部分的被关注度要高于右半部分和下半部分。网站中最醒目的位置的确定可以在新网站的测试过程中,通过眼动跟踪技术记录用户在使用网站时所注视的网站的位置,从而找出网站的关注“热点”———网站中最醒目的位置。
2.3遵从网站形成的惯例
当一个人访问一个新网站的时候,他寻找信息的第一个位置就是在其它大多数网站找到它们的地方,所以遵从网站形成的惯例可以减少用户的寻找成本,让用户找起来更方便。比如,语言切换、用户登录、站内搜索等独立于网站结构的功能或内容一般设置在网页顶端;重要的、需求大的栏目应该放在网页上方主导航的位置;相对而言不那么重要、需求不那么大的栏目应该放在下方导航条的位置;网站的隐私政策、免责声明、版权等一般放在底部。
2.4符合用户的心智模型界面设计
符合用户的心智模型主要为了让用户在使用网站的过程中思考降到最低、操作简单到极致。心智模型是影响用户与网站交互时内在的、可预测的认知模型[7],是隐含在用户内心深处的一种思维方式和思想观念,直接或者间接的影响着用户的行为[8]。也就是说,当用户在网站上寻找某一元素时,并不是从上到下顺序寻找,而是在用户心中已经形成了关于这个元素应该放在哪个位置的预期[9],然后根据预期去寻找该元素。了解用户的心智模型,可以知道用户心中栏目的位置,从而提升栏目位置与用户预期的位置吻合度;了解用户的心智模型,可以知道某一信息在用户心中应该属于哪个栏目,从而提高栏目的名称与用户心中名称的吻合度。要提高网站界面与用户心智模型的吻合度,可以在网站的建设过程中通过迭代的可用性测试[10],不断地发现网站中存在的问题,通过布局的不断调整,让用户的操作变得简单、再简单;通过建立清晰的流程和界面,减少用户的思考和寻找时间。最后用户耗费时间最少的界面设计就是最趋近于用户的心智模型的界面。调研用户的心智模型可以通过如实观察法、远程测试法和眼动跟踪技术等方法来实现。笔者采用了如实观察法,无需远程监测法的屏幕共享技术,也不用眼动跟踪仪,只要有台可供用户浏览网站的电脑即可,而且不仅能清晰的观察到用户的操作,直接、及时地获取用户的反馈,还能够捕捉用户的细微反应,挖掘用户内隐的体验信息[11]。比如用户发出“咦?”、“哦!”等声音,或者皱眉、挠头等动作,这些都能反映出存在的问题。如实观察法主要是让被试用户在一个可控制的实验室环境里完成指定任务,通过观察用户信息搜索过程,总结用户的行为数据等[12],在测试过程中,要减少语言对用户的干扰,切忌引导性过强,要更多地去关注用户的操作行为。可以鼓励用户采用“出声思维法”,即要求用户在操作时,将完成任务时所有的思考、行为、感受都描述出来,这样测试员更容易发现用户行为背后的原因。例如,在南方科技大学图书馆网站的调研中发现,用户在完成“查看我的借阅信息”的任务时,偶尔使用图书馆网站的用户,受其它网站的影响会在网站的顶端寻找“我的”相关栏目;经常使用图书馆网站的用户,因知道该信息会在“我的图书馆”中找到,所以找寻的栏目会锁定在“我的图书馆”,而找寻的位置会受到图书馆旧版网站的影响,在网站中间的直接导航部分找“我的图书馆”栏目。综合这两种情况,在新版网站的设计中将“我的”放置在网站上方全局导航的区域,“我的”这个栏目被设计为用户的个人空间,里面的内容包含用户的个人基本信息、借阅信息、荐购信息等“我的图书馆”中查询和操作的信息以及网站的个性化定制内容。另外,在网站的直接导航区域设置“我的图书馆”的入口,方便读者进入“我的图书馆”。
2.5建立清晰的视觉层次感
建立清晰的视觉层次感可以在用户浏览网页时形成良性引导,从而减少用户的寻找时间。用户在浏览页面时会对网站页面的视觉层次进行分解,筛选出需要的东西。好的视觉层次通过预先处理,用一种用户能快速理解的方式对页面进行组织并根据模块的优先级进行排列,从而减少了用户的寻找时间。大小、颜色、对比、对齐、亲密性、紧密与留白都是制造视觉层次的好工具。大小往往与重要性结合起来,最大的元素大部分情况下都具有最大的重要性。颜色在组织和个性两方面都起到作用,醒目、对比强烈的颜色在特殊的元素中会引起更大的关注(比如,按钮、超链接或错误信息);在个性方面,豪华、舒适的颜色会给页面带来感情上的吸引力。对比能够体现出相对的重要性。对齐能够体现出元素们之间的组织关系。亲密性是将关系紧密的内容组织起来的最快方式。紧密与留白的和谐搭配,既能体现内容之间的相互关系,又能避免紧密给用户带来的信息过量之感。
3导航设计
导航是网站内用户的指示路标,可以说是网站最为重要的设计环节,它引导着用户进行浏览和查找信息,一个好的导航能够让用户在离开网站时犹如享受了一次愉快的旅程。导航设计首先要将网站的信息进行组织分类,一个精心组织分类的链接体系能够采用简约的风格,将信息梳理到最符合逻辑、最易于用户理解的类目,让用户不经迟疑、无需复杂操作就能访问到他们想要的内容。
3.1信息的组织与分类
信息的组织与分类是导航设计的基础[13],好的导航能够将繁复的页面内容组织起来,梳理出其中的逻辑,按照层级关系,建立起简洁易懂的栏目信息架构。卡片分类法是一种以用户为导向的有效的组织信息的方法,可以设计出符合用户心智模型的信息架构。卡片分类法分为开放式和封闭式两种[14]。开放式卡片分类法给被试人员足够的自由度来进行信息归类,测试者不仅可能会得到丰富的分类结果,而且有力于发现栏目命名存在的问题,所以一般用于信息分类的前期,用于获取用户对图书馆服务及资源项目的理解情况。开放式卡片分类法由测试者将写有图书馆的相关介绍、服务、资源等名称的卡片完全打乱后分发给被试人员,被试人员可以完全自由地决定把卡片分成几组,每组有多少张卡片,最后再由被试人员为分好组的卡片命名。在开放式卡片分类阶段,能够发现命名不合理的栏目,能够获得被试人员理想的分组命名。例如南方科技大学图书馆网站在开放式卡片分类调查过程中发现,“新馆风貌”页的名称存在问题,因为对于馆员而言,启动校区的图书馆为旧馆,当前使用的图书馆为新馆。但是对于学生而言,他们并不知道启动校区图书馆,所以当前使用的图书馆就称不上新馆,使用“馆舍风貌”命名则更为合适;关于栏目的分组命名也有收获,旧版网站中使用“关于图书馆”栏目,而用户会更喜欢给它命名为“关于本馆”;“资源查找”用户更喜欢给它命名为“资源导航”等。封闭式卡片分类法可在开放式卡片分类法之后使用,由测试者先确定出栏目分组的个数和名称,再将属于这些分组的卡片分发给被试人员,让被试人员根据自己的期望,把卡片归类在不同的分组名称下。如果有些卡片被测人员不知道该将它分到哪个分组名称下,可以将它拿出来,不一定要把所有卡片分完。封闭式的分类更利于掌控,可以用于对信息架构设计结果的有效性进行验证。
3.2导航功能模块设计
虚拟的网络世界不像现实世界中有明显的方向感,若没有清晰的导航和位置信息可能导致用户迷失方向。成功的导航通过各种标识和路径的显示,让用户在导航系统中清楚地认识到网站信息结构和自己浏览到的位置[15]。导航按照在网站中所处的区域与功能的不同分为:全局导航、局部导航、直接导航、面包屑导航、网站地图等。全局导航,也就是通常所说的主导航,是网站的一级菜单,通常以横条的形式设置在网站全局区域较为显著的位置,提供覆盖整个网站的通路,能够展现网站的全貌。用户通过全局导航可以随时从网站的最底层页面到达任何其它页面,实现各个页面之间的跳转。局部导航,也称为副导航,是全局导航的补充和延伸,专门针对网站二级以下的栏目,在帮助用户浏览网站页面时起辅助作用,主要用于有序浏览目录内的具体内容。直接导航,是在首页中设置的直接将用户引导到网站内任意指定位置的导航,直接导航可以跨越多个层级而直接指向链接目标,是为迎合用户需求而设置的到达页面的快捷途径。面包屑导航,这个导航名称来自于童话故事,面包屑是汉赛尔在进入森林的路上偷偷洒下的,是一种“历史记录”的应用方式。面包屑导航能够呈现用户当前在网站中所处位置,记录用户的浏览路径,表达当前内容的归属关系,可以帮助用户方便地通过路径返回到上一级页面。网站地图,将网站的所有页面名称按照结构层次放置在一个页面中,展现整个网站的信息架构,通过链接的方式,帮助用户在一个页面中快捷、准确地找到想要的页面。网站的导航设计就是通过上述不同类型导航的合理设置与相互搭配,最终实现网站的便捷浏览、信息的有效获取。
4结语
网站设计的重中之重不是界面设计的多么美观,运用的技术多么炫酷,而是网站的设计是否符合用户体验,能否让用户轻松、快捷的完成操作。基于用户体验的网站设计强调以用户为中心,设计出符合用户审美体验、认知特点和使用习惯等与用户心智模型相契合的系统,但用户的审美、认知特点、使用习惯以及心智模型都不是一成不变的,而且包含很多隐性的因素,需要经过一系列细致的调查、测试、优化等步骤,才能逐步提升用户的体验。
参考文献:
[1]李小青.基于普遍心理分层理论的Web用户体验模型设计[J].情报资料工作,2010,(1):62-65.
[2]毕剑,刘晓艳,张禹.使用响应式网页设计构建图书馆移动门户网站———以云南大学图书馆为例[J].现代图书情报技术,2015,255(2):97-101.
[3]张晓景.网站用户体验全程揭秘[M].北京:清华大学出版社,2014.
[4]如何运用视觉表现建立网页的信息层级[EB/OL].[2015-03-19].
[6]SmashingMagazine.众妙之门:用户体验设计的秘密[M].邱胤炎,林本杰,译.北京:人民邮电出版社,2014.
[7]吴鹏,张佩佩,甘利人.网站用户信息获取中的心智模型研究[J].情报学报,2011,30(9):935-945.
[8]黄群,朱超.基于用户心智模型的产品设计[J].包装工程,2009,30(12):133-136.
[9]SusanWeinschenk.设计师要懂心理学[M].徐佳,马迪,余盈亿,译.北京:人民邮电出版社.2014.
[10]林一,陈靖,刘越,王涌天.基于心智模型的虚拟现实与增强现实混合式移动导览系统的用户体验设计[J].计算机学报.2015,38(2):408-421.
[11]李海涛,宋琳琳.用户使用网站的心智模型测量方法的选择及应用[J].情报理论与实践,2015,38(2):11-16.
[12]孙丽,田才.基于用户体验的网站信息构建模型[J].情报科学,2010,28(6):907-910.
[13]刘津,李月.破茧成蝶:用户体验设计师的成长之路[M].北京:人民邮电出版社,2014.
[14]蔡剑,詹庆东.基于卡片分类法的网上书店信息构建实证研究[J].图书情报工作,2011,55(10):121-125.
关键词:多媒体;课件;Authorware;背景音乐;多媒体
前言
多媒体课件以丰富的视听信息,生动的图形、图像,高科技表现手段使教学内容化繁为简,化宏观为微观,形象生动,创设情境,写作论文使理论学习、问题辅助学习、激发兴趣和协作学习等在教学中得以体现,使学生由被动学习变为主动学习,由个体独立学习变为群体合作学习,由复制性学习变为创造性学习[1]。本文采用的Authorware7.0软件,通过Fireworks8.0创作动画辅助,将多种教学媒体和教学方法有机结合,完成《电子测量技术》课程的课件设计。
1课件的设计
《电子测量技术》课程是高等职业教育电子信息、应用电子、自动化等专业的专业基础课,同时也是新知识点较多的一门课程。针对职业教育特点,我们主编了《电子测量技术》规划教材,2003年由电子工业出版社出版,教材目前印刷7次,印数已达3万册。因此,从教学角度出发,考虑该教材已获得广泛承认,课件内容以该书为基础,涵盖《电子测量技术》全书12章节内容,并且借鉴原来基于PowerPoint课件的经验,各章节自成体系,按教学大纲划分出知识点;其次是课件应具有良好的用户界面和视觉、听觉效果,课件所使用的计算机硬件和软件开发环境相对兼容,便于升级扩展。
1)脚本的编写
编写详细的脚本,是整个多媒体课件开发过程中的一个重要环节,它把课件设计与制作紧密地联系在一起,成为课件制作的重要依据。写作毕业论文编写脚本包括界面设计、交互设计和风格设计3个方面[2]。
界面是教学信息在屏幕上的显示区域及用户操作区域,设计时我们主要突出“教为学”的思想,围绕教学内容这一中心,既防止课件界面色彩、声像效果等过分浓烈、喧宾夺主,影响学习内容;又考虑课程部分内容如仪器内部电路抽象、枯燥,而学生需要感官刺激,激发兴趣的特点。
同时,我们体会多媒体课件的强大生命力主要体现在交互能力上,比如只需通过单击屏幕上某个特殊的链接设置,方便实现不同对象之间的跳转。本设计中创建了两个导航结构,一种是利用“导航”图标指向框架图标中的某一页,来实现程序内部的跳转和调用。另一种是通过“框架”图标内嵌的导航控件来实现不同页面间的浏览、翻页。除此之外还可以通过设置相应的超文本链接来实现交互性能。
在风格设计上主要体现界面、字幕和显示对象上整体的和谐统一。
2)框架结构的设计
编辑之前考虑到有大量的文本的输入,实现各个章节之间的翻转如果只使用“交互”图标,也是可以实现翻页功能,但写作硕士论文制作起来比较麻烦,而且在查找页和指定固定页方面力不从心。因此运用“框架”图标及“导航”图标制作文本浏览,就方便多了[2]。
“框架”图标和“导航”图标密切相关,经常放在一起使用。导航结构提供了选择路径的方法,可以根据设置自动跳转到指定的目标页上;“框架”图标可以方便地设计含有图形、声音、动画等组件的页面,最重要的是在“框架”图标的内部内嵌了一整套导航控件,通过这一控件可以更容易实现页面之间的来回翻转。
基本框架结构设计后,对有的地方进行了编辑,如更改控制按钮的位置和图标、设置按钮防止页面回绕、编辑进入和退出画面等,使其更适合课件的使用。
2多种媒体素材的使用
要实现多媒体课件的内容丰富多彩,使用多种媒体素材是必不可少的。其中文本、图形、图像是最基本元素,此外还有声音、动画、视频等媒体信息。考虑到职业教育“淡化理论、够用为度、培养技能、重在应用”的特点,我们认为对测量原理部分的讲解应力求突出基本概念,通俗易懂,写作工作总结便于自学,因此课件这部分主要以文本、图片形式,比较详细;而测量方法则应突出操作应用,在设计时则主要以视频演示为主;对测量仪器仪表则重点讲清工作原理和组成框图,在设计时主要以动画、网页内容为主,整个课件设计力求对多媒体资源的合理布局,使它们既符合教材要求,又突出多媒体特征。
1)文本的输入
Authorware可以直接将外部的文本输入到其内部,但是它有一特点就是在文本的输入格式方面有一定的限制,它只能输入TXT、RTF格式的文件[3]。对于不是这种格式的文档如果采用常规直接进行输入势必会占用很多时间,不利于课件的开发。因此借助系统剪贴板使用复制、粘贴的方法来添加文本。当文本过长时,或者输入的文本篇幅较大,采用滚动文本的输入方式,这样在预览时会显得更方便。
2)图片的应用
使用系统本身的绘图工具箱可以绘制出比较简单的画面,但对于《电子测量技术》这门课程仅仅依靠绘图工具箱不能达到实际的要求,如大量的仪器原理图、接线图、仪器面板图等,我们采取的第一个方法是采用Authorware7.0提供的插入外部对象的功能,将原来以Protel99SE、Word、LabVIEW等制作转换为图片形式,写作医学论文使设计的原料变得更加丰富。
3)添加背景音乐
在Authorware7.0系统中可以支持多种类型的声音文件格式,如WAV、SWA、AIFF、PCM、MP3等[3],在制作课件时,通过“声音”图标来插入音频和设置声音播放,如控制播放次数、设置播放时间、速率等,可以轻松引用这些声音素材添加到课件中。在课件中导入背景音乐有它的优点,但是并不是每个人都喜欢有音乐,因此通过对“计算”图标和按钮响应的设置,编写按钮激活代码使课件在播放时可以由使用者根据自己的意愿单击相应的按钮,实现有声和静音之间的转换[4]。
4)动画的调用
动画是多媒体作品中不可缺少的一部分,也是设计中的一个亮点,但使用Authorware本身只能制作出二维的动画,即动画的对象只能在一个平面内运动,这样使演示的效果大打折扣,然而这并不说明Authorware不能演示三维动画,它可以通过文件插入的方式来演示其他软件制作的三维动画,同时系统本身也提供多种效果的页面切换功能,对各种外部和内部资源加以利用同样可以达到理想的效果。
制作动画的软件有很多,使用起来也各有特色。选择合适的创作工具是设计成功的关键,通过查阅相关的资料,了解Authorware系统提供了对GIF动画图像的支持,可以将其应用到课件中。GIF动画是一种特殊的图像格式,其中包含了多帧图像,这些图像按照一定的时间频率交替显示,从而达到动画显示的效果,具体是通过MacromediaFireworks8.0来设计。在Fireworks中制作动画的一种方法是通过创建元件并不停地改变它们的属性来产生运动的错觉。当按顺序播放所有的帧时就成了动画[5]。
5)智能对象与数字电影
智能对象就像一个插入Authorware作品的逻辑包,它是一个强有力的开发工具,它的不同之处在于它与向导的联接,向导可以给Authorware作品提供设置界面,写作职称论文并且可以在插入智能对象的位置添加各种变化、新的内容和逻辑关系。它能使看似繁琐的工作变得更加容易完成,即使是没有经验的开发人员也更容易更有效地完成任务。实际上智能对象在多媒体编辑上做出了根本性的改革。比如智能对象与数字电影的结合应用[3]。在课件中引入数字电影如果只是采用之前的方法,就是在流程线上添加相应的图标进行导入,在程序运行过程中当执行到该图标,系统会直接弹出播放的窗口,不利于下一操作,但是通过MovieController智能对象可以容易实现播放进度的调节。
6)网页链接
在课件设计时,考虑到有些仪器由于价格昂贵或者其他原因,学校无法购置,如数字通信测试用误码仪、逻辑分析仪等,课件设计中考虑实现网页的链接,链接到知名企业的网页上,已加强学生感性认识。这一功能是通过Fireworks中使用URL来实现,编辑选中的热点并对其指定URL路径,最后导出此URL即可实现指定网页的链接。
课件的主界面如图1所示,课件第1章界面如图2所示。
3课件的调试与打包
课件主要是为《电子测量技术》教材而制作的,因此为方便发行和使用,课件的后期工作就是进行调试和打包处理。
由于课件发行打包后将不允许用户再修改,打包之前应尽可能排除其中的错误,确认课件可以正常运行。写作英语论文调试可以通过两种方法来实现。一种是利用区段标志(开始/停止标志),另外一种是通过控制面板的使用。通过使用调试工具可以控制程序流程执行的区段,逐个执行程序流程中的设计图标。将制作好的课件与课件中的库文件一起打包能够提高文件的性能,减少文件的数量,使最后的作品的安装、运行更为容易,并且增加了作品运行的可靠性,避免运行时因为找不到外来函数或库文件而发生错误。
打包好的课件进行设置,可以运行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000这样的32位操作系统中。其中要求的CPU应该是Pentium166以上兼容机种、内存是64M以上、硬盘容量780M、支持DirectX的显卡、光驱是8倍速以上的光驱,此外由于演示窗口大小设置为832*624像素,因此可以用于不低于16英寸显示器。制作好课件并打包后,就可以,课件时必须随同程序中用到的外部媒体文件或外部函数文件一同,Authorware7.0提供了作品的功能,该功能可以将运行作品所需的各种文件及外部函数输出到指定的目录中,从而形成用于发行的最终作品[3]。
4结论
随着各种多媒体教学的推广和普及,计算机辅助教学作为一种先进的教学手段,以其直观性、灵活性、实时性、立体化的优势,写作留学生论文越来越受到大家的青睐。要想运用好计算机辅助教学这一现代化的教学手段,其关键是要设计和制作出符合教学要求的多媒体课件[6]。我们的作品虽然完成了,但是在各院校使用过程中,一定还会发现很多不尽人意之处,我们将与时俱进,将作品更加完善,以更好的实现教学目的,达到教学效果。
参考文献
[1]胡欣杰.时尚教师多媒体课件DIY[M].北京:中国宇航出版社,2005.14-18
[2]孙印杰,李春晖,封新亚.新世纪多媒体CAI课件制作培训教程[M].北京:电子工业出版社,2004
[3]NaheedaRavjani.UsingAuthorware7[M/CD].Macromedia,Inc.600TownsendSt.SanFrancisco,CA94103,2003
[4]China-.Authorware5多媒体制作实用教程[DK/CD].北京寰宇之星软件有限公司2000
关键词:多媒体;课件;Authorware;背景音乐;多媒体
前言
多媒体课件以丰富的视听信息,生动的图形、图像,高科技表现手段使教学内容化繁为简,化宏观为微观,形象生动,创设情境,论文使理论学习、问题辅助学习、激发兴趣和协作学习等在教学中得以体现,使学生由被动学习变为主动学习,由个体独立学习变为群体合作学习,由复制性学习变为创造性学习[1]。本文采用的Authorware7.0软件,通过Fireworks8.0创作动画辅助,将多种教学媒体和教学方法有机结合,完成《电子测量技术》课程的课件设计。
1课件的设计
《电子测量技术》课程是高等职业教育电子信息、应用电子、自动化等专业的专业基础课,同时也是新知识点较多的一门课程。针对职业教育特点,我们主编了《电子测量技术》规划教材,2003年由电子工业出版社出版,教材目前印刷7次,印数已达3万册。因此,从教学角度出发,考虑该教材已获得广泛承认,课件内容以该书为基础,涵盖《电子测量技术》全书12章节内容,并且借鉴原来基于PowerPoint课件的经验,各章节自成体系,按教学大纲划分出知识点;其次是课件应具有良好的用户界面和视觉、听觉效果,课件所使用的计算机硬件和软件开发环境相对兼容,便于升级扩展。
1)脚本的编写
编写详细的脚本,是整个多媒体课件开发过程中的一个重要环节,它把课件设计与制作紧密地联系在一起,成为课件制作的重要依据。毕业论文编写脚本包括界面设计、交互设计和风格设计3个方面[2]。
界面是教学信息在屏幕上的显示区域及用户操作区域,设计时我们主要突出“教为学”的思想,围绕教学内容这一中心,既防止课件界面色彩、声像效果等过分浓烈、喧宾夺主,影响学习内容;又考虑课程部分内容如仪器内部电路抽象、枯燥,而学生需要感官刺激,激发兴趣的特点。
同时,我们体会多媒体课件的强大生命力主要体现在交互能力上,比如只需通过单击屏幕上某个特殊的链接设置,方便实现不同对象之间的跳转。本设计中创建了两个导航结构,一种是利用“导航”图标指向框架图标中的某一页,来实现程序内部的跳转和调用。另一种是通过“框架”图标内嵌的导航控件来实现不同页面间的浏览、翻页。除此之外还可以通过设置相应的超文本链接来实现交互性能。
在风格设计上主要体现界面、字幕和显示对象上整体的和谐统一。
2)框架结构的设计
编辑之前考虑到有大量的文本的输入,实现各个章节之间的翻转如果只使用“交互”图标,也是可以实现翻页功能,但硕士论文制作起来比较麻烦,而且在查找页和指定固定页方面力不从心。因此运用“框架”图标及“导航”图标制作文本浏览,就方便多了[2]。
“框架”图标和“导航”图标密切相关,经常放在一起使用。导航结构提供了选择路径的方法,可以根据设置自动跳转到指定的目标页上;“框架”图标可以方便地设计含有图形、声音、动画等组件的页面,最重要的是在“框架”图标的内部内嵌了一整套导航控件,通过这一控件可以更容易实现页面之间的来回翻转。
基本框架结构设计后,对有的地方进行了编辑,如更改控制按钮的位置和图标、设置按钮防止页面回绕、编辑进入和退出画面等,使其更适合课件的使用。
2多种媒体素材的使用
要实现多媒体课件的内容丰富多彩,使用多种媒体素材是必不可少的。其中文本、图形、图像是最基本元素,此外还有声音、动画、视频等媒体信息。考虑到职业教育“淡化理论、够用为度、培养技能、重在应用”的特点,我们认为对测量原理部分的讲解应力求突出基本概念,通俗易懂,工作总结便于自学,因此课件这部分主要以文本、图片形式,比较详细;而测量方法则应突出操作应用,在设计时则主要以视频演示为主;对测量仪器仪表则重点讲清工作原理和组成框图,在设计时主要以动画、网页内容为主,整个课件设计力求对多媒体资源的合理布局,使它们既符合教材要求,又突出多媒体特征。
1)文本的输入
Authorware可以直接将外部的文本输入到其内部,但是它有一特点就是在文本的输入格式方面有一定的限制,它只能输入TXT、RTF格式的文件[3]。对于不是这种格式的文档如果采用常规直接进行输入势必会占用很多时间,不利于课件的开发。因此借助系统剪贴板使用复制、粘贴的方法来添加文本。当文本过长时,或者输入的文本篇幅较大,采用滚动文本的输入方式,这样在预览时会显得更方便。
2)图片的应用
使用系统本身的绘图工具箱可以绘制出比较简单的画面,但对于《电子测量技术》这门课程仅仅依靠绘图工具箱不能达到实际的要求,如大量的仪器原理图、接线图、仪器面板图等,我们采取的第一个方法是采用Authorware7.0提供的插入外部对象的功能,将原来以Protel99SE、Word、LabVIEW等制作转换为图片形式,医学论文使设计的原料变得更加丰富。
3)添加背景音乐
在Authorware7.0系统中可以支持多种类型的声音文件格式,如WAV、SWA、AIFF、PCM、MP3等[3],在制作课件时,通过“声音”图标来插入音频和设置声音播放,如控制播放次数、设置播放时间、速率等,可以轻松引用这些声音素材添加到课件中。在课件中导入背景音乐有它的优点,但是并不是每个人都喜欢有音乐,因此通过对“计算”图标和按钮响应的设置,编写按钮激活代码使课件在播放时可以由使用者根据自己的意愿单击相应的按钮,实现有声和静音之间的转换[4]。
4)动画的调用
动画是多媒体作品中不可缺少的一部分,也是设计中的一个亮点,但使用Authorware本身只能制作出二维的动画,即动画的对象只能在一个平面内运动,这样使演示的效果大打折扣,然而这并不说明Authorware不能演示三维动画,它可以通过文件插入的方式来演示其他软件制作的三维动画,同时系统本身也提供多种效果的页面切换功能,对各种外部和内部资源加以利用同样可以达到理想的效果。
制作动画的软件有很多,使用起来也各有特色。选择合适的创作工具是设计成功的关键,通过查阅相关的资料,了解Authorware系统提供了对GIF动画图像的支持,可以将其应用到课件中。GIF动画是一种特殊的图像格式,其中包含了多帧图像,这些图像按照一定的时间频率交替显示,从而达到动画显示的效果,具体是通过MacromediaFireworks8.0来设计。在Fireworks中制作动画的一种方法是通过创建元件并不停地改变它们的属性来产生运动的错觉。当按顺序播放所有的帧时就成了动画[5]。
5)智能对象与数字电影
智能对象就像一个插入Authorware作品的逻辑包,它是一个强有力的开发工具,它的不同之处在于它与向导的联接,向导可以给Authorware作品提供设置界面,职称论文并且可以在插入智能对象的位置添加各种变化、新的内容和逻辑关系。它能使看似繁琐的工作变得更加容易完成,即使是没有经验的开发人员也更容易更有效地完成任务。实际上智能对象在多媒体编辑上做出了根本性的改革。比如智能对象与数字电影的结合应用[3]。在课件中引入数字电影如果只是采用之前的方法,就是在流程线上添加相应的图标进行导入,在程序运行过程中当执行到该图标,系统会直接弹出播放的窗口,不利于下一操作,但是通过MovieController智能对象可以容易实现播放进度的调节。
6)网页链接
在课件设计时,考虑到有些仪器由于价格昂贵或者其他原因,学校无法购置,如数字通信测试用误码仪、逻辑分析仪等,课件设计中考虑实现网页的链接,链接到知名企业的网页上,已加强学生感性认识。这一功能是通过Fireworks中使用URL来实现,编辑选中的热点并对其指定URL路径,最后导出此URL即可实现指定网页的链接。
课件的主界面如图1所示,课件第1章界面如图2所示。
3课件的调试与打包
课件主要是为《电子测量技术》教材而制作的,因此为方便发行和使用,课件的后期工作就是进行调试和打包处理。
由于课件发行打包后将不允许用户再修改,打包之前应尽可能排除其中的错误,确认课件可以正常运行。英语论文调试可以通过两种方法来实现。一种是利用区段标志(开始/停止标志),另外一种是通过控制面板的使用。通过使用调试工具可以控制程序流程执行的区段,逐个执行程序流程中的设计图标。将制作好的课件与课件中的库文件一起打包能够提高文件的性能,减少文件的数量,使最后的作品的安装、运行更为容易,并且增加了作品运行的可靠性,避免运行时因为找不到外来函数或库文件而发生错误。
打包好的课件进行设置,可以运行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000这样的32位操作系统中。其中要求的CPU应该是Pentium166以上兼容机种、内存是64M以上、硬盘容量780M、支持DirectX的显卡、光驱是8倍速以上的光驱,此外由于演示窗口大小设置为832*624像素,因此可以用于不低于16英寸显示器。制作好课件并打包后,就可以,课件时必须随同程序中用到的外部媒体文件或外部函数文件一同,Authorware7.0提供了作品的功能,该功能可以将运行作品所需的各种文件及外部函数输出到指定的目录中,从而形成用于发行的最终作品[3]。
4结论
随着各种多媒体教学的推广和普及,计算机辅助教学作为一种先进的教学手段,以其直观性、灵活性、实时性、立体化的优势,留学生论文越来越受到大家的青睐。要想运用好计算机辅助教学这一现代化的教学手段,其关键是要设计和制作出符合教学要求的多媒体课件[6]。我们的作品虽然完成了,但是在各院校使用过程中,一定还会发现很多不尽人意之处,我们将与时俱进,将作品更加完善,以更好的实现教学目的,达到教学效果。
参考文献
[1]胡欣杰.时尚教师多媒体课件DIY[M].北京:中国宇航出版社,2005.14-18
[2]孙印杰,李春晖,封新亚.新世纪多媒体CAI课件制作培训教程[M].北京:电子工业出版社,2004
[3]NaheedaRavjani.UsingAuthorware7[M/CD].Macromedia,Inc.600TownsendSt.SanFrancisco,CA94103,2003
[4]China-.Authorware5多媒体制作实用教程[DK/CD].北京寰宇之星软件有限公司2000
信息构建是“定义和控制界面并整合系统各组成部分”的一种机制,个人信息系统的规模和复杂程度正在不断增加,从而促进了构建程序在范围、组织影响和处理过程等方面比早期的独立应用范围要广泛得多。
第一代信息构建于80年代公开和描述,它是用于开发独立应用的,主要描述从需求、设计、构造到最后的交付使用这样一个过程,其重点是一个独立系统的开发。第二代则是将信息构建的思想融入企业级的若干个应用的综合。
另一个特征就是第一代和第二代的信息构建强调的是技术解决而不是组织对信息的使用。在当时社会中的很多领域都希望能开发、分享和管理信息。对大部分组织来说,仅仅拥有一个网站、电子信息管理系统就足够了。然而,时过境迁,人们终于意识到必须把信息作为组织中的一种资源来看待。
二、现代图书馆信息构建
(一)概念解析
20世纪90年代初,Web的形成和基于Web浏览器的发明,大大推动了因特网向全球发展。同时,作为企业管理中的一个重要职能知识管理的出现,使得人们的争论越来越多地涉及到信息内容和内容管理上来,从而提出了以信息为中心的第三代信息构建。第三代与前二代信息构建的主要区别在于:
1.第三代信息构建强调信息作为一种竞争资源的使用价值,区别于支持系统的技术。单方面关注由技术构建出的一个信息体系就像是用烹饪工具装设一个厨房而来制作一顿晚餐一样,它忽略了烹饪原料的质量。用户和信息建筑师都是通过掌握“信息的信息”从更深层次来理解信息的使用。这种理解超出对信息本身及其结构的简单定义,通过一些数据、图案、指南来引导用户使用信息。同时,用户和信息建筑师也通过“信息收益率”来评价信息构建的质量。
2.由于在第一代和第二代信息构建中所使用的单一图表过于简单化,不能传递太多信息,所以需要用一系列的图表来描述问题。第三代信息构建便是通过反映信息的这种多维复杂性以及描述构建中不同认识维度的各个关键因素来解决问题。
3.早期的信息构建概念忽略了该概念的背景和理论基础,或者将其简单化。基于一些不适当的设计原则,信息构建是很难实现的,如信息构建中对度的整合。今天的信息构建要考虑到整个体系中各元素的整合以及体系中各组成部分的再使用问题。
(二)与其它概念的联系
1.信息构建与信息设计。信息构建的重点在于内容以及以用户为中心,特别是复杂的网站建构。主要成分包括:虚拟设计:版面与信息的图表设计,使得交流的效用最大化;交互设计:设计网页上动态成分或软件应用,可以使用户完成特定任务;用户的经验设计:建立一个完整的基于用户需求的经验数据库;可用性:对一个系统进行评价,确保其易用性和有效性,然后,将评价结果融入到设计过程中去。
信息设计偏重于文献内容、结构和外形的结合。它不只考虑文献的内容本身,还将文献作为一个整体,进行多元化的整合。相比较而言,信息构建更侧重于内容的概念设计。
2.信息构建与信息管理。信息管理是一个比信息构建更为成熟和固定的领域,它是以数学、管理科学、信息科学等学科为基础,涉及多门学科(理、工、农等)、多个领域(经济、管理、法律等)的综合叉学科。二者都与信息科学(如信息的描述、辞典的设计、信息检索等)有着很多联系。信息建筑师与信息管理专家对信息组织、建立有效的内容管理战略以及为用户提供有效的访问途经等方面都有着很大的热情。同时,他们也都受到网络信息泛滥的矛盾冲突以及经济不稳定等多方面的冲击。狭义的信息构建,即网站信息构建,这是当今信息构建应用最为广泛、最为成熟的领域。广义的信息构建,即不仅要考虑信息,而且更要对组织机构中的信息服务与信息相关部门及其人员的整合与合理配置,包括技术层面、管理层面以及信息系统的结构构建。因此,广义的信息构建更接近于现代信息管理的理念。
3.信息构建与信息管理构建。信息管理构建是当代出现的虚拟企业组织中为了管理生产计划信息和控制信息而产生的。它不仅要考虑商业数据,还要考虑技术方面的数据。信息构建是“组织信息和设计信息环境、信息空间或信息体系结构,以满足需求者的信息需求的一门艺术和科学”,涉及到图形设计、人机交互和界面设计,目的是帮助人们成功地发现和管理信息,侧重于用户和信息。
三、网络信息构建
网站信息构建是指借助图形设计、可用性工程、用户经验、人机交互、图书馆学信息科学等的理论方法,在用户需求分析的基础上,组织网站信息、设计导航系统、标签系统、索引和检索系统,以及负面内容布局,帮助用户更加成功地查找和管理信息。
网站信息构建的主要内容包括:
(一)内容组织
一般通过字母顺序或地理位置构成来组织图表。一些模糊图示法也很有帮助,但不太准确。现在比较有名的如Yahoo网页上的杜威十进分类系统。图表一般独立于用户界面。界面改变并不影响到图表。另外,为了实现这个目标,它还必须有一个规则来容纳新增加的网页内容。
(二)导航系统
它帮助用户了解自己所处位置以及从这个网站中能获得什么,就像现实中的路标或地图一样,可分为全局导航和页面导航。全局导航可以链接到网站内任何一个资源,而页面导航给用户呈现相近的主题网页。此外,还有像背景导航,为用户建议网站其它领域相关主题内容;面包屑导航法,呈现网站结构中的页面位置以及用户的浏览路径;网站地图和索引也为用户提供了网站内容、结构等方面的概况。
(三)检索系统
这里强调的是检索结果和检索界面。检索结果不能太庞大和杂乱无章,以至于查准率过低。而界面要求友好,能够提供给用户进行自我修正检索机制的途径。
(四)标识系统
包括页标题、主页上的链接、索引入口、产品名、公司名等。这些在网站上随处可见。它可以使链接与页面主题相一致。
关键词:Java EE;教学资源;教学模式
中图分类号:TP319 文献标识码:A 文章编号:1009-3044(2015)05-0091-03
Development and Implementation of Teaching Resource Platform Based on Java EE
LIU Min-na1,2,LI Yan-xiang1,WEI Hao1
(1.Xianyang Normal University, College of Information Engineering, Xianyang 712000, China;2.Xianyang Normal University Institute of Graphics and Image Processing, Xianyang 712000, China)
Abstract:Based on Java EE architecture to develop a network based teaching resources website. The system uses Java three framework, Struts2, ibatis and spring. The system includes three sub platforms for students, teachers and administrators. Provide services to students have registered, log in, view teaching resources, upload operations, publish messages and other functions. To provide the teacher with the editor of the website, upload resources, processing message, processing operations and other functions. To provide users with the management of user management, role management, log management and other functions. System interface is friendly, the function is more powerful, and has good scalability.
Keywords: Java EE; Teaching resources; Teaching mode
1 问题的提出
传统课堂教学模式,教师在有限的教学时间内讲授大量的知识, 因为时间关系,师生的互动较少,教学效果比较差强人意。究其原因,主要问题在于课堂上,教师是主体,学生大多数只是被动地接受知识。而课后,教师和学生见面机会少,所以学生作业中的问题,教师很难第一时间给予指导,当问题积累的多了,即使课堂上有机会提问,但学生往往不知从何问起。久而久之,大大影响学生学习的积极性。
同时,随着高校的扩招,班级学生人数增加,从最初的30人增加到40到50人。教学班人数增加,因为教师的精力有限,课时有限,课堂提问的覆盖面有限,教学的效果受到了一定的影响。
为了有效地改进教学模式,提高学生学习的主动性,使学生能够积极的自主学习,因此,建立基于java三大框架的教学资源网站,通过这个网络平台,提供学习资料,视频等多种资源。为教师,学生创造更加灵活,多样化的教学环境。在这个网络平台上,学生是主体,他们可以根据知识掌握的情况,利用闲暇时间,去主动的学习,对于不够理解的知识,可以在网络上与教师互动,能有效地调动学生的学习积极性。
2 教学资源系统
2.1教学资源系统需求
本系统使用B/S架构,采用java的三大框架技术,主要实现对授课教师和学生的管理,授课教师可以教学资源,查看学生作业,处理学生留言,管理个人信息(登录密码,用户名),学生也可以通过本系统上传作业,下载教学课件。管理员可以对系统中的授课教师和学生进行管理。包括增加,删除,修改,查询。系统具体功能如下:
前台功能:
1)课程介绍:课程简介、教学大纲、课程特色、教学方法。
2)师资队伍:教师介绍、科研论文、科研项目。
3)教学资源:教学教参、教学课件、典型习题、网络资源、教学视频、在线答疑(QQ在线留言)。
4)教学成果:出版教材、教改项目、教改论文、教学获奖。
5)留言板
6)联系我们:QQ在线留言、电话,地址。
后台功能:
1)用户管理:新增用户,修改用户,用户授权,删除用户。(支持从word或者excel中导入学生)
2)通用页面处理:选择了栏目,对网页内容进行编辑。
3)任务管理:新增任务、删除任务、查看任务。
4)日志管理:日志查询。
5)角色管理:新增角色,修改角色,赋予菜单,删除角色。
6)留言管理:回复,删除,查看。
网站分为非登录用户(游客)、登录用户(学生、教师和管理员)。
1)游客具有查看网页,浏览视频等权限,但是不能下载资源。
2)学生可以查看网页、浏览视频,下载资源,上传作业,留言。
3)教师可以编辑网页,上传资源,下载资源(学生作业),查看学生的浏览网站记录,处理留言。
4)管理员可以增加用户,管理日志,管理用户等。
2.2 系统开发及运行环境
系统采用B/S模式,开发技术上,选择Java的三大框架,Struts、Spring、ibatis作为开发技术[1][2],Tomcat与windows Server2010作为运行平台,数据库使用My Sql。前台设计使用的技术有xhtml,div+css,js,freemarker。
2.3 系统功能设计
系统包括管理员,教师,学生三部分。系统的主要模块有注册模块,登录模块,通用页面管理模块,用户管理模块,角色管理模块,日志管理模块,留言管理等模块[3]。
系统模块图如下:
1)作业管理模块
该模块可以实现搜索学生提交的作业,查看提交作业学生的信息,对提交的作业进行下载等操作。
2)页面管理模块
教师,管理员对网页的栏目页面的内容进行编辑,将页面中链接的资源,如word,ppt,rar,mp4等资源进行上传。
3)日志管理模块
管理员查看访问后台系统的用户,以及访问的具体操作和访问时间,以便于了解后台系统的使用情况,当系统出现安全隐患,通过日志可以锁定可能存在安全隐患的用户。
4)用户管理模块
超级管理员对系统中的管理员,学生用户,教师用户进行添加,修改,删除操作。对用户设置一定的角色,以便于具有相应的权限。
5)角色管理模块
系统具有管理员,教师,学生三种角色。管理员可以对系统,网站,用户进行管理,教师可以管理留言,管理作业,管理通用页面。学生可以查看网页,上传作业,留言。
6)留言管理模块
由教师,管理员进行查询,处理,回复学生的留言。
7)注册模块
为学生用户和教师用户设置的注册,输入用户名,密码等信息后可以注册成为网站的合法用户。
8)登录模块
登录时根据不同的用户名,以及此用户所具有的角色,跳转到不同的页面。学生用户进入网站首页,教师和管理员进入网站后台。
2.4 系统实现
1)数据库设计
本系统的数据库名字为teaching_resource,数据库中有9个表,分别是:
sys_user:用户表(见表1)
sys_role:角色表
sys_user_role:用户角色表
sys_role_menu:角色菜单表
sys_menu:系统菜单表
message:留言表(见表2)
sys_log:日志表
t_html_data:数据表
t_html_core:栏目表
2)数据库中关系模型
数据表的数据结构如下:
用户表:包括类型,用户id,姓名,密码,创建时间,是否删除,班级,系别。
角色表:角色id,角色名称,创建时间。
用户角色表:角色id,用户id。
菜单表:菜单id,菜单名称,菜单类型,菜单的url,父菜单id。
角色菜单表:角色id,菜单id。
留言表:留言id,留言用户姓名,留言标题,留言内容,ip,留言时间,回复内容。
日志表:id,日志名称,类型,状态,用户名,ip,日期,显示信息。
数据表:id,fid,内容,栏目名称。
栏目表:id,fid,类型,级别,名称。
3)用户界面设计
经过需求分析,本系统主要实现教学资源,教学资源上传,教师管理,和学生管理等功能。系统分为前台和后台。前台首页包括导航条,学生优秀作品展示,教学资源分类等区域。网站在界面设计时本着清爽,美观大方的原则[4][5],主色调采用天蓝色、主体文字为黑色。首页界面如下图:
后台界面采用框架结构设计,框架左侧是以浮动面板展示的导航,后侧显示具体的页面内容。效果图如下图:
4)系统的特点
该系统通过在线QQ,留言与学生交互,因此具有很强的交互性。网站具有开放性,所有用户均可以查看所有资源。在网站后台可以对网站的角色进行管理,对不同用户动态赋予不同角色。静态网页采用DIV+CSS布局,具有很好的可扩展性。
3 结束语
基于三大框架技术的教学资源网站,实现了教学资源的网络化,学生可以网上查看课程资源,上传作业和留言,教师借助网络新的资源,处理留言和学生提交的作业。这个平台的使用,可以打破传统教学受地域,时间的限制,使教学资源最大化的发挥作用。
参考文献:
[1] 刘京华. Java Web整合开发王者归来[M]. 北京: 清华大学出版社, 2010: 126-139.
[2] 唐振明. JavaEE主流开源框架[M]. 北京: 电子工业出版社, 2011: 68-70.
[3] 丁光惠, 唐正连, 杨伟,等. 基于 B/ S 的毕业设计管理系统开发[J]. 湖北汽车工业学院学报, 2006, 20(4): 71-73.
关键词: 科研机构; 信息系统; 信息;
中图分类号:TP315 文献标志码:A 文章编号:1006-8228(2013)01-64-02
Design and implementation of information management system of research institution
Feng Yuan1, Han Li1, Tan Qianjin2, Cai Zengyu1
(1. School of Computer and Communication Engineering, Zhengzhou University of Light Industry, Zhengzhou, Henan 450002, China;
2. College of Economics and Management, Dalian Ocean University)
Abstract: In order to realize the information management in research institution, the general method for design and implementation of information management system in research institution is studied. Through analyzing the requirement, designing function, database and interface, the information management system of computer network institute of ZZULI is constructed by using the key technologies such as page class, web-pagination and security guarantee. The testing results of this system show that the information management system is able to meet the system requirements.
Key words: research institution; information system; information publishing;
0 引言
计算机广泛应用于各个方面,很多研究机构都构建了自己的信息系统,用以单位形象展示和数据管理,其中比较典型的有高校研究机构内容管理系统[1]等,高校科研管理信息系统[2]。高校研究机构信息管理系统是一种具有交互功能的信息管理系统,主要负责研究所内部新闻、通知等信息,以及研究人员的学术论文、科研项目等研究成果。这不仅方便了内部人员的办公需求,也方便外部人员通过网络来了解研究所的信息。本文以郑州轻工业学院网络研究所信息管理系统为例,研究科研机构信息管理系统的设计和实现的一般方法。
1 网络研究所信息管理系统设计
1.1 需求分析
网络研究所信息管理系统的主要功能是信息展示和信息管理,管理员通过该系统新闻、通知和共享,研究人员自己的研究成果,浏览者了解研究所最新新闻、通知、员工科研情况等。网络研究所信息管理系统在功能方面满足各种用户的需求,并实现对系统及数据库的维护。另外,针对网络开发环境,需要保证系统的可用性和数据的安全性。
1.2 功能设计
网络研究所信息管理系统用户主要分为系统管理员、研究人员、外部人员。外部人员只能浏览网站的内容,包括浏览新闻、查看内部通知、查看研究所简介、员工介绍、学术成就、发表的论文和资源下载等功能;研究人员主要使用个人信息管理模块,主要有简介管理、论文管理、参与项目管理、出版图书管理等;管理员主要负责新闻管理、通知信息管理、员工管理、数据备份和资源管理等功能模块。本系统功能模块如图1所示。
1.3 数据库设计
网络研究所信息管理系统使用的对象分为三类,第一类是用于展示信息的新闻、通知;第二类是研究成果,包括论文、著作、项目、获奖情况等;第三类是研究人员数据表和管理员数据表。
对于新闻、通知,分别用News表和Notices表存储,News表包括标题、说明、附注、时间、点击次数、图片地址等字段。其中“NewsID”是新闻的编号,以自动编号来添加数据表信息,也是News表的主键。Notices表相比新闻数据表,少了图片字段,该数据表中的字段“ID”是通知编号的标识,作为通知的主键在数据库中使用,并作为外键使用。
研究人员(Users)数据表描述了内部人员用户注册时填写的一些基本信息,包括年龄、职称,研究方向,个人简介等信息。其中个人的编号“UserID”用来作主键,而个人的姓名“UserName”就会被表“papers”的“PapersAuthor”引用。
论文数据表(papers表)包含的基本属性,包括了编号、论文标题、级别、作者姓名、发表刊物、存储路径,卷号,期等信息。其中论文的编号“PapersID”用来作关键字,而论文的作者“papers”的“PapersAuthor”引用“Users”表的“UserName”。
另外还有角色表、日志表、著作表和项目表等数据表,在此不再详述。
1.4 界面设计
根据研究所的性质,采取了以较庄重的底色“蓝色”作为背景颜色,网站信息系统布局较为严谨简洁,在导航栏中显示各个功能的页面连接标题,首页如图2所示。其他页面显示则是根据首页为主题来设置的模板而定,与首页的风格保持一致。
2 网络研究所信息管理系统实现关键技术
2.1 页对象的使用技术
包含很多页对象,用于处理页面的请求,获取相关属性以及对这些属性进行的操作,并实现页面间的共享信息的传递。常见的对象有Session、Request、Response等。
⑴ Session 技术的使用
Session机制是一种服务器端的机制,服务器使用一种类似于散列表的结构(也可能就是使用散列表)来保存信息。在中Session对象简单来说就是服务器给客户端的一个编号,主要用于存储一定生命周期内某个用户的个人信息。本系统多次使用Session对象实现了Web页面间的数据传递,例如在教师登录系统后,系统将显示欢迎信息,具体实现:在登录页login.aspx中用Session["username"]=username.Text。
⑵ Request对象
Request 对象包括请求报头(Header)、客户端的机器信息、客户端浏览器信息等,用于实现对客户端信息的获取。本系统在上传文件、日志记录上使用了Request对象。
客户端IP地址:
当前文件服务端物理路径:
⑶ Response对象
Response对象是HttpResponse类的一个对象,与一个HTTP响应相对应,通过该对象的属性和方法可以控制如何将服务器端的数据发送到客户端浏览器[3]。本系统在网页跳转上多处使用了Response对象。
2.2 Web分页技术
支持的分页技术分为两类:内存数据分页和存储过程分页。内存分页方法实现简单,对于少量数据检索效率较高;存储过程分页需要数据库服务器的支持,适合大数据量的处理。在用户管理、科研成果管理、新闻和通知管理等用到的数据项不是太多,所以使用内存数据分页来实现;日志显示和管理处理的数据可能非常多,所以使用了存储过程分页技术。在实现内存数据分页方法时候,本系统使用了PagedDataSource类实现DataList和Repeater控件的分页显示。PagedDataSource类是一个封装数据绑定控件(如DataGrid、GridView和DetailsView等),具有与分页相关的属性,该控件可以执行分页操作。
2.3 安全性保障
⑴ 防止SQL注入。首先使用验证控件,在网页加入输入检验功能。验证控件对访问者的输入信息进行限制,预防脚本注入;使用存储过程,避免SQL注入式攻击,使输入参数与相应的列具有相应的尺寸,通过执行存储过程实现对数据表的操作,避免了对数据表的直接访问,保证了数据的安全。
⑵ 访问控制设计。设计了基于RBAC的访问控制机制,定义超级管理员、系统管理员、内部员工等角色,对不同的用户对应其中的一个或多个角色,根据角色划分权限,不同的角色看到的界面不一样,从而实现对用户的权限控制。
3 网络研究所信息管理系统测试
基于网站的系统测试不但需要检查和验证系统是否按照设计的要求运行,而且还要评价系统在不同用户的浏览器端的显示是否合适;重要的是,还要从最终用户的角度进行安全性和可用性测试[4]。为了保证本系统的正确稳定运行,在功能方面进行了链接测试、表单测试、Cookies测试、数据库测试等,测试结果表明,本系统在所测试项目上没有问题,能够正确运行。可用性测试进行了导航标题测试、图形测试;内容测试检验了Web应用系统提供信息的正确性、准确性和相关性[5]。本系统经过以上各项测试显示,各项功能均已基本达到了设计要求。
4 结束语
本文构建了基于的郑州轻工业学院网络研究所信息管理系统,系统测试和用户试用效果良好,很好地实现了网络研究所的信息管理和,功能齐全、界面友好,很好地满足了用户需求。本系统的使用,将会提高网络研究所的信息发表的方便性和管理质量,促进研究所的研究成果和研究动态对社会的信息开放。进一步的研究是开发出科研机构信息管理的通用平台和自动定制系统,使系统更具有推广价值。
参考文献:
[1] 何晓蓉.高校研究机构内容管理系统的设计与实现[J].现代计算机(下半月版),2007.6:70-72
[2] 侯艳辉,李晓青,徐伟.基于的高校科研管理信息系统的设计与实现[J].电子商务,2011.4:68-69
[3] 叶文胜,满学璐常见页对象使用[J].农村经济与科技,2009.10:91,122