时间:2023-03-23 15:20:49
引言:易发表网凭借丰富的文秘实践,为您精心挑选了九篇网页界面设计论文范例。如需获取更多原创内容,可随时联系我们的客服老师。
关键词:格式塔网页设计视知觉
引言
格式塔一词来源于德文“Gestalt”的音译,本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论,其主要目标是探讨视觉感知及其与学习、思维的关系,它所研究的出发点就是“形”,“形”是经由知觉活动组织成的经验中的整体,与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸,主要是通过浏览者的视觉感知来接受网站信息。因此,研究格式塔理论在网页界面设计中的运用,无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素,根据主题表达的需求在特定的页面上进行的一种编辑和安排,其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究,提出了一系列视感知规律,其中包含了“图底”这个核心概念,和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性,将这些规律引入页面设计,有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计,提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域,“底”被看成是用来衬托图的背景。相对而言,图比底,轮廓较为完整、封闭,形状较为规则,面积比较小,色彩比较鲜艳;此外,更重要的是,能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质,在网页设计中,应当明确区分图与底,主体与背景。另外,主体自身结构要清晰明了,背景不能过于复杂,这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色,尽量避免同时使用色相环中相对的颜色,大面积同一颜色宜采用低对比度,避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图-底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用,图形是依赖于背景而存在的,要使主体感到存在,必然要有底将它衬托出来。因此无论在文字、色彩、图像,还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为,人们的知觉有一种“简化”倾向,所谓简化并非仅指一般意义上的“简单”,即物体中包含的成分少或成分之间的关系简单,而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位,如果一个格式塔中包括太多不相关的单位,眼睛就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体,否则,整体形象将无法被正确感知,这种形象势必会被人们忽视,以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先,在网页界面结构的设计上,应避免使用过于复杂的网格结构,结构的设置应尽量简单明了,符合人的视觉流程,也符合人们对规则形的喜好,利于浏览者以最短的时间找到最需要的信息。
其次,在图像的选择上,应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像,这样会增加浏览者找寻信息的难度。
再次,在进行文字编辑时,应该考虑编辑的最终效果。文字应给人以清晰的视觉印象,避免页面繁杂凌乱,减少不必要的装饰变化,使人易认、易懂、易读,不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。在字体的选择上,虽然可供选择的字体很多,但同一页面上的字体种类最多只能有三四种,这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小,但到了节以下的层面,可以选用同一字号但用不同的字体加以区分。在文本密度方面,文本应该以短小的组块形式出现,并且应该经过编辑,以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则,与前面的简明原则类似,人们在倾向于简化认识对象的同时,也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近,浏览者就比较容易看出它们是一起的。根据这一原理,对于页面上的任何元素,如果在功能或内容上是相同或相近的,就应在一定程度上保持相对较小的空间距离,做到“物以类聚”。比如,页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统,具有相似的功能。因而,需要通过将浏览者注意力集中于视觉范围内的关键概念,帮助他们获得信息。在网页界面设计中,可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格,这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分,对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是,如果一幅画面中区别过多,也会使浏览者难以注意需要获得的信息。因此,这些方法应该用于强调关键信息或图形的关键部分,而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明,每一种视觉样式都可以被看成是一种陈述,对于模棱两可的视觉样式,人们会根据以往的经验按照不同的样式加以组织,这时不同的人会看到不同的东西。因此,在网页界面设计时,应当避免出现不完整的图形,以免使浏览者花费过多的时间去琢磨图形的含义,而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉,然后再以部分的形式被知觉。因此,在进行网页界面设计时,要强调整体风格的统一,内容与形式的统一。
结语
将格式塔心理学引入网页界面设计,目的是希望网页设计向理性化的方向发展。随着网络的不断发展,浏览者对页面的要求也越来越高,但现在的页面设计大多还是从直觉出发,离科学的页面设计还有相当大的距离,因此要想达到科学的页面设计,就要在设计时遵照人类的认知规律,并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献:
[1]曹方著.视觉传达设计原理,江苏美术出版社
[2]卡尔·考夫卡著,黎炜译.格式塔心理学原理.浙江教育出版社
关键词:多设备;界面设计;视觉化;操作方式
随着移动通信技术的高速发展和信息终端设备被人们所广泛适用,过去由电脑作为主要的网络信息共享、传递、存储设备的方式已逐步被多元化的设备形式所分流。人们不再需要保持在固定的网络环境中,就可以随心所欲地依靠自身携带的智能移动设备终端随时随地地享受互联网带来的便捷。而以个人电脑、智能手机、平板电脑等为重要代表的多元化设备形式被广泛应用,其最为显著的变化表现为基于各个设备中的屏幕大小和输入输出的呈现方式上的差异化,也使得界面设计的表达方式和表现形式变得更加复杂多变。介于这样的多设备模式的发展情况,今后的发展方向想必是更加多元而又复杂多变的。
1 多设备时代下的界面变化
基于同一界面设计表现在不同的设备及其操作平台所表现出来的差异化,使得我们在设计中如何适应这些多元性进行有效呈现,从而为用户提供更好的操作体验则成为了重中之重。压力感应屏已逐步投入量产,即可预知会有越来越多的不同类型的高科技设备等着我们。而在多元化的趋势之下,作为设计工作者必须具备的前沿就要求我们需要以现在和未来的角度来观察这些设备的多元性造成的现象。我们抛开不同的设备所呈现的处理器运算速度和操作系统差异化等硬件设备的条件限制,影响界面设计的物理性因素是基本相同的,其中就主要包含了屏幕的大小尺寸(屏幕尺寸一般由屏幕物理尺寸、屏幕分辨率和屏幕密度所影响)、屏幕的长宽比例、设备的操作方式、输入输出方式等等。
就目前网络环境而言:我们现有的解决方法基本是利用自适应界面模式进行界面设计:根据设备界面的差异性产生的不同需求和其运行的环境进行自动化裁减,用以定制系统的显示和交互行为。但这也只能在一定区域范围内进行有效的自适应变化,设备界面差异过大也是无法完全兼顾的,而对于过于繁杂的界面构成体系甚至会造成系统的负担。因为随着未来数字媒体产业的发展变化,越来越多设备类型蜂涌而出,就单一设备形式去设计其专有界面模式是难以完成的。自适应用户界面就是在满足设备差异化的前提下,提供一种折中的方式去极大限度展现内容的有效手段。而现有的“响应式网页设计”就是依照设备屏幕的宽度,提供最佳版面设计的自适应界面模式中的一种表现方法:以一个HTML用以支持多种屏幕尺寸不同的设备。以一个设备模块自适应于多个屏幕设定,预先根据屏幕尺寸大小设定几个切换版面的页面尺寸的断点,让版面在断点前后的尺寸产生较大的变化,进一步设定切换基准以契合更多得屏幕进行版式设计。尤其是优秀的自适应界面方式:不但可以通过这样的折中方式用户界面进行精简,还可以及其有效地提升工作效率和用户满意度,更从容的应对用户不断变化的需求。因此智能移动终端的自适应界面有较广阔的应用空间,成为解决移动端设备多样性的重要方式。
正是响应式网页设计这样的设定方式,使得网页的显示一样会有适用和不适用的问题,如若网站本身的结构太过复杂,就会导致系统难以应付造成一定的界面混乱。鉴于这样的表现模式所呈现出来的限定性,对网页设计中的界面表现也就有所要求。而就目前的技术而言,未能有根据各种终端设备最优化网页的解决方法。因此,如何通过界面设计自适应于多设备的显示应用也成为了网页设计中重要的一步。
2 设备变化造成的视觉化影响
在某种程度上正是因为这样的多设备带来的变化,设计中的网格化框架就显得尤为重要了。而界面设计(尤其是网页设计)在设计当中,不管版式再怎么多元化,其使用的版式还是基本以网格化模式进行划分的。而一般来说,内容越是复杂,所使用的版式也就越是相通。而这样的网格化组织模式也为我们界面板块化发展奠定了基础。区域的板块化的一致性划分不但能够极大程度的为用户在进行页面浏览的时候提供便利,而且在一定程度上压缩了版面的使用面积。因为区域的板块化划分,实际上也就是在一定程度上划分了其板块的视觉一致性、操作行为一致性、目标的一致性、表现方式一致性。
尤其是板块的视觉一致性尤为显著。我们通过视觉元素的趋同化来保持界面的一致性,其实也是在一定程度上对其信息内容进行了分类,为整合版面提供了基础。其中,视觉符号作为信息传达的重要载体,界面设计者通过视觉化的形式表现去传递信息的功能,以达到形式与内容的统一。界面用户也通过元素的联系性来判断所处浏览界面的位置。而换掉的元素越多,说明内容的关联性越小。掌握页面的“变化量”是能够让用户单就经验就足以获知页面逻辑关系的视觉方式。在界面设计中运用这样形式化的视觉表现形式很好地将整个界面的逻辑关系客观地呈现出来,以供人们能够很好地寻找到网页之间的参照关系和逻辑上的直觉感。通过这样的一致化的表现方式可以在一定程度上整合各资源内容:一是为版面网格化划分提供条件,二是在视觉层面上为受众提供直觉引导,为操作提供便利。
3 操作方式与交互式变化
过去的个人电脑是较为单纯的信息交流存储设备,现在的设备更多元,种类也变得更加复杂。随着手机、平板电脑为代表的数码产品高频率地更新换代。不但如此,随着微软Surface系列等个人电脑的普及应用,触摸式设备几近成为界面设备主流,可想而知其发展空间之巨大。设备更新换代,尤其是屏幕的变化对用户的操作行为模式的影响也是最直接的。在操作行为的引导下,也在一定程度上决定了视觉板块划分。最直接的变化就是:我们从精确点击转化为触摸式滑动、拖拽、轻击...当然,这也为越来越多的交互式界面提供了设备基础。我们虽然需要为精确点击转化为手动触摸提供更多的选择区域(在某种程度上需扩大点击的选择区域,缩小了可用率。),以便不失去其本该有的点击准确率。与此同时,触摸屏控制手势的加入也大大的弱化了人机之间的距离,交互性不由而生。对比鼠标的左右二键和滚轮,手势的变化就显得更为丰富而多变了。不但在一定程度上增加了的可塑性,交互式的出现也极大地影响了界面的版式划分:比如隐藏式信息栏,俨然变成为一种主流的导航设置方式应用于各界面设计当中。这无疑在很大程度上改变了界面设计中对屏幕大小、尺寸比例的限制,大幅地增加了版面设计的自由度和灵活性。界面与界面之间的翻转滑动变得简单起来。它消除了界面和界面之间作为个独立的页面而存在的方式,内容的直观连贯就变得轻而易举起来。同时,这也为界面的交互式延伸及转化提供了更为有利的条件。
4 结语
在这个第四媒体广为适用的时代,科技的进步带来的信息全球化可显其重要性。而科技的可贵之处便在于在其不断的变化发展中彰显其价值所在,每一次的发展进步都给我们的体验带来了或大或小的改变。界面设计作为科技显现的重要视觉化表现方式,如何在这样一个发展中的多设备时代下,保持其时代的一致性就变得尤为重要。本文希望通过对多设备时代下设备的差异性对设备变化造成的视觉化及其操作方式变化带来的一系列变化进行个简要分析。
参考文献:
[1] 马璇.智能移动终端自适应界面的一致性研究[D].北京邮电大学硕士论文,2013.
【关键词】电力企业 网站界面设计 交互性
引言
当前电力集团网站的版式设计相对中规中矩,模板化普遍。该论文以“创新电力集团网站设计”为主题,探究网站版式设计与用户交互性的关系;深入发掘设计者与欣赏者之间的情感联系,将网站企业理念、产品服务等信息以符合当前大众审美观念的方式展现,带给客户阅读乐趣,以便顺应社会不断发展的审美需求。
一、国内电力企业界面设计现状、原因及存在的问题
1.当前现状
随着用户体验需求的不断提高,国内对网站界面设计的关注有所增加,从事网页界面的设计师也越来越多。如今国内许多大型电力集团也开设独立的网站设计部门,网站的设计无论在理论还是实践方面都有了很大的进步。但是中小型电力企业网站界面的艺术化设计却是“短板”。存在缺乏资金、理念落后、观念错误等原因,导致严重的两极分化,使得当前国内电力企业网站界面设计整体上并不理想。
2. 原因
当前电力企业网站界面的设计整体上并不理想,主要集中在中小型电力企业上,作为网站界面艺术设计的“短板”,具体原因如以下几点:
①缺乏专业人才,没有像大型电力集团那样雄厚的资金来吸引专业的设计人才;
②是互联网发展的理念相对落后。
③不重视网站的更新及维护,认为电力是人们生活必不可少的能量,即使没有精美的网站,也会有很多的消费者。
由此,大多数中小型电力企业网站成为了摆设,且设计缺乏新意,板式大同小异,没有自身的特色。理念落后,不注重强调与受众之间的交互性,受众对企业理念及产品服务项目了解不明确。
3.设计中所存在的问题
(1)从视觉角度来看,板式设计、颜色都过于单调,不能够很好的让受众产生阅读兴趣。首页是一个网站的重中之重,是最核心的内容,首页应明确企业的类型及服务的理念,让受众一目了然。其次针对受众最关心的产品服务,售后服务等的进入标签应尽量醒目。受众打开网页首先第一眼就不能够明确网站属于什么类型,其次版式设计平庸,无艺术感,使得受众无阅读下去的欲望。
(2)从网页内容来看,文字过多,受众心理上就会难以接受,从而也减弱了受众的阅读欲望。现代网页的艺术设计讲究的是图文并茂,将艺术元素巧妙地融入到网页的设计中,使其切合企业的理念,才是符合现代大众所接受的形式。
(3)从与用户的交互性上看,不能满足消费者的需求,在产品界面上,该设计所使用的是抽象的文字来描述产品服务项目,让受众不能够很好的了解到产品到底是什么,其次通过三级页的方式才能够获得更为详细的产品信息,在网页构建时不仅增加了成本,同时也增加了用户的操作难度。
二、在网站界面中影响交互性的设计元素
1.设计风格
在网站首页原型结构上,因空间有限,不同内容放什么位置、是否符合网络营销规范,尤其是第一屏的信息很重要,这些需要结合建站初衷和自身公司特点,让受众第一时间找到想要的和营造出良好的企业氛围。
最受大众所欢迎的风格为 “扁平化”。扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。这样可以让“信息”本身重新作为核心被凸显出来。尤其是作为电力企业首页的设计上,引入这一理念将会更好的凸显企业的核心信息,让受众一目了然,解决当前中小型电力企业首页信息不明确的问题。同时扁平化在设计元素上,强调了抽象、极简和符号化。这样界就会更加干净整齐,从而使受众能够在第一时间就能够找到自己想要的信息,从而带给用户更加良好的操作体验。
2.界面内容
界面的整体版式设计影响着消费者的第一印象,如果整个网页的内容文字所占比例大于70%,界面就会显得凌乱,然而当前许多的电力企业网站就存在这一问题,文字过多、内容复杂;如果适当的的留白,不过多强调在有限界面中放最多的信息,整体界面比较简洁,反而受到消费者的欢迎。
适当的的留白不仅可以让界面更加整洁美观,也可以让受众有更多的想象空间。尽量减少文字的表述,通过形象的图片方式展示其产品等信息,会使受众更加深入的了解自己所需要产品信息。因为,人类欣赏事物主要依靠的是直觉,对图片的识别性远大于对文字的识别性。因此,在进行网页设计的过程中应避免大段文字的出现,突出图形,简化文字。尽量将文字图形化。如不得不通过文字描述来介绍产品及服务,可以通过图文相结合的方式,通过鼠标移动“淡入淡出”方式。受众不仅能够了解了产品信息,同时也提高了用户操作性,减少了多余三级界面的设计和维护成本。从艺术设计的角度来看,动态的视觉效果也会更加具有艺术灵动性。
3.颜色及文字的搭配
电力企业网站作为商业类网站,不同于购物类网站,不需要为了展示某一特定商品而设计的太过炫目,更多的在于体现企业的发展理念,让受众能够放心使用其产品及服务。因此选择的色调要偏向于稳重,如中性灰,深红色等色调,切合企业的发展理念,使得受众在界面整体的色调环境中,从潜意识里就树立企业沉稳的作风。
文字有描述和解释的功能,同时也是一种良好的艺术载体,字体的设计可以根据不同的需求体现出不同的艺术风格,如“末端斜切”的处理方式,使得文字笔画低调不张扬,不仅能够很好地融入网站的整体气氛中,也切合了企业的发展理念。
4.人性化的设计
人性化就是网站设计的核心,在物质逐渐满足,精神需求逐渐壮大的时期,用户对网站的操作不仅要求功能完善,还要求美观、艺术、个性,在对设计上需求的就是要表现具体风格和艺术审美。网站界面设计的板式设计、色彩搭配、文字处理等都要考虑用户的主观感受,已经没有人愿意接受一个冷冰冰的机器了。现阶段许多设计师在网页中加入了自己的情感因素,而往往却忽略了用户的精神需求,因此违背了设计初衷。
电力企业的登录界面中,无论是企业内部人员还是用户,都设置独立的登录账号、密码、验证码等,这些复杂的账号及密码为了保密性,又不方便用文字来记录,便成为了用户的记忆负担。账号是什么?密码是什么?几位字符等等问题,甚至还在为切换输入法浪费时间,如果加入必要的引导词,例如,密码框内的半透明原点符号,能起到提示用户输入密码长度的作用,又例如,点击输入框后输入法的自动切换,也能节省不少时间。这些细节都是影响用户体验的因素。不仅够体现出企业的服务态度,而且也左右着用户的消费心态。
三、总结
该论文以寻求新的电力集团网站界面设计,进而满足与用户的交互性为目的,进行深入探究,使消费者在电力集团网站体验过程中与企业理念产生共鸣,使得企业赢得更多客户的忠诚度,从而实现网站的运营目标。?
参考文献:
[1]董建明:人机交互:以用户为中心的设计和评估[M],北京:清华大学出版社;
关键词:网页设计,用户体验,用户界面
想要建立一个成功的网站,首先就要贯彻“以人为本”的原则,在现今的设计过程中能够体现“以人为本”原则的设计就属用户体验设计了。科技论文。这就不得不提到两个名词即用户体验和用户界面概念的理解。
一、名词概念
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)
关键词:网上;论文;管理;数据
中图分类号:TP311.52 文献标识码:A 文章编号:1007-9599 (2011) 23-0000-02
Analysis of Online Graduate Thesis Management System
Li Wei,Gao Min
(State Grid Xinyuan Company,Xilongchi Pumped Storage Power Station,Wutai 035503,China)
Abstract:This paper online management system is a very typical information system,it is generally divided into two platforms:platform for students and teachers,backstage management platform.The former requires full-featured,user-friendly,easy to use and so on.While the latter requires data integrity and security of strong,taking into account the background of the management convenient and appropriate to simplify the operation.After analysis,I use Microsoft's development tools as 2.0 and ASP,because ASP file upload a lot of trouble to do so using 2.0 technology file upload,front of the home page using technology papers to search for good results,the formation of a viable system to make customer satisfaction.
Keywords:Online;Papers;Management;Data
随着电子计算机和通信技术的发展,人类已经逐渐地进入信息化社会。计算机虽然与人类的关系愈来愈密切,还有人由于计算机操作不方便继续用手工劳动。为了适应现代社会人们高度强烈的时间观念以及享受科学技术的快速发展带给人们在生活、工作、管理等各个方面的方便性,大量计算机软件应运而生,从而进入了更加高效的信息时代,顺应了党的“十六大”提出的“以信息化带动工业化”的发展战略,也顺应了我国信息界前进的方向。
本系统是毕业生网上论文管理系统,使用了ASP和Access作为开发工具,由于考虑到用ASP做文件的上传比较麻烦,本系统还采用ASP.省略 2.省略)+Access构建。ASP是基于Microsoft Windows NT 4.0和Microsoft Internet Information Server3.0(IIS3.0)的开放式脚本开发环境,它很好地把HTML和脚本开发融合在一起,提高了编程的灵活性,降低了开发难度。ASP中的脚本在WEB服务器端运行,而不是传统的在客户浏览器中运行,这一措施使客户的浏览器无须担心服务器端的网页使用何种脚本,ASP都会生成一个符合HTML标准的网页送回客户端。由于本系统需要做文件的上传考虑到ASP比较烦琐,所以这里运用了 2.0来开发文件的上传(也就是整个系统的后台部分)。
提供了数个重要的优点:(1)增强的性能。(2)世界级的工具支持。(3)威力和灵活性。(4)简易性。(5)可管理性。(6)可缩放性和可用性。(7)自定义性和扩展性。(8)安全性。
二、需求
(一)系统特点需求。考虑到现在的工作人员大都不是计算机及相关专业出身,所以本软件考虑到了这些情况,有针对性的开发了此软件:
1.操作人员普遍计算机水平不高,系统要有良好的人机界面,绝大多数人能够一学就会。
2.该系统使用的对象多,比如教师,学生,管理人员等,要求有较好的权限管理。
3.添加数据简单便捷,支持批量数据的添加。
4.原始数据修改简单方便,支持数据的批量修改。
5.方便快捷的检索功能,可以通过毕业年份,姓名,学号,论文题目等进行查询。
6.方便的数据上传和下载功能,管理人员可以通过后台添加删除论文,学生可以在前台进行论文的查询,浏览,和下载功能。
(二)总体功能需求。经过对学校论文管理体系的详细调查和分析之后,发现一个完备的网上论文管理系统必须具备以下一些主要功能:
1.管理员功能。
(1)综合设置。院系管理,毕业班级管理,论文类别管理等。
(2)论文管理。这里可以上传论文(包括论文文档上传和毕业设计上传),和删除论文等操作。
(3)安全设置。管理员密码修改和添加管理员等操作。
2.学生和教师查询功能。
根据知道的信息,如院系,姓名,学号等等查询论文,并可进行论文和毕业设计的下载。
三、系统首页
本界面是系统的前台界面,用户不需要注册即可进入该页面按照查询内容进行论文的查询操作,其界面设计如图1所示。
图1系统主页面
(一)检索页面。此界面是用户根据需求输入不同的检索条件(比如姓名,班级,论文名等等)以后,检索出来的论文。
(二)论文详情查看页面。此界面是用户根据需要,查找到自己想要的论文以后,查看论文的详细情况的界面,用户可以浏览论文的关键字,摘要等等,如果需要的话,可以根据自己的情况,下载论文,和毕业设计。
(三)后台登陆页面。本界面是整个后台的登陆界面,管理员需要从此登入才能进行论文的添加和删除等操作。
(四)后台主体框架。本界面是整个后台的主要功能,包括院系管理、毕业班级管理、论文类别管理、论文管理、添加论文、管理员密码修改,添加管理员等功能。
(五)院系管理页面。本页面是面向学校设计的,可以根据学校的需要添加院系,并可以对已经添加的院系进行修改,和删除等操作,
(六)毕业班级管理页面。本页面是用来管理毕业班级的页面,用户可以根据需要来添加班级,例如先根据毕业年份,选择好哪个学院,然后根据实际情况来添加所需要的班级数量。并且可以对已经添加的班级进行修改和删除等操作,
(七)论文类别管理页面。此页面是输入论文的类别的页面,即论文的性质,是论文查询的条件的一个重要部分。可以添加论文类别,并可对其进行编辑和删除等操作,
(八)添加管理员页面。本页面是添加用户页面,管理员可以从后台登陆后,进入此项功能,根据具体情况添加用户,以方便多人管理此系统的目的,
(九)添加论文页面。此页面是本系统的核心,论文上传和毕业设计上传的页面,管理员根据论文的情况按照院系、毕业年份、班级、姓名、学号、论文题目、论文关键字、论文类别、论文摘要把论文添加进去。如果有毕业设计的话,还可以把毕业设计也上传进去,其界面设计如图2所示。
图2 添加论文页面
(十)论文管理页面。此页面是对已经添加的论文进行管理的页面,管理员根据实际需要,比如已经不需要的论文就可以删除,其界面设计如图3所示。
图3论文管理页
(十一)管理员密码修改页面。此页面是管理员密码修改界面,为了安全考虑,管理员可以在此页面进行密码的修改,修改以后点确认修改下次登陆就是已经修改的密码
四、系统测试
测试是为了发现程序中的错误而执行程序的过程,好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案,成功的测试是发现了至今为止尚未发现的错误的测试。
由于软件编出来以后是让普通用户使用的,而这些使用人员大都不是计算机相关专业出身,不一定了解软件是怎么做出来的,只会使用,所以说从普通用户的角度来测试系统有它的好处。这么做可以测试出一些软件的异常问题,可以为系统以后的使用起到非常大的作用。用这样测试的方法,我把程序中所有没考虑到的细节问题都查出并改正过来了。
五、结束语
毕业生网上论文管理系统开发完毕,基本上达到了自己的预期目标,自己还比较满意,但是这里面可能仍然存在许多不足和设计不合理的地方,有待于进一步弥补和改进。本系统虽然解决了论文的网上检索,上传等难点问题,但是肯定还有许多不足之处,欢迎大家在使用过程中批评指正。
【关键词】人机工程 GUI 设计
一、人机工程学的学科内容
人机工程学是一门研究人类、机器和环境之间相互作用的学科,它主要目的是为了使设计的机械设备或者人机系统能够满足人的生理和心理特征,使其能够更好的为人类服务。在工业设计中,我们通常将其定义为:对于成批量生产的产品,凭借专业知识、经验以及视觉感受等赋予其材料、结构、色彩等新的品质和资格。人机界面是人和机器在交互过程中非常重要的一个层面,也可以称之为用户界面。它是人和机器之间进行通信的媒介,负责信息的输入和输出,其设计的好坏直接影响用户的使用效果,是现代设计中非常重要的一个方面。
二、GUI的设计及色彩的特征
(一)GUI设计的流程
对于一个完整的用户界面设计包括其启动界面的设计、软件架构设计、相应按钮的设计、面板的设计、菜单的设计以及图标和滚动条的设计等等。跟其他产品一样其设计的过程非常复杂,包括前期的调研、总体设计、具体设计和实施[1] [2],是一个需要循环测试和评估的设计过程。
(二)色彩在GUI设计中的作用
在人机界面使用过程中,色彩对人类的影响最为重要,会受到人们的首先关注,其次才是形状或者其他。所以对于人类来说色彩直接影响着其精神感受,在设计的过程中就要考虑到用户的审美观,使用户在使用的过程中产生舒适感和美感。
GUI的设计可以分为网页和软件两种不同的类型,其设计时对色彩的选择也不尽相同。在网页的色彩设计过程中有很大面积的色块区域,其像素空间也较大,设计师在设计色彩时有较大的发挥空间。但是在对软件的GUI设计时要考虑到工程类的严谨性和专业性,目前大多数采用了灰色作为其背景色,那么对于其图标的色彩设计就会受到很大的限制,且其色彩不宜超过64色。在整个GUI设计中首先要做到简单明了,对用户起到引导的作用,引导用户得到正确的联想和操作。其次还要保证色彩的柔和性,降低不同区域间的对比度,使用户在使用的过程中不会感觉眼睛疲劳。
(三)人机交互界面色彩的选择
在进行人机界面的色彩选择时首先要明确主色调,以体现界面的主题。在工业设计中一般选择浅灰色、浅黄色、浅蓝色以及浅绿色等浅颜色的背景,再配以深色系的字,这样既能够突出重点,又能够得到大多数人的认可。对于人机界面中其他的一些内容不宜选用抢眼的颜色,否则就会喧宾夺主,当然并不是完全不能应用,为了突出强调某些因素可以采用明亮的色彩,但是不能使用太多,否则就会适得其反,达不到强调的效果[3]。
在进行色调选择时一般要考虑一下三点:
1.暖色调一般会给人一种温暖的效果,冷色调则相反,使人感到冷清。
2.高彩度的暖色调给人刺激和兴奋,低彩度的冷色调能够使人平静思索。
3.高明色调使人感觉清爽、明快,低明色调则使人感觉深沉和庄重。
在选择颜色进行背景色搭配时一样不能使用对比强烈的色彩;使用大面积颜色时要选用低对比度的背景,否则会影响其图片和文字的辨别,严重时会发生互溶现象,使图片和文字不容易被辨识。例如在进行标题背景色设计时可以采用较深的颜色,配以鲜明的字体,这样一方面可以吸引用户的注意力,另一方面起到了突出界面主题的作用[4]。
三、人机工程学在GUI设计中的重要作用
设计的目的是为了更好的为人类服务,所以人是设计中首先要考虑的因素。人机工程学也是把人作为第一要素来考虑,它在GUI设计中的作用可以简单的概括为以下三个方面:
(一)提供人体尺度参数。人体工程学是人际工程学中研究中一个重要的方向,为GUI的设计提供人体结构尺度、生理尺度以及心理尺度等相关数据,从而为设计者设计人机界面提供可靠地参考依据。
(二)提供功能合理性设计参数。在设计过程中为设计者提供界面中各个要素的形状、大小以及色彩和布局等的参数,使其能够实现人和机器之间通信功能的最优化,进而最大限度的适应人类心理和生理需求。
(三)提供系统设计的理论依据。人机工程学是研究人和机以及机所处的环境一门科学,人机工程学的原理存在于用户界面设计的每一个过程中。在这个完整的人机系统中系统要能够为用户提供继续、后退和退出等命令的说明[5]。
四、设计实例
在这次设计中我们以一款儿童英语学习软件为例进行,设计了其登陆界面和一系列图标,其界面色彩丰富、图标的可指示性强。
上述图标和界面的设计主要采用了黄色调作为主色调,能够给人一种活泼、灿烂和可爱的感觉。对于儿童英语课程的学习来说其用户主要是儿童,这种色调的选择可以使其在使用过程中感到喜欢,增加了其愉快度,从而能够更好的帮助儿童学习英语。
五、结论
论文以人机工程学为基础,对其在GUI设计中的相关内容进行了阐述,介绍了基于人机工程学的GUI界面设计的方法,并且介绍了色彩在界面设计中的重要作用和如何选择合适的色彩以达到更好的效果。在文章的最后做着还给出了一个设计实例,验证了人机工程软件界面设计方法的指导性。
参考文献:
[1]何晓佑.产品设计程序与方法.北京:中国轻工业出版社,2000.
[2]Jeffrey L.Whitten,Lonnie D.Bentley,Victor M.Barlow.System Analysis and Design Methods. Von Hoffmann Press,1994.
[3]姜葳,用户界面设计研究,浙江大学硕士学位论文[M].2006年3月。
【关键词】精品课程;网站;项目开发
现国家正加强中职学校精品课程建设,精品课程建设工程的目标是实现全国优质教学资源的共享,要求精品课程的相关内容全部通过网站的方式对外开放。因此,精品课程网站建设是精品课程建设中的一个重要环节。
目前很多资料或论文在涉及精品课程网站制作时,都以站在网站的技术开发角度进行论述,这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台,还要把课程的资源放到平台上,涉及到平台的建设、各个资源内容制作和整合等工作,更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成,是需要一个团队多个人分工合作完成。
一、网站项目开发团队,包括以下的角色和职责:
(一)网站项目经理
职责: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、内容整理:网站编辑要与客户和相关内容的专家收集、整理放到网站平台的资源。网站资源如涉及到图片、动画和视频等,网站编辑要与媒体专家合作共同制作。当平台主要架构搭建成形,后台数据库建立完毕,网站编辑就可以把网内容上传到网站平台内,把网站合成。
参考文献
关键词:结构;导航;界面;交互;
中图分类号:G4 文献标识码:A 文章编号:1674-3520(2015)-04-00-01
网络课程是一个由知识点、跳转关系、导航策略和交互界面组成的教学系统。《汽车电子技术》网络课程的系统设计包括结构设计、导航设计和界面设计三个方面。课程内容主要以《汽车电子技术》第一章的教学内容和辅助学习两大部分组成。
一、结构设计
由于网络课程有其特定的教育性,在设计结构时,十分注重对知识结构的设计,以便有利于体现教学内容的层次关系,有利于实现自主学习。在进行本课程知识结构的设计时,以《汽车电子技术》为框架,按章节进行选择,在各章节内部,根据知识点之间的联系设置超链接。我们还根据学习者的需要,设置了各种辅助学习方式,方便学习者自学。
(一)网络教学模块。网络教学模块(网络课件)是根据教材内容而编制,是教学目标、学习任务的具体体现,教学目标的实现主要依靠具体的网络课件来完成,所以这个模块是整个网络课程的重点。
1、内容的呈现方式。主要以平铺方式来组织教学内容,方便学习者按各自的基础、兴趣和能力有选择地进行学习,满足学习者的不同需求。教学内容以课本的每一章节为纵向结构,以学习目标、辅助学习、作业系统、教师答疑、实验指导作为横向结构编织成一张纵横交错、非线性的知识网络体系,让学习者掌握充分的学习自进行有效的学习。
2、课程导学。为了帮助学员实现网络课程的自主学习、掌握正确的学习方法 ,提供了课程大纲、课程目标、实验指导、作业系统等助学信息。
3、重点难点的处理。在对汽车电子的学习中,学习者需要掌握理论与技术的相结合,这是课程内容中的重点。我们在对课程的学习时,加入实验指导,让学生边学习理论,边熟悉技术的操作。重点解析内容也可采用 Flash动态教学效果或视频教学,配以文字和语音讲解,利于学员更好接受和理解。
(二)师资队伍模块。“师资队伍”主要是介绍了有关该课程的教师资料,学生通过“师资队伍”可了解自己老师的信息。
(三)作品欣赏模块。“作品欣赏”又分为“优秀个人作品欣赏”、“优秀小组作品欣赏”、“教师推荐作品欣赏”。“优秀个人作品欣赏”和“优秀小组作品欣赏”是教师从学生的作业中选出的优秀作品,这些作品上传到学习网上,学生不仅可随意浏览欣赏,给出评价,更重要的是学生可将自己的作业与之比较,找出不足,总结经验,在激励中求上进。“教师推荐作品欣赏”是教师在网上或其它杂志上寻找的优秀作品,供学生学习。
(四)常见疑问模块。“常见疑问”中给出了在电子设计方面经常出现的问题及解决方法。这和“教师答疑”不同,学生直接到页面进行查找,就可解决疑问,效果更快。
(五)学习交流模块。“学习交流”分为两部分,一是在线论坛,学生通过在论坛上发表文章,和同学老师们共同交流。这种讨论模块 ,目标是发挥教、学两方面积极性 ,活跃气氛和鼓励学习者显示才华和创造力 ,以及提供答疑解惑的场所。二是虚拟聊天室,学习者因为学术观点相近或兴趣爱好一致等原因更愿意在一起学习或交流,从而形成学习伙伴或网上好友的关系。不管是教师还是学生,都可以在这两个板块中畅所欲言,就学习、生活、实践中遇见的难点、重点、热点问题进行交流、解答。
(六)资源下载。“资源下载”主要是与学习有关的电子课件、电子杂志、相关学习软件等,方便学习者学习。
(七)授课录象。“授课录象”是多媒体演示模块 ,目标是形象化教学。其中包含大量的视频资料 ,使学习者可以从感性的角度加深对知识的了解。
(八)特色项目。“特色项目”是教师或学生在汽车电子技术方面做出的某种研究,最终目标也是供学习者学习探讨。
二、导航设计
由于学习者在网络课程的学习过程中是以自主学习为主,缺乏教师的指导,易产生迷航现象,因此清晰明确的导航在网络课程设计中显得尤为重要。在本课程中,为方便学习者学习,站内链接导航条始终出现在屏幕的右上方。在网络学习模块中,左边提供卷轴模样的下拉式导航条,学习者可随时选择某一章的学习栏块,直接进入相应的页面学习。
三、界面设计
《汽车电子技术》网络课程运用先进的网页制作工具,设计大量形象生动的图片和动画,激发学习的热情。界面是学习者与计算机进行人机交互的窗口,包括显示界面和操作界面。在设计时要时刻注重界面清晰;在操作方面,交互性、可控性强。
网络课程是由一页一页的网页按照一定的顺序和结构组织起来的。页面既是网络课程的组成部分,也是《汽车电子技术》所有教学内容的展现形式,也就是说网页设计是构建整个网络课程的灵魂。
(一)页面的布局。在《汽车电子技术》网络课程的页面设计中大都使用了“T”型页面结构设计,将导航和呈现的内容合理的分开设计,页面布局清晰可见。
(二)页面文字。页面文字本着尽最大可能突出主题的原则组织的。文字的字体不超过三种字体,字号的选择不宜过大,否则会使页面显得非常杂乱和拥挤,令学习者眼花缭乱,无从下手。字号的选择也不宜过小,这样会使学习者容易疲劳。
(三)页面颜色。页面的色彩是页面设计中一项重要内容 ,它贯穿于整个页面设计的过程中 。恰当使用不仅可以增加网络课程的艺术欣赏性 ,而且可以吸引学习者注意力 ,促进对屏幕上各部分的识别、突出差异 。但如果使用不当 ,则会分散人的注意力 ,使视觉容易疲劳 。在选择时应考虑课程内容表现的需要、课程的总体风格、教学对象的色彩心理特点以及色彩本身所表达的含义等等因素 。总的来说 ,网络课程的页面色彩搭配要和谐、自然 ,给人以美感 ,注意颜色数量的多少 ,避免色彩过多过杂 ,尽量作到风格统一 。色彩的选择尽量鲜明、独特、与所设计的内容相协调一致 。
(四)页面图形。用图形说明、解释问题具有形象、直观、生动的特点 。本网络课程的图形图像大多采用photoshop工具进行处理过,使用起来更鲜明生动。
(五)页面趣味性。为了增加学习者的学习兴趣 ,减少学习过程中的枯燥性 ,在网络课程中加入适当的动画来展现教学内容,效果会比较好。
参考文献:
引言
浏览器的发展是我们一般网民可以深刻感受到的。从开始大家都一贯使用的IE浏览器到现在五花八门的各种浏览器的出现,用户越来越苛刻的要求以及市场的不断细分使得网页浏览器越做越细腻而且各个品牌开始有了自己的特征,本论文就选择三个典型的浏览器基于用户体验来进行分析与定位,以及对浏览器的今后发展方向进行探索性的设想。
一、用户体验概述
1.用户体验的定义
用户体验(User Experience,简称UE)是一种纯主观在用户使用产品过程中建立起来的感受。ISO 9241-210标准将用户体验定义为“人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。因此,用户体验是主观的,且其注重实际应用。ISO定义的补充说明有着如下解释:用户体验,即用户在使用一个产品或系统之前、使用期间和使用之后的全部感受,包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。该说明还列出三个影响用户体验的因素:系统,用户和使用环境。
2.用户体验的目标
用户体验的目标概括来说分为两类,一是可用性目标,另一个是用户体验目标。两者相互关联,可用性是基础它的好坏直接影响到整个的用户体验。可用性目标是关于满足特定的可用性标准(例如有效性)的,而用户体验目标则是对用户体验质量所做的明确说明(例如富有美感、令人舒畅)。
所谓可用性,就是说产品是否易学、使用是否有效果,以及通用性是否良好等等。它涉及优化人们与产品的交互方式,从而使人们能更有效地进行日常工作、完成任务和学习。可用性目标具体可以分为:可行性(使用有效果)、有效性(工作效率高)、安全性(能安全使用)、通用性(具备良好的通用性)、易学性(易于学习)、易记性(使用方法便于记忆)等。
随着新技术的快速发展,人们对产品也有了更多的要求。这就使得研究人员和业界人士开始思考进一步的目标。交互设计已经不仅仅只是如何提高工作效率的问题了,人们也越来越关心产品是否具备其它一些品质,例如:令人感到满意、令人心情愉快、有趣味性、引人入胜、富有启发性、富有美感、富有时尚感、可激发创造性、让人有成就感、让人得到情感上的满足等。
根据如上我们对用户体验目标的描述来进行浏览器产品的调研与分析。
二、浏览器产品分析
浏览器是我们上网不可缺少的工具。网页浏览器是个显示网页服务器或档案系统内的文件,并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种资讯。
根据国内知名第三方数据统计分析服务提供商CNZZ的浏览器中国市场份额2009年8月统计报告中了解到,中国浏览器市场占有率第一的仍然是微软IE,如图1所示。IE6在国内凭借Windows XP的保有量保持了接近百分之七十的市场份额。IE8在国内占有3.7%的用户。不过从这个浏览器排行榜单中可以看出国产浏览器异彩纷呈,以其多窗口浏览、多种功能集成和较高的安全性设置,在市场上同样占据了不少份额。据CNZZ数据分析报告显示,目前来看占据国产浏览器软件第一的仍然是傲游Maxthon。而腾讯TT也依托QQ的庞大用户群占据了第二名的位置。还有异军突起的360安全浏览器,市场份额上升非常迅速。现在已经超越世界之窗排在了前五的位置。本论文就选取了比较有特点的google、遨游、360浏览器进行分析,同时以腾讯的TT浏览器为被设计对象进行未来产品的定位。
1.产品的企业定位:
遨游――浏览器
傲游是多标签浏览器,拥有业界最优秀的在线收藏和广告过滤功能,并囊括了智能填表、超级拖放、鼠标手势、分屏浏览等众多易用功能,100%提高浏览效率,给我们带来更快捷、更稳定、更安全的上网体验.Maxthon Browser基于IE内核,并在其之上有创新,其插件比IE更丰富。
360――安全浏览器
360是互联网上安全好用的新一代浏览器,拥有中国最大的恶意网址库,采用云查杀引擎,可自动拦截挂马、欺诈、网银仿冒等恶意网址。独创的“隔离模式”,让用户在访问木马网站时也不会感染。无痕浏览,能够最大限度保护用户的上网隐私。360安全浏览器体积小巧、速度快、极少崩溃,并拥有翻译、截图、鼠标手势、广告过滤等几十种实用功能,已成为广大网民上网的优先选择。现在产品线有所拓展,紧跟潮流,开发了极速版浏览器突出无缝的快速搜索。
Google――浏览器
Chrome浏览器目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。
2.产品用户体验描述
通过发放调查问卷以及用户访谈,把三个浏览器的品牌定位和产品优劣势进行分析和比较。
总体来看,Google浏览器界面形式最简单,纯粹,同时不乏个性化的扩展。360与遨游浏览器的界面类似,采用与IE类似的传统浏览器布局和功能类别,360界面比较清新,干净,遨游界面略显复杂,内容过满,在界面设计上加法过多。傲游浏览器设计了很多快捷功能,给浏览网页提供了多种方便,360也具有多数相似的功能,但两个产品的功能层次都稍有繁冗复杂,给了用户多种通道和入口。360浏览器的安全保障做的比较突出,给人健康、安全、信任的感觉和体验。
通过分析,提炼出产品用户体验的几个关键词为实用、快捷、安全、可扩展、个性化,并且用这些关键词对产品进行进一步的表述和分类。
图例:
根据关键词分析得出产品的综合定位图:谷歌产品有着简单美观的界面设计,在个性化功能上比较突出。遨游产品实用但比较复杂,拥有着较多的功能,但是产品功能和界面内容过于多,且在视觉设计上处于劣势。360的产品安全性能较高,界面设计比较美观,易用性居中。
三、总结
从用户体验的分析来看,每一款产品都有自己的定位,并且跟自己的品牌文化,产品发展息息相关。拿腾讯TT产品为例,从腾讯产品优势以及竞品特征定位来看,TT产品应该有自己企业的优势资源,同时带给用户完整丰富的腾讯产品体验。
根据与前边浏览器的对比分析以及用户体验研究,探讨未来的TT浏览器的定位方向为:
多种模式。简单搜索\轻松娱乐\商务办公……
多种版本。速度主导\主题主导\功能主导……
产品整合。QQ、微薄、游戏、电子商务等腾讯产品。
轻松上网。不仅是搜索,在工作疲惫,等待系统运转之时还能有片刻的娱乐选择。
分享交流。突出腾讯的核心产品特征。
所以,产品应该立足于品牌文化和纵向产品特征,不仅从产品本身进行研究,更要结合用户的评价,对产品和品牌的整体感知,也就是产品的外延来进行分析会得到更准确和开阔的市场定位。
参考文献
[1]Ben Shneiderman Catherine Plaisant著.张国印,等译.用户界面设计[M].电子工业出版.