HI,欢迎来到学术之家,期刊咨询:400-888-7501  订阅咨询:400-888-7502  股权代码  102064
0
首页 精品范文 界面设计

界面设计

时间:2022-03-22 13:06:19

界面设计

第1篇

关键词:多媒体界面设计

界面是计算机系统中跟人打交道的部分,是用户与计算机系统的接口,与人和计算机的关系密切。在多媒体课件中,用户界面的设计是一门艺术,它综合了多个学科的内容。据统计,在人类通过感觉器官收集到的各种信息当中,视觉约占65%。因此,在多媒体课件设计过程中,充分考虑人的视觉特性是十分重要的,灵活的人机界面对于调动和激发学习者的兴趣,提高学习积极性,具有重要作用。为此,我们应从以下几个方面考虑来精心设计操作界面。

一、操作简便

多媒体课件是面向用户的,在设计时要考虑到用户的特点、能力、知识水平,应把立足点着重放在那些非计算机操作者,不应对用户有额外的知识、技能要求。因此必须做到:

1.安装使用力求方便。课件的安装、启动过程应力求简单,一般通过鼠标和键盘的几个简单操作动作即可完成。开始运行时,应对课件的结构、内容、主要操作方法、功能键等进行简短的介绍。在整个课件运行过程中,对命令键、功能键的命名应始终如一,所有功能键只能赋予一项功能,并尽可能在屏幕上显示功能键和提示信息。

2.菜单力求简明合理。设计时,根据教学内容的需要,把教学内容划分成若干层次,利用菜单技术来实现多层结构,各级菜单应逐层深入,直至覆盖全部教学内容。菜单的分级最好不要超过三级,每级菜单都应设置返回按钮,以便学习者不想往下学习时,可随时返回上级菜单。菜单的表达方式有文字式、图形式、表格式、图文混合式等多种形式。文字菜单比较简单,可设计成下拉的方式,逐级选择子菜单;图形菜单新颖直观,根据教学内容,设计成形象的图标,用鼠标一点就可选中,使用非常方便。实际制作中,用得最多的是图文混合式菜单,它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了,文字表达要言简意明,能表达所要选择的教学内容。

3.提供在线帮助信息。为了用户使用,课件中应设置必要的帮助信息,如系统帮助、功能帮助、警告帮助等操作信息。这些帮助可以是综述性的信息,也可以是与所在位置的上下文相关的针对性信息。帮助信息可以起文档手册的作用,但内容应精炼,应以简略文字、图形说明等形式指导学习者完成某种功能的操作。

二、内容简洁

课件的操作界面避免繁琐,内容应力求准确、简洁明了。

1.准确、简洁。准确就是要求表达的意思明确,不要使用意义含混、模棱两可的词汇或句子;简洁就是尽可能用较少的文字或简单的图表来表达所需的信息。

2.突出重要信息。可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息。在描述局部细微变化时,应采用加圈放大或特写的方式等。

三、布局合理

屏幕显示和布局应清楚合理。其基本要求是要在屏幕平面上设计好高、宽、深度的空间关系,使布局结构新颖、主体突出、具有艺术感染力,使教学内容生动形象地展示在学习者面前。

1.恰当布置,主体突出。显示内容应恰当,不应过多,切换不易过快,屏幕不应过分拥挤,四周应留出一定的余地。一般正文每屏不应超过15行,每行不超过30个汉字,如显示不下可采用滚动技术。字体应选用笔画丰满的字体,大小标题可用不同字体、字号,以区分层次和段落。文字的色彩也应有一定的对比,从而突出主题。

2.重点集中,视点明确。由于屏幕尺寸较小,要求重点集中,视点明确。在同一画面上,不应出现两个以上的兴趣中心,以免分散注意力。

3.合理预留空行、空格。必要的空行及空格会使结构合理,条理清晰,阅读、查找方便;相反,过分密密麻麻的显示会损害学习者的视觉,也不利于学习者把注意力集中到有用的信息上。

4.美观大方,层次清晰。界面设计要美观大方,不落俗套,但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知,但却显得主次不分,并容易使学习者分散注意力,甚至有的媒体成为毫无意义的累赘,而起不到应有的效果。如果必须把多种媒体引入,最好能让操作者控制依次展示,给人以清晰、有序的感觉。

四、前后一致

前后一致是人机界面领域的普遍原则,它是将相同类型的信息使用一致的相似方式显示,包括显示风格、布局、位置、所使用的颜色等的一致性,以及相似的人机操作方式。一致性的交互界面,可帮助学习者把他们当前的知识、经验推广到新课件中去,从而减轻学习者重新学习、记忆的负担。

五、色彩搭配协调

界面的色彩美与教学内容密切相关。色调要鲜明,要为塑造的形象、创造的意境和表现的主题服务。不同的主题,不同的内容,应用不同的色调来表现。根据教学的意境,有的需要明快,有的需要低沉。色彩美是界面艺术美的重要组成部分,它可使学习者在学习过程中得到美的感受,在美的陶冶中增加情趣,得到更好的感知和理解。但色彩如果使用不合理,就会对人产生视觉疲劳等方面的心理影响,过分渲染则分散人的注意力。因此,色彩的使用也必须遵循一定的原则。

1.正确配置显示的前景、背景色彩。前景与背景在色彩上要有鲜明的区别,形成明暗的对比。一般以单色或特定的简单图形做背景,但对比不能过于强烈,否则刺激太大,使人产生疲劳。文字一般在深色或中度色调背景上用白字或黄字;在浅色的背景上用深色字。再例如动画设计,一般选择深色作为底色,动静部分使用对比强烈的色彩,以区分不同的功能。

第2篇

关键词:界面符号人机工程环境

一、设计界面的涵义

界面的说法以往常见的是在人机工程学中。“人机界面”是指人机间相互施加影响的区域,凡参与人机信息交流的一切领域都属于人机界面。“而设计艺术是研究人一物关系的学科,对象物所代表的不是简单的机器与设备,而是有广度与深度的物;这里的人也不是“生物人”,不能单纯地以人的生理特征进行分析。“人的尺度,既应有作为自然人的尺度,还应有作为社会人的尺度;既研究生理、心理、环境等对人的影响和效能,也研究人的文化、审美、价值观念等方面的要求和变化”。

设计的界面存在于人一物信息交流,甚至可以说,存在人物信息交流的一切领域都属于设计界面,它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和,它反映着人一物之间的关系。

二、设计界面的存在

美国学者赫伯特.A.西蒙提出:设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科,这种接合是围绕人来进行的。“人”是设计界面的一个方面,是认识的主体和设计服务的对象,而作为对象的“物”则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体,就如我们看见一件产品、一栋建筑,它带给人的不仅有使用的功能、材料的质地,也包含着对传统思考、文化理喻、科学观念等的认知。“任何一件作品的内容,都必须超出作品中所包含的那些个别物体的表象。”分析“物”也就分析了设计界面存在的多样性。

为了便于认识和分析设计界面,可将设计界面分类为:

1)功能性设计界面接受物的功能信息,操纵与控制物,同时也包括与生产的接口,即材料运用、科学技术的应用等等。这一界面反映着设计与人造物的协调作用。

2)情感性设计界面即物要传递感受给人,取得与人的感情共鸣。这种感受的信息传达存在着确定性与不确定性的统一。情感把握在于深入目标对象的使用者的感情,而不是个人的情感抒发。设计师“投入热情,不投入感情”,避免个人的任何主观臆断与个性的自由发挥。这―界面反映着设计与人的关系。

3)环境性设计界面外部环境因素对人的信息传递。任何一件或一个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存在,环境的物理条件与精神氛围是不可忽缺的界面因素。

应该说,设计界面是以功能性界面为基础,以环境性界面为前提,以情感性界面为重心而构成的,它们之间形成有机和系统的联系。

三、设计界面存在的方法论意义

当机械大工业发展起来的时候,如何有效操纵和控制产品或机械的问题导致了人机工程学。二战后,随着体力的简单劳动转向脑力的复杂劳动,人体工学也进一步地扩大到人的思维能力的设计方面,“使设计能够支持、解放、扩展人的脑力劳动”。在目前的知识经济时代,在满足了物质需求的情况下,人们追求自身个性的发展和情感诉求,设计必须要着重对人的情感需求进行考虑。设计因素复杂化导致设计评价标准困难化。一个个性化的设计作品能否被消费者所认同?新产品开发能不能被市场所接受?在目前,我国大部分企业实力还并不强大,设计开发失利承受力还不很强的情况下,如何系统地、有根据地认识、评价设计,使其符合市场,就需要对设计因素再认识。利用界面分析法,正是使设计因素条理化,避免将人作为“生物人”的片面和走出笼统地说“设计=科学十艺术”的简单误区。

现代的人机工程学和消费心理学为设计提供了科学的依据,它们的成功就在于实验、调查和数理表述,是较为可系的。同样对设计艺术而言,进行设计界面的分析,也要有生理学、心理学、文化学、生物学、技术学学科基础。从理论上来说,它要直接建立在信息论和控制论的基础之上。相对于机械、电子设计和人机设计,以往人机界面设计把握了技术科学的认识和手段,忽视了人文科学观念与思想。它的界面设计只能存在于局部的思考范围内,只成为一个设计的阶段。

有人以功能论来评判设计。“功能决定形态”曾是20世纪上半叶的设计格言,它的提法是片面的。这是因为:第一,功能不是单一的,它包括使用功能、审美功能、社会功能、环境功能等。“过分追求单一的功能会导致将许多重要内容(装饰性、民族性、中间性)被排斥掉”。而且“有些内容并不是‘功能’的概念所能包括了的,更何况物质和精神的内容也并不是时时处处等质等量的融洽在一个统一体中,随产品的不同、时期的不同,它们各自的主次地位也随之变化”。在现今信息技术高度发展的时代,情感因素越来越成为设计的主要方面。物质意义上的功能在保持其基础地位的情况下,却日益不能代表情感诉求的表述;第二,按“形态服从功能”而设计的产品,对于不熟悉它的使用者来说是难以理解的,产品要为人们所理解,必须要借助公认的信码,即符号系统;第三,满足同一功能的产品形态本来就不是唯一的,象汽车等成熟的产品,年度换型计划等措施成为商品经济中日益不可避免的现象。社会经济发展到一定程度,才能出现设计的专业需求,而这时人们的基本物质需求已能满足,简单地以物质来决定设计是不恰当的。

相反,设计界面体现了人一物交流信息的本质,也是设计艺术的内涵,它包括了设计的方方面面,明确了设计的目标与程序。

四、设计界面的分析

按照设计界面的三类划分,有助于考察设计界面的多种因素。当然,应该说设计界面的划分是不可能完全绝对的,三类界面之间有涵义上也可能交互与重叠,如宗教文化是一种环境性因素,但它带给信仰者的往往更多的却是宗教的情感因素。在这里环境性和情感性是不好区分的,但这并不妨碍不同分类之间所存在的实质性的差异。

1、功能性界面

对功能性界面来说,它实现的是使用性内容,任何‘件产品或内外环境或平面视觉传达作品,其存在的价值首要的是在于使用性,由使用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。在这一方面,分析思维作为一种理性思维而存在。如果作为一种处理方式来设计产品,则这种产品会使多种特征性(如民族性、纯粹性)因素中性化,如果去除产品商标,就很难认出是哪国的或哪个公司的产品。当然,这方面也说明了产品中存在着共同性因素,它使全人类能做出同样的反应。人的感觉和判断能力有着国际性的、客观性的特征。

功能性界面设计要建立在符号学的基础上。国际符号学会对符号学所下定义是:符号是关于信号标志系统(即通过某种渠道传递信息的系统)的理论,它研究自然符号系统和人造符号系统的特征。广义的说,能够代表其他事物的东西都是符号,如字母、数字、仪式、意识、动作等,最复杂的一种符号系统可能就是语言。设计功能界面,不可避免地要让使用者明白功能操作。每一操作对人来说应是符合思维逻辑的,是人性的,而对机械、电子来说则应是准确的、确定无疑的,这双方的信息传递是功能界面的核心内涵。

2、情感性界面

一个家庭装饰要赋予人家居的温馨,一副平面作品要以情动人,一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受,“敝帚自珍”正体现着人的感情寄托,也体现着设计作品的魅力所在。

现代符号学的发展也日益这一领域开拓,以努力使这种不确定性得到压缩,部分加强理性化成分。符号学逐渐应用于民俗学、神话学、宗教学、广告学等领域,如日本符号学界把符号学用于认识论研究,考察认识知觉、认识过程的符号学问题。同时,符号学还用于分析利用人体感官进行的交际,并将音乐、舞蹈、服装、装饰等都作为符号系统加以分析研究,这都为设计艺术提供了宝贵与有借鉴价值的情感界面设计方法与技术手段。

3、环境性界面

任何的设计都要与环境因素相联系,它包括社会、政治和文化等综合领域。处于外界环境之中,“是以社会群体而不是以个体为基础的”,所以环境性因素一般处于非受控与难以预见的变化状态。联系到设计的历史,我们可以利用艺术社会学的观点去认识各时期的设计潮流。18世纪起,西方一批美学家已注意到艺术创造与审美趣味深受地理、气候、民族、历史条件等环境因素的影响。法国实证主义哲学家孔德指出:“文学艺术是人的创造物,原则上是由创造它的人所处的环境条件决定。”法国文艺理论家丹纳认为“物质文明与精神文明的性质面貌都取决于种族、环境、时代三大因素”。无论是工艺美术运动、包豪斯现代主义或20世纪80年代的反设计,现代的多元化,“游牧主义”(Nemadism)都反映着环境因素的影响。

环境性界面设计所涵盖的因素是极为广泛的,它包括有政治、历史、经济、文化、科技、民族等,这方面的界面设计正体现了设计艺术的社会性。

以上说明了设计艺术界面存在的特征因素,说明在理性与非理性上都存在明确、合理、有规则、有根据的认识方法与手段。

成功的作品都是完善地处理了这三个界面的结晶。如贝聿铭设计的卢浮宫扩建工程,功能性处理得很好,没有屈从于形式而损害功能;但同时又通过新材料及形式反映新的时代性特征及美学倾向,这是环境性界面处理的典范;人们观看卢浮宫,不是回到古代,而是以新的价值观去重新审视、欣赏,它的三角形外观符合了人们的心理期望,这是情感性界面处理的极致。

五、设计界面的运用原则

1)合理性原则,即保证在系统设计基础上的合理与明确。

任何的设计都既要有定性也要有定量的分析,是理性与感性思维相结合。努力减少非理性因素,而以定量优化、提高为基础。设计不应人云亦云,一定要在正确、系统的事实和数据的基础上,进行严密地理论分析,能以理服人、以情感人。

2)动态性原则,即要有四维空间或五维空间的运作观念。一件作品不仅是二维的平面或三绝的立体,也要有时间与空间的变换,情感与思维认识的演变等多维因素。

3)多样化原则,即设计因素多样化考虑。当前越来越多的专业调查人员与公司出现,为设计带来丰富的资料和依据。但是,如何获取有效信息,如何分析设计信息实际上是一个要有创造性思维与方法的过程体系。

4)交互性原则,即界面设计强调交互过程。一方面是物的信息传达,另一方面是人的接受与反馈,对任何物的信息都能动地认识与把握。

5)共通性原则,即把握三类界面的协调统一,功能、情感、环境不能孤立而存在。

六、设计界面的应用方法

设计界面所包含的因素是极为广泛的,但在运用中却只能有侧重、有强调的把握。设计因素虽多,但它仍是一个不可分割的整体。它的结果是物化的形,但这个形却是代表了时代、民族等方面的意识,并最终反映出人的“美”的心理活动。

设计界面的运用,核心是设计分析。在一些国际性的大公司,如索尼、松下、柯尼卡等,都有许多的成功案例可为借鉴。如柯尼卡公司设计其相机时,首先不是去绘制“美”的形和考虑技术的进步,而是进行对象人的日常行为分析,作出故事版(STORY)。它先假定对象人的年龄为35岁,名:xxx,从而分析他的家庭、喜好与憎恶,分析他的日常行为,进而考察其人在什么场合需要僚机,从而为设计提供概念(CONCEPT)与目标(TARGET),进行设计。经过分析,设计师有了明确的概念与目标,并随信息的交互产生了创造力。

第3篇

【关键词】人机界面设计;原则;风格;评价

0 引言

近年来,随着计算机硬件技术的迅猛发展,计算机的运行速度、存储容量和可靠性等技术性能指标有了明显的提高,计算机硬件的生产成本却大幅度下跌,个人计算机日益普及。新一代的计算机用户,在应用软件的可操作性以及软件操作的舒适性等方面对应用软件提出了更高的要求。这表明,人机界面的质量已成为一个大问题,友好的人机界面设计已经成为应用软件开发的一个重要组成部分[1]。

1 人机界面的设计原则

人机界面设计的好坏与设计者的经验有直接有关系,有些原则对几乎所有良好的人机界面的设计都是适用的,一般地可从信息、可交互性、数据输入、显示等方面考虑[2]:

原则 1:保证信息显示方式与数据输入方式的协调一致,尽量减少用户输入的动作,隐藏当前状态下不可选用的命令,允许用户自选输入方式,能够删除无现实意义的输入,允许用户控制交互过程。

原则 2:对所有可能造成损害的动作,坚持要求用户确认,例如提问“你确定……”等,对大多数动作应允许恢复,对用户出错采取宽容的态度。

原则 3:在同一用户界面中,所有的命令输入、数据显示、菜单选择和其他功能应保持风格的一致性。风格一致的人机界面会给人一种和谐、简洁的美感。

原则 4:合理划分并高效使用显示屏。仅显示与上下文有关的信息,允许用户对可视环境进行维护:如放大、缩小图像;用窗口分隔不同种类的信息,只显示有意义的出错信息,避免因数据过于费解造成用户烦恼。

原则 5:人机界面应该提供上下文敏感的求助系统,让用户及时获得帮助,尽量用简短的动词和动词短语提示命令。

原则 6:用户界面应能对用户的决定做出及时的响应,提高思考、移动和对话的效率,最大可能的缩短鼠标移动距离,减少击键次数,避免使用户产生无所适从的感觉。

上述原则都是进行人机界面设计应遵循的最基本的原则,除此之外还有许多设计原则应当考虑,比如如何正确的使用颜色等。

2 人机界面的风格分析

这里所指的人机界面的风格,是指计算机系统的用户界面上控制输入的方法,大致经过了四代的演变[3-4]:

2.1 命令语言

在图形显示、鼠标、高速工作站等技术出现之前,现实可行的界面方式只能是询问和命令方式,通信完全以正文形式并通过用户对系统询问和用户命令的响应来完成。

这种方式使用灵活,对熟练的用户有很高的工作效率,便于用户发挥其创造性,但对一般用户来说要求高且易出错,不友善并难于学习,它的错误处理能力也较弱。

2.2 菜单选项

这种方式与命令行方式相比不易出错,可以大大缩短用户的培训时间,减少用户的击键次数,可以使用对话管理工具,错误处理能力有了显著提高。但使用起来仍然乏味,可能出现菜单层次过多及菜单选项复杂的情形,必须逐级进行选择,不能一步到位,导致交互速度显得太慢。

2.3 面向窗口的点选界面

此类界面亦称WIMP界面,即窗口、小图标、菜单、指示器四位一体,形成桌面。

这种方式能同时显示不同种类的信息,使用户可在几个工作环境中切换而不丢失几个工作之间的联系,用户可通过下拉式菜单方便执行控制型和对话型任务,引入按钮、图标和滚动杆技术,大大减少键盘输入,对不精于打字的用户无疑提高了交互效率。

2.4 自然语言

使用自然语言与应用软件进行通信。把第三代界面技术与多任务、超文本概念结合起来,使用户可同时执行多个任务(以用户的观点)。

随着文字、图形、语音的识别与输术技术的进一步发展,多媒体技术在人机界面开发领域内的进一步发展,自然语言风格的人机界面将得以迅速的发展,最终走向实用化。

3 人机界面设计的评价

怎样评价一个人机界面设计质量的优劣,目前还没有一个统一的标准。一般地,评价可以从以下几个主要方面进行考虑[5]:

(1)用户对人机界面的满意程度;

(2)人机界面的标准化程度;

(3)人机界面的适应性和协调性;

(4)人机界面的应用条件;

(5)人机界面的性能价格比。

目前人们习惯于用“界面友好性”这一抽象概念来评价一个人机界面的好坏,但“但面友好”与“界面不友好”恐怕无人能定一个确切的界线,一般认为一个友好的人机界应该至少具备以下特征[6,7]:

(1)操作简单,易学,易掌握;

(2)界面美观,操作舒适;

(3)快速反应,响应合理;

(4)用语通俗,语义一致。

4 结束语

由于受传统观念的影响,很长一段时间里,人机界面一直不为软件开发人员所重视,认为这纯粹是为了取悦用户而进行的低级活动,没有任何实用价值。本文介绍了人机界面设计的一般过程,人机界面实现的原则,人机界面的风格和对人机界面设计的评价,旨在为人机界面相关问题的解决提供良好的理论依据。

【参考文献】

[1]贾晓辉,董智勇,乐嘉锦.多通道人机界面设计及应用[J].计算机应用软件, 2008(25):121-122.

[2]梅云.感性设计:人机界面设计新思维[J].科技资讯,2008(9): 217.

[3]褚中苇,魏东.交互设计在人机界面设计中的应用[J].艺术与设计,2009:93-95.

[4]夏敏燕,王琦.以用户为中心的人机界面设计万法探讨[J].上海电机学院学报,2008(11):201-202.

[5]林涛,应晶.基于剧本的目标模型开发框架[J].计算机科学, 2000(27): 23-26.

第4篇

旗帜栏是宣传式的栏目,作为网页中传递整站信息的重要途径,最易于浏览者查看。旗帜栏文字具有统一性、标识性等性质,设计趋于图形化。导航栏是地图式的栏目,在导航条的布局中,文字是最好的用户向导,导航栏文字的设计效果决定了浏览者能否迅速找到目标页面。网站种类复杂属性各异,在做网页文字设计时,要充分考虑到使用者的年龄、性别、职业、文化背景、经济水平等因素。网页“布局”是对页面的内容尺寸、间距及位置的设计,好的布局可以有效地帮助用户快速找到目标内容,并在视觉效果上给用户享受。合理的布局必须要有清晰的视觉层次,必须直观体现网页UI界面各元素之间的重要梯度,用户首先关注的区域是标志、LOGO和导航栏等重要元素。体现视觉层次,还需要在设计视觉流时还应考虑交互人物的逻辑性和浏览习惯。

多媒体设计

多媒体技术是指将多种单媒体复合而成的技术。多媒体技术融合了各种视觉和听觉媒体,包括动画、文字、图形、图像、语言、音乐和立体声响等,多媒体网页UI界面可以让用户同时接受多样的媒体信息来源。网页UI界面设计中使用多媒体技术可以体现以下几个特点:1)集成性,对远程多媒体的影音信息统一取得与。2)交互性,人性化的实现信息传播,能够主动选择和控制信息流方向。3)非线性,创建了超文本链接方法,把灵活展示浏览内容。4)实时性,实时控制多媒体信息,及时配合用户指令。5)动态性,用户可以按照自己的需求选择信息使用方式,甚至重组信息的各种表现形式。

网页交互设计

交互设计需要解决的是人与机器之间互动的问题,是表现层的东西,好的交互设计方案能够让用户感觉网页非常好用。怎样的网页交互设计才算是好的方案呢?1.让人有耐心等待。根据网络调查,大多数用户对网页打开的等待时间最多坚持5秒钟,如果5秒内页面都不能打开,那这个页面上的内容将没有任何意义都就将。所以在交互设计时,需要考虑网页等待时给用户提供的信息。最好的方式是反馈,当用户等待时,告诉用户他的操作是否成功并且将剩余的等待时间实时呈现,这样就能有效解决用户不能耐心等待的问题。2.让人不用动脑筋想。好的网站能够帮助用户快速完成任务,要达到快速完成任务的目的,交互设计必须使页面简单,尽量让用户浏览时不收不必要的干扰,最好能够符合用户心智模型。因为,大部分的用户在浏览网站时希望的是能快速找到勉强应付的方案,而不愿意主动寻找方案,百分之八十的用户只会用百分之二十的功能。

网页UI界面设计展望

目前,网页UI界面设计主要是三维的视觉界面和二维的图形界面,同时辅以动画、声音等多媒体插件布局设计。随着计算机技术的不断发展,三维立体的操作界面系统会在网页设计中逐步普及,三维立体界面的直接操作是虚拟现实(VirtualReality)交互性的一个重要表现方式。三维虚拟空间中的直接操作包括平移、拾取和旋转等操作,例如如今比较前沿的3D影装和多点触控技术。三维直接操作使得网页UI界面设计不再仅仅局限于视觉效果的三维变换,可以实现类似于四维空间的人机直接交互,从而更好的完成用户操作。

结论

几十年来,网页UI界面设计经历了不同的发展阶段,流行了各种不同的风格,当前网页UI界面处于图形用户界面时代,作为网页设计师并不能仅仅满足这种现状,需要和计算机科学家们一起合作,积极探索新型界面风格的人机交互技术。现代网页UI界面设计的主要任务就是要把用户实际工作过程、任务模型、行为方式、心理模型有效化的结合,并合理的转换成界面产品内容的实现模型,从而向用户呈现一个尽可能接近其真实角色,符合高度审美标准的界面产品系统模型。(本文作者:周静、谭亮 单位:四川交通职业技术学院)

第5篇

软件与人的信息交换是通过界面来进行的。就像电灯没有开关一样,软件没有界面的话,将一无是处。所以学习人机界面设计技术,对当今软件设计人员来说,是非常重要的事情,设计符合“简单、自然、友好、一致”原则的人机界面是我们追求的目标。

人机界面(或称人机交互Human-Computer Interaction)是计算机学科中最年轻的分支学科之一。它是计算机科学和认知心理学两大科学相结合的产物,它涉及当前许多热门的计算机技术,如人工智能、自然语言处理、多媒体系统等,同时也吸收了语言学、人机工程学和社会学的研究成果,是一门交叉性、边缘性、综合性的学科。现今世界上成功的软件公司都非常重视软件界面的设计工作,因为在激烈的市场竞争中,仅仅有强大的功能是远远不够的,软件要成为一款有竞争力的商品,必须要有一个友好的界面设计。

从人文出发设计界面

应该从用户角度确定的一系列影响人机交互的人文因素。然后,由人机界面及人机系统的设计人员要把这些人文因素概念结合到系统设计中,并转换成开发用户友好性系统的基本设计原理。

・努力做到一致性

在程序系统中,应该要求其概念模式、语义、命令语言语法及显示格式等的一致性。而人机界面的一致性主要体现在输入、输出方面的一致性,具体是指在应用程序的不同部分,甚至不同应用程序之间,具有相似的界面外观、布局、相似的人机交互方式以及相似的信息显示格式等。

一致性原则是最经常被违反的一条原则。在界面设计是我们应该注意到:在类似的情况下,必须有一致的操作序列;在提示、菜单和求助屏幕中必须产生相同的术语;必须自始至终使用一致的命令。当然也有例外情况,诸如输入口令时并没有显示口令本身、DELETE(删除)命令需要进一步确认,这些例外应该是能够理解的,但要在个数上要作限制。

・让经常性用户能够使用捷径

在设计人-计算机组成的人机系统来完成一定的任务时,应该让计算机更积极主动,更勤劳,做更多的工作,而让人可以尽可能少做工作,因而能更轻松、更便当地完成工作。当然,使计算机变得更聪明,让用户只做更少的事就能完成系统功能是要花费代价的,而且这个代价也正是实现人机界面所花费的开销。

随着软件使用的频度的加大,用户希望减少对话的次数和增加对话的步幅。缩简符、特殊键、隐含命令和宏指令方法对有知识的经常性用户都是合适的。较短的反应时间和较快的显示速率对经常性用户来说是另一种吸引力。

・提供信息反馈

人机交互系统的反馈是指用户从计算机一方得到信息,表示计算机对用户的动作所做的反应。如果系统没有反馈,用户就无法判断他的操作是否为计算机所接受,是否正确,以及操作的效果是什么。没有反馈的交互就不成为交互,因此设计人机交互系统的一个重要原则是系统必须对用户的任何动作做出反应,给出反馈信息。在交互系统中,反馈有三级,它们与语言的三级(词法级、语法级、语义级)相对应,设计者可以在这些层次上设置必要的反馈信息。反馈信息可以以多种方式呈现,并且已在人机交互系统中广为采用。

对每个操作员的操作应有某些系统反馈,对常用的和小部分动作,反应可以不过分要求;而对不常用的和大部分的动作,反应应该是很重要的。感兴趣对象的可视表示提供了明显的显示变化的便利环境。

・设计具有闭合的对话动作序列

应该形成有开始、中间和结尾的组合,信息反馈在完成一组动作后给操作员一种满意可靠的感觉,用户偶然遇到的信息、想法的选择、表示准备下一组动作的方法应该是清楚的。

・提供简单的错误处理

最好设计系统能使用户不会犯严重的错误,如果已经出现错误,系统应该检测出错误、并且提供简单的容易理解的处理错误手段。用户不应还需重新键入整个命令,而只需修改错误的部分。错误的命令应该使系统状态不发生变化,或者系统应该提供恢复状态的指导。

・允许动作的可逆性,以方便用户

操作应该可逆,这一点可以缓解焦虑,因为用户知道错误可以被克服,因此,它可以鼓励对不熟悉的选择项进行探索。可逆的单位可以是单个操作,日期输入或者一个完整的操作组。

・支持内部控制

有经验的操作员希望他们能改变系统和系统对他们动作的反应。令人惊奇的系统动作、乏味的数据输入序列、不能够或很难获得必要的信息和不能产生希望的动作等都会产生忧虑和不满足感。

Gaines以他的法则“避免因果关系”获得了好评,它使用户成为动作的创造者而不是反应者。

・减少短期记忆负担

用户在使用和操作计算机时,总需要一定的知识和经验。这些知识和经验是存放在人的大脑中,在需要时,人信息处理系统可以从长时记忆或短时记忆中提取出有用信息。但是一个设计良好的系统应该尽量减少用户的记忆要求。

不同的研究者及研究、生产机构提出了在原理上类似但表达方法不同的人机界面设计原则。

英国学者Hicks R和Exxinger J(1991)也提出在应用交互技术中的人机界面设计十原则:可视性和使用图形、具有信息反馈、灵活性、一致性、和用户模型相匹配、为用户提供指导和帮助、提供直接操纵、支持用户通过探索进行学习、揭示式结构(revealedstructure)、适应人的认知能力和界限。

未来界面理想:“人机和谐”

几十年来,人机界面经历了几个不同的发展阶段和典型风格,发生了巨大的变化,现在已经走过基于字符方式的命令语言界面,正处于图形用户界面(WIMP/GUI)时代。

但是,人们并不满足于这种现状,正积极探索新一代的人机交互技术。语音识别技术和计算机手写识别技术在商业上的成功让人们看到了自然人机交互的曙光。虚拟现实和多通道用户界面的迅速发展,显示出未来人机交互技术的发展趋势是追求“人机和谐”的多维信息空间和“基于自然的交互方式”的人机交互风格。

我们可以从下面几个不同的角度来观察和总结人机交互技术发生的变化及发展趋势:

就用户界面的具体形式而言,人机交互技术经历了从批处理、联机终端(命令接口)、文本菜单、图形用户界面等形式,向多通道多媒体用户界面和虚拟现实系统方向发展。

就用户界面中信息载体类型而言,经历了以文本为主的字符用户界面(CUI)、以二维图形为主的图形用户界面(GUI)和多媒体用户界面,计算机与用户之间的通信带宽不断提高。

就计算机输出信息的形式而言,经历了以符号为主的字符命令语言、以视觉感知为主的图形用户界面、兼顾听觉感知的多媒体用户界面和综合运用多种感观(包括触觉等)的虚拟现实系统。

在视觉阶段,借助计算机图形学技术使人机交互能够大量利用颜色、形状等视觉信息,发挥人的形象感知和形象思维的潜能,提高了信息传递的效率。虽然多媒体技术将声频形式和视频形式同时带入人机交互,但仍缺少听觉交互手段,即人处于被动收听状态,声音缺少位置和方向的变化,交互输入方面仍沿用图形用户界面所采用的键盘和鼠标器等交互设备。当前,在人机交互中结合视觉、听觉以及更多的通道将是必然趋势,特别是将听觉通道作为补充或替换的信息通道已显示出重要性和优越性。

就人机界面中的信息维度而言,经历了一维信息(主要指文本流,如早期电传式终端)、二维信息(主要是二维图形技术,利用了色彩、形状、纹理等维度信息)、三维信息(主要是三维图形技术,但显示技术仍利用二维平面为主)和多维信息(多通道的多维信息)空间。

不论从何种角度看,人机交互的发展趋势体现了对人的因素的不断重视,使人机交互更接近于自然的形式,使用户能利用日常的自然技能,不须经过特别的努力和学习,降低了认知负荷,提高了工作效率。

这种“以人为中心”的思想,特别是自上个实际年代以来,在人机交互技术的研究中得到明显的体现,自然的人机界面与和谐的人机环境是研究下一代软件的重要课题。

第6篇

关键词:儿童;app;界面设计

随着80后已渐渐地为人父母,家长们送给孩子的礼物,也已经不再局限于玩具、新衣服。ipad等智能终端产品已经成为越来越多的家长的选择。《2010年儿童网民规模及上网行为调查报告》显示,有51.2%的5岁~15岁儿童使用互联网,其中67.7%的儿童认为互联网是其最喜爱的媒体形式。同期调研显示,目前中国5岁~15岁儿童网民数量达到8958.2万人,儿童互联网渗透率达到51%。

1儿童心理探究

根据Goswami和Brayant从1967年开始做了一个关于0~10岁儿童认知发展的研究,我们可以得知:在儿童的学习过程中,即使是婴儿,他们也都拥有了几乎所有的学习方法。这种学习包括学习声音之间的关系,和典型常见物品的视觉特征。在该研究中他们指出,孩子思考和推理的方式跟成年人大致相同,但是他们缺乏经验。他们需要经验来帮助他们发展自我反思和自我监管能力。在知识的获取方面,孩子对知识的学习可以通过积累认知策略,自我反省和抑制性控制来提高。儿童通过构建因果关系的框架来使他们的经验在生物、物理和心理领域有意义。儿童通过经验、语言和假装玩耍来获取他们的知识,另外教学对于儿童的因果解释系统的发展是最重要的。

在儿童认知能力的发展阶段,经验的增加对于学习和知识的建立起到了关键的作用。另外,假装玩耍和想象也是儿童认知发展的重要的因素。它可以帮助孩子们反思和调节自己的认知行为,并有一个更深入的理解。

2不同年龄段儿童特点分析

对于儿童这一特殊群体,我们往往指的是3~12岁这一年龄区段。虽然统称为儿童,但是由于身体发育状况,受教育的程度,接触网络的时间等因素的不同。所以有必要对儿童这一群体进行细化研究,大致上可以把3~12岁的儿童分为三个年龄区段。

3~5岁,这一年龄段的儿童的自我判断能力还不强,往往不会使用搜索,并且看不懂文字,所以对于这一年龄段的儿童在设计的时候要避免出现文字,用图形来说明。另外由于年龄太小,他们往往不太计较游戏中的胜负,不太关心游戏的结果,而更关心玩的时候的互动体验。

6~8岁,这一年龄段的儿童渐渐的学习了一点文字,所以在应用设计中可以考虑使用简单的文字,但主要是用在功能按键上,并且要通俗易懂。较3~5岁的儿童,由于年龄的增长,他们渐渐的有了求胜心,需要在游戏中取胜。另外这一年龄段的儿童已经可以较为熟练地使用网络了。

9~12岁,这一年龄段的儿童在小学已经处于中高年级了,有的已经是初中生了,已经具备了较多的汉字储备,并且思维逻辑逐渐成熟,所以可以使用较多的汉字,对于网络熟悉程度跟成年人相同,并且对于搜索有了较强的依赖。

3儿童应用界面设计实践

很多儿童类app的设计目的是为了让儿童学习更多的文化知识。这一设计目的虽然没有错,但是要知道让儿童用ipad来学习这一可能性几乎为零。我们要做的就是要把学习的过程与娱乐结合到一起,寓教于乐才能获得儿童的喜爱。因为大多数儿童上网的主要目的是玩。

(1)色彩。由于儿童视觉正处于发育期,对于亮色的事物会比较敏感。在设计的时候,要以亮色为主,尤其是可点击部分。一个界面要以两种左右色调为主,手绘风格可以包含较多的色彩。并且以暖色调为主,视风格特点使用中间色调。

(2)字体。儿童多比较喜欢活泼可爱的东西,所以儿童应用的字体多采用手写体,与场景融合,并多用在标题和功能按键上。简体字体多用在旁白说明,起次要作用,一般用黑色和白色,并会有透明处理。

(3)界面风格。界面风格一方面是由产品的特性决定,另一方面更主要的是延续了开发公司所开发的产品的整体风格。每一个公司所开发的产品的风格往往是统一的。其中多采用手绘风格,让人感觉亲切自然,水彩、蜡笔效果使用较为频繁。还有矢量风格,因为这种风格的色彩往往比较纯,形象比较抽象,所以这种风格多用在年龄较低的儿童应用里面。

(4)层级架构。儿童应用的架构多比较浅,以2~3个层级为主,外加少许的弹出框,这是因为年龄越小,对事物的耐心会越少,所以层级要越来越少。设置功能往往会融入到首页的场景中,来减少层级,比如语言设置,伴奏设置等,再加上动效和音效,降低操作所带来的不适感。

(5)导航。不同的页面导航有不同的特点。首页往往会采用场景式导航,导航按钮融合到场景中,使界面更加自然。动画片类应用的首页多用左侧线形导航,更注重使用效率。内容页往往使用四角导航,尤其是读物类应用。功能按键分布在四个角落,通常会伴有透明效果来弱化视觉,不易引起误操作。隐藏式导航多用于游戏类应用的内容页界面,把很多的功能按键隐藏起来,这样界面就会只剩下一个按键,能让用户更加专注于界面内容。

(6)布局。页面的布局往往会根据界面的场景风格来安排,主要的功能往往会放大居中放置。比如说开始游戏。其他功能按键多会根据场景的需要分布在界面上。对于重要程度相同的功能,往往会采用列表布局。

(7)音效。音效在儿童类应用中很重要,每一个操作都要伴随着音效,而且往往会有背景音乐,并可以很方便的关闭。其中动物的叫声应用较多,人的声音多听起来柔和、缓慢。对于针对学龄前儿童的应用,多使用声音和任务旁白来营造身临其境的感觉。

(8)加载反馈。等待对于儿童是致命的,对于内容加载这种必须等待的事情。加载反馈往往会是小的动画,并且诙谐生动,引人注目,弱化等待感。

(9)手势。小朋友的绝大多数的手势操作都为点击,而且往往是漫无目的的“屏幕扫雷”式的点击。此外会外加少许的滑动,其他更复杂的手势是不会被儿童所接受的。尤其是学龄前儿童,对自己的操作没有心理预期,所以更喜欢乱点尝试。

(10)点选反馈。对于一个小小的点击,必须要有反馈。这往往包含亮度、动效和音效的变化,并且具有持续性、情节性,不要过于简单。过于简单的反馈对小朋友来说是观察不到的。

(11)互动性。活动的界面更能吸引小孩子的注意,所以应用要保持与用户很好的互动性。对于用户的点击都要做出反馈,即使是点击空白区域。这些反馈包括音效、动画,以及震动等反馈。由于小朋友抓住东西就喜欢乱晃,所以当小朋友晃动设备的时候,界面也要有相应的反应。

(12)启动界面。大多数儿童类应用启动界面都比较漂亮眨眼,有一定的趣味性、故事性,但由于儿童更缺乏耐心,所以最关键的是启动界面要快,迅速的开始程序。

(13)图标。儿童类应用的图标往往较大,相邻较疏松,这是因为孩子的点击往往不够准确,往往会点到附近的目标,所以要大要疏松一些。另外图标多为图案,与场景融合,配合适当的文字。一个界面最多有3~4个图标为宜,过多的图标会让小朋友不知所措。

(14)益智。把益智内容穿插在娱乐过程中,是目前比较认同的一种方式,但是这种内容不宜过多。比如铁皮人系列应用,在讲故事的过程中增加一些小的学习点,在应用最后会有一些更具应用内容来出一些益智类题目,这都取得了很好的效果。

第7篇

(南通大学杏林学院,江苏 南通 226000)

摘 要:在数字媒体充斥的时代,用户在数字媒体终端分享知识、分享观点、分享商品消费等,这种不受时空限制的传播方式,改变着人们的行为和言论,以及生活方式.承载着各种信息数字媒体如何在同类型的媒介中获得更多的用户体验,是数字媒体界面设计中时需要考虑的问题,将情感化设计运用于数字媒体界面设计,用户在满足实用功能需求的同时,也在情感上获取更多的体验.

关键词 :数字媒体;界面;情感化设计

中图分类号:J524文献标识码:A文章编号:1673-260X(2015)07-0188-02

在数字时代,新媒体在人们的生活中占据了非常重要的地位,人们离开了它,就会造成很多的不便,已经成为一种生活方式.数字媒体界面设计不是单纯是互联网、计算机技术发展的结果,它涉及多种不同的学科如计算机技术、人机交互、视觉设计、美学、消费者心理学、数字媒体技术、语言学等学科.最后通过各种数字媒体终端,以媒体界面形式展现给消费者.根据界面设计不同的分类,如从心理学的角度,可分为视觉、听觉、触觉等和情感交互两个方面的需求.如何在名目繁多的媒介中获取更多用户是数字媒体界面设计师需要思考的问题.运用情感的设计原则,将文化情感元素巧妙的建构在数字媒体界面设计中有着重要意义,能够给用户带来高层次的情感满足,如归属感、自尊感、自我认同感.

1 数字媒体界面设计中的情感体验

数字媒体界面设计是以互联网、计算机技术为支撑,以用户人性化、情感化体验为出发点;以传播文化为主体;以图形、色彩、文字、动画、图像等元素来传播特定的信息,是一种信息传播与交流的媒介.而情感体验主要是指人的一种心理反应,人们在数字媒体界界面设进行交互体验的时候,不同风格的界面设计会给用户不同的视觉感受.

在认知心理学家唐纳德·A·诺曼的研究理论中,从设计的角度把情感因素分为本能、行为、反思三种.本能情感因素是用户对于事物的本能反应,是情感加工的起点,也是用户通过触觉、视觉、听觉、嗅觉等感官行为方式在事物的外观直接获取的相关信息;行为情感因素是用户经过通过物品的使用,在物品功能的使用过程中所获取的情感体验;反思情感因素是用户对于物品的外观形象或对该物品使用后的整体印象,在反思情感因素的作用下,用户根据自己的体验,会对物品的使用会产生不同的情感反应,因此,反思情感因素会抑制用户的本能情感因素或行为情感因素对于物品的情感体验[1].本能和行为情感因素是所有自然人的共同特性,这种本能与行为的情感反映对全世界的人都是一样.在国内外大多数与儿童相关的数字媒体界面设计中,在色彩和设计表现元素的选用上都会充分考虑儿童的情感因素.在儿童的世界里,所看到的色彩是明亮、鲜艳、轻松的,所运用的设计元素动态二富有童趣的,来弥合儿童认知天性.反思情感因素的特性更多反应在社会人当中,每个人不同的生活环境、生存地域、文化背景等对事物会有不同的理解和认知.在情感反应上会存在着较大的差异.例如在中华文化背景下,一个数字媒体的界面设计运用传统文化中金黄色龙纹视觉元素,在中华民族文化背景下,所感受到是尊崇、敬畏,在情感上更多是民族自豪感;反之,其他地域、文化背景下的用户感受到是视觉元素本身的形态与色彩,是单纯的形与色激发的情感反应.

正式由于不同地域文化背景,用户在面对同一事物的时候反思情感因素会存在着差异,设计师对于界面设计的预期与用户在数字媒体的界面设计的感知有着一定的差异.因此,数字媒体的界面设计要获得更多用户在情感上的认同,在设计过程中就必须遵循用户所在地域的文化背景,充分发挥文化元素的象征性和代表性,使得用户在交互使用中获得更高层次的情感满足.创造出本土地域的文化语境,在实现查询、浏览、交互等资源的同时,来满足用户情感上的需要.如同消费者在品牌的选择上,无论从“皮尔卡丹”到“路易威登”,还是“Hermes”到“Versace”获取的不单纯是这些奢侈品的物质价值,而是在这些品牌背后所蕴含蕴含时尚文化象征意义.当用户不仅仅因为使用功能更因为其个性化的文化内涵而选择一个数字媒体的界面设计,便意味着数字媒体的界面设计与用户间的长期纽带建立起来了.

2 数字媒体界面设计中的情感化设计原则

2.1 人性化原则

所有的设计都是为人服务,数字媒体界面设计也不例外.人性化设计是以人作为出发点进行设计,要充分考虑不同层次、不同群体人的需求,为用户设计出合理的、易于用户使用的、个性化的数字媒体界面为目的.所谓人性化设计就是在界面设计的过程中要充分考虑用户的需求,是以用户为中心的设计体现,做到了人性化设计,也就是实现了情感设计的本质.实现的过程是运用技术手段,以艺术化方式呈现给用户,既满足了用户的使用需求,也满足精神层面的人文关怀.将人性化设计的原则运用于界面设计,并贯穿于人机界面设计的始终.能够充分考虑用户需求的设计,就可以长时间的把用户留在媒体中,如“腾讯QQ”“微信”等社交媒体,它不是单纯的聊天工具,在这里用户可以使用语音、文字、图片、视频、咨讯、最大限度满足用户的需求.反之,一个没有充分考虑用户需求的设计,人性化就无从谈起,这样的设计用户在体验的过程中渐渐失去了继续关注的欲望,在新鲜感过去之后,也就放弃该媒体的继续使用.

2.2 审美性原则

数字互联网时代,人们在数字媒体中获得极其丰富的情感体验,浏览网页、查询资料、互动聊天、娱乐游戏等是极其丰富的,当人们打开互联网媒介界面时,图形、色彩、文字的设计给人以赏心悦目的感受.审美是人们对于不同事物认知的直接感受,不同的事物用户会感受到不同审美感受,具有审美价值的事物是能够让面对事物时会产生美的享受,这种感受正是审美对象基于人对形象与情感的结合[2].唐纳德·A·诺曼的情感化设计理论贯穿于用户的审美活动之中,界面设计师以设计神情愉悦的审美事物为出发点,来满足用户在视觉和情感上不同的审美诉求.

2.2.1 形式美

一个“有意味的形式”,都是通过形式美表现出来,都遵循形式美的规律如对比与均衡、节奏与韵律、尺度与比例等等.形式美感的变换是基于人的感觉与知觉而存在,用户在数字媒体上交互获取相关咨询时,还在视觉上欣赏到了愉悦的画面和丰富情感体验.在数字媒体界面设计时巧妙运用形式美法则,可以让冰冷的机器在用户面前成为情感体验的乐土,让界面设计中的色彩、图形、图象、文字元素与数字媒体界面设计的主题在形式完美融合.

2.2.2 艺术美

艺术是感性的,富有美感的,是符合一定视觉审美趋向传达和表现.不能将数字媒体的理性与艺术的感性隔离开来,数字媒体界面的设计也需要艺术美,因为它的服务对象是人,正如古语中说的那样“爱美之心,人皆有之”.设计师通过对界面情感化设计,将用户稳固于某一个媒介,这是非常重要的,除了好用、易用之外,要将设计元素进行艺术加工、呈现给用户具有艺术美感的的界面设计.用户的体验与设计师创造有用的、符合用户多层次需求的界面设计出发点是一直的.界面设计师通过技术与艺术设计创造激发用户情感体验[3].

2.3 多样性原则

不同用户群体,对于事物有着不同的感知,在面对同一事物时,情感因人而异,因时而异,情感形态呈现多样化,因此情感化设计必须是包容性的设计.用户本能性的情感感知是长期在社会实践所积累的对事物的认知,不同层次的用户在认知过程中存在着一定的差异.用户在数字媒体界面中交互过程就是的感知过程,也是一种情感的体验;用户通过本能层情感和行为层情感的激发,与自身的生理、心理、行为的反思进而获得更高层次情感体验.

2.4 情境融合原则

用户在数字化、虚拟媒体界面中获取信息最直接的方式是通过视觉查看事物,在这个过程中与信息产生感受交流,这种感受与情感的交流正是界面设计主题的内容通过色彩、图形、文字、图像等元素,呈现出来的视觉语境.让用户在视觉语言中产生联想,使用特定的文化情感元素进行数字媒体界面设计,引导用户在心理和情感上产生反应,让用户在某种特定主题情境产生特定的心理反应和情感反应.在相关的社会心理学研究中显示,情境对于人的行为有这很大影响[4].特别是在情境决定论中,情境被置于主体地位.不同的情境会对用户有着微妙的心理感受.情境环境是愉悦的、严肃的、悲伤的等等,都能够对人们的思维、情感和行为产生一定影响[5].当用户通过数字媒体界面进行交流互动时,界面设计中的色彩、图形、文字、图像、动画等等设计元素将满足数字媒体主题要求的同时,也将界面设计营造成了一种情境,用户心理在这个情境中会产生不同的变化,此时的界面设计与用户的情感体验进行很好的融合.因此,情境融合是数字媒体界面设计中进行情感化设计需要考虑的因素之一.不同的用户对不同的数字媒体界面在审美观上有着不同的差异,这种差异来自于用户社会阅历、知识结构、个人喜好和行为习惯等等,数字媒体界面设计师在界面设计的过程使用相关设计元素营造出与用户产生情感交融的语境,可以有效降低各种因素所带来的情感认知差异,最大限度的把用户留在情境之中,长时间的使用该媒体,接受该媒体的相关信息[6].

3 结语

数字媒体界面中聚集着各种各样为主题服务的视觉元素,如色彩、图形、图像、文字、动画、底纹背景等等,各种视觉元素承载着这主题信息的某一个方面,来实现数字媒介传播信息、交流互动、商品销售、娱乐游戏等功能.它们构成了整个数字媒体界面.如何将这些元素运用情感设计原则巧妙的从界面设计中体现出来,主动营造出特定情境氛围,让用户在获得信息的同时,获取更多的情感体验[7].注重用户的情感体验是二十一世纪设计界的大势所趋,也是每个数字媒体开发者的初衷,只有通过大量的用户使用或关注该媒体,这个媒体才会有存在的价值.除了媒体自身的实用用功能之外,运用情感化设计的原则来指导数字媒体的界面设计,最大限度的满足用户情感体验有着重要意义[8].“感人心者,莫先乎情”,在数字媒体界面设计中恰当运用情感化设计,既提升数字媒体界面设计的价值和品味,也给用户带来情感上的启迪和人文关怀.

参考文献:

(1)唐纳德·A·诺曼.情感化设计[M].北京:电子工业出版社,2005.6—20.

(2)王亚美.社交网站界面的情感化设计研究[J].浙江农林大学,2013(06).

(3)徐恒醇.设计美学[M].北京:清华大学出版社,2006.42、31

(4)(美)Stephen P,Anderson.怦然心动:情感化交互设计指南[M].北京:人民邮电出版社,2012.19.

(5)(美)Philip G.Zimbardo.Robert L.Johnson.Ann L.Weber.津巴多普通心理学[M].中国人民大学出版社,2009.516.

(6)童俐.儿童家具情感化设计原则之解析[J].装饰,2012(2):102-103.

第8篇

关键词:交互设计;交互界面;界面设计(UI);图形用户界面设计(GUI)

中图分类号:J522        文献标识码:A        文章编号:1005-5312(2015)02-0044-01

一个产品的思维和想法是无法直接被用户读出,则需要适当的方式将用户与产品连接在一起到达互动与交流,这种联系往往发生在视觉上,既是交互界面。最早的图形用户界面是受史蒂芬·保罗·乔布斯(Steve P.(aul) Jobs,1955—2011)最早研发的Macintosh的影响。纵观国际市场,越来越多的业界人士开始注重GUI的设计,甚至有公司专门设立设计团队组建自己的产品的GUI设计。业界老大“苹果”公司则是最好的代表,其产品的GUI设计引领GUI设计的发展潮流,并成功地创建了用户与产品的情感。

一、图形用户界面设计的意义

计算机技术的发展使得它的操作系统越来越复杂,交互设计者需要解决人机交互交流过程的技术操作流程,通过分析用户认知心理和操作习惯,将用户与产品行为保持一致性,让产品达到易用。界面设计中的元素都有其基本的属性,在不同的功能性产品中有着不同的个性,比如形状,颜色。

二、图形用户界面设计原则

人的大脑是一个超级模式处理计算机,能理解我们无论何时何地看到的这些高度密集的视觉信息。我们的大脑通过辨别视觉模式,并且对所见到的事物建立优先级系统来处理这些来自视觉的海量信息。大脑的视觉系统按照视觉提示(Visual Cue)把视野内的部分装配成模式,大脑的这个能力是我们之所以能够如此快速和有效地处理视觉信息的原因。就像前边提到的人类对于视觉信息的辨别能力是与生俱来的,所以要在用户第一反应时就做出反应就必须在图形用户界面中研究人类的视觉处理能力,更和谐地将产品和用户联系起来。

在图形用户界面设计的研究中,有一些重要的原则,能更快地帮助处理视觉界面的逻辑性、一致性和功能性以及更好地满足用户对于艺术层面的审美需求。

1.基于逻辑性的设计原则。一个界面需要一套完整的交互设计构架,一套清晰的视觉元素组合和一个有层次的视觉信息结构,构成图形用户界面设计的逻辑性。首先得到基本系统构架后则需要了解界面中视觉元素的属性和组成属性,使用视觉元素:图形,颜色,版式来区分界面每个结构的层次。

图形:不同形状的图形所被接受到的视觉感官不同,选择适合形状,以尺寸的大小来排列信息的重要性。

2.达成一致性的设计原则。一致性的图形用户界面设计指产品属性与界面风格的一致性,产品行为与界面与用户的一致性。一致性设计原则目的让产品更准确地传达信息,提高产品易用性,让用户更好地理解产品,降低操作难度,创建和谐的操作过程。其次有利于定位品牌形象,扩大影响力和提升知名度。

反射于图形用户界面中表现为:产品的属性决定界面的颜色基调,版式结构和字体的运用,界面中所有菜单,窗口均采用同一字体,同一形状和统一的色彩搭配。

3.功能性的设计原则。在功能性设计中,人们在视觉元素中创建独特的有意义的符号,例如GUI中的图标设计,窗口的纸张折叠设计,文件的文件夹设计,播放器的音乐符号等,都是提供了功能性的设计,让用户在一次就能得到系统所表达的功能指向。如果要尝试创造新的设计形式,不仅是对用户习惯的挑战,同样是对自然界的挑战。所以目前的GUI设计,都是遵循着功能性的设计原则,包括最新的设计风格——扁平化设计,也是在功能性的基础上摒弃一些多余的复杂的表现效果而已。

三、图形用户界面设计如何突破与创新

当“苹果”系统的GUI设计从IOS 6升级为IOS 7时,它向世人展示了GUI设计中的突破与创新。从以前保守的拟物化设计变身为扁平化风格设计。我们一再提到用户习惯,我们的原则中也是自始至终“以人为本”,利用用户的习惯创造GUI设计,但是我们却忽略了人的大脑是完美的设计器官,我们不仅能通过使用习惯对事物做出反应,面对新的事物时,我们通过特定的方式经过大脑培养新的习惯同样可以做出相应的回应。科学技术的进步也是促使GUI设计出新的手段,3D技术将传统的静态交互界面设计三维化,给GUI设计提供了新的创作灵感。

我们提出的原则不是为了限制设计者的思想和表达方式,只是为了更准确地指导设计者。GUI并不是单一的设计工作,它的跨学科性,就注定它的多样性和可塑造性。也许在创新的过程中会遇到很多挑战和风险,但一个突破也许就会成为下一个能改变用户使用习惯的设计。

第9篇

关键词:计算机软件;用户界面;设计

近年来,我国计算机科学技术快速发展,各种计算机软件系统越来越多,与此同时计算机软件的用户界面设计受到人们的广泛关注。计算机软件的用户界面设计是一项专业、复杂的系统工程,在实际应用中应仔细研究计算机和人之间的关系,结合人的认知特点,设计更高效、方便、舒适、灵活的用户界面,不断提高计算机软件的用户界面设计水平。

1.计算机软件的用户界面设计原则

1.1有用性

计算机软件的用户界面设计应提供多样化的功能满足用户需求,通过设计实际提供的功能和用户需求之间的差别来衡量用户界面设计的有效性,其主要包含计算机软件用户界面的稳定性、灵活性、安全性和效用。(1)计算机软件用户界面设计应具有高度的安全性,人们在操作使用计算机软件系统时,不会发生破坏或者丢失用户数据的风险,例如,计算机软件系统应设置自动保存或者自动恢复功能。(2)计算机软件的用户界面设计应满足稳定性要求,即计算机软件系统必须能够保持长时间的稳定、可靠运行,不能经常发生系统崩溃或者死机。再次,计算机软件应适应各种环境的不同需求,高效运行的同时应保持灵活性,执行不同条件的应用功能,例如,某计算机软件根据用户的具体要求和应用制定的用户界面,该计算机软件系统的灵活性较高。最后,效用性是指用户操作使用该计算机软件系统可以做什么,若用户界面设计的效用比较方便使用和访问,则说明该设计是高效的,可快速有效地完成某个具体任务。

1.2高效率

计算机软件的用户界面设计应达到高效率目标,使用户可以非常快捷、不需要经过一些无关的步骤和复杂的流程来完成任务,特别是不应该浪费人们的精力和时间,使用户尽可能少的进行反复安装和、操作。高效率是评价计算机软件用户界面设计可用性的一个重要标准,其主要包括可见性、可预见性、可记忆性和简洁性。可见性将是指帮助用户了解计算机软件系统的所有组件和功能,包括系统反馈和各种应用功能,使用户可以获知计算机软件的应用过程和所有功能;可预见性是指人们提前确定或者期望发生事件的结构,用户界面设计的可预见性主要是结合人们操作使用计算机软件系统的习惯或者特点,使人们在使用用户界面设时更加有效率和安全感,并且这种安全感能够鼓励用户探索和操作一些不熟悉的用户界面,提高用户界面的可用性;可记忆性,用户界面的可记忆性原则可以帮助用户使用和学习,提高用户界面设计效率和水平,便于用户的操作控制,当用户使用某功能时,不需要查找手册或者搜索就可以很容易地实现某个功能或者找到某个对象,给人以轻松、舒适的感觉;简洁性,是计算机软件用户界面设计的一种高层次要求,简洁的用户界面易于记忆、学习和理解,并且很容易预知其功能和作用,但是简洁并不等于简化,用户界面设计应避免平庸化。

2.计算机软件的用户界面设计要点

2.1软件框架设计

计算机软件系统的用户界面设计首先应设计整个软件系统框架,整体框架的优劣在很大程度上决定着用户界面设计水平。软件系统框架设计是一项复杂的系统工作,其设计到计算机软件系统的应用功能,因此应充分考虑该计算机软件的操作使用步骤和程序,设计出独特、友好、符合程序开发要求的软件系统框架结构。同时,软件框架设计应尽量简洁明了,提高屏幕空间利用率,减少一些无所谓的装饰,还应考虑到缩放状态、分辨率大小,为状态栏、滚动条、标签、菜单、按钮等预留位置,设计过程中还要合理搭配色彩,在显著位置放置软件商标,通常情况下,状态栏放下边、滚动条放右边、主菜单放上边或者左边,用户界面设计比较符合用户的使用心理和视觉流程如图1所示。

当前Windows操作系统利用Visual Studio开发平台,有效简化了计算机软件系统开发工作,各种应用功能被封装在不同控件中,因此当前计算机软件系统用户界面设计可以只关注各种控件的色彩、文字、图形以及整体框架设计,基本的构件包括编辑框、列表框、按钮、消息对话框、状态栏、工具栏、菜单栏、标题栏、最小/大化按钮等标准控件。

2.2色彩设计

色彩设计是计算机软件用户界面设计的一个重要内容,颜色对于用户有着强烈的影响,设计师可以通过设计不同的颜色帮助人们快速找到按钮和图标,合适的颜色可以使用户界面的人机交互更加方便、舒适。同时,颜色可以用于对用户界面物的物体分类,作为一个非常重要的工具,其依赖人们的感知,由于人们的视觉感知器官具有局限性和特定特征,在设计用户界面时,为了选择最合适的颜色,应充分了解人类视觉感光细胞的局限性和长处,根据相关研究证实,人类眼睛对于黄色和绿色最敏感,对于蓝色的敏感度最低,因此用户界面设计应尽量避免使用蓝色字体,并且最小的图标尺寸应控制在人类视觉识别范围内。

2.3图形图像设计

人类大脑记忆主要包括两种表示方法:(1)文字;(2)画面、景物和图形,人们记忆的是经过理解的文字和画面含义,对于整篇的故事和完整画面的记忆力较差,并且人类文字记忆能力比画面记忆能力差很多。图形图像可以使信息传达地更加直接、真实和立体,更容易理解,高质量、高效率地实现人机交互。同时,计算机软件系统用户界面的图形图像造型可以采用抽象法或者具象法,抽象法更加突出事物内在特性,通过提炼和概括事物的规律性,找出视觉图形独特的造型元素,其主要运用各种几何图形、面、线、点等组成的视觉元素,语言形式单纯简练,富有时代感。具象法主要基于现实事物,通过装饰性和写实性相结合的艺术手法,对事物实现艺术再创造,其重点在于突出自然形态美,清晰、生动、情切,给人以舒适感。

2.4文字设计

计算机软件用户界面中的文字主要用于会话、提示信息、标题等,用于刻画细节和表示一些概念,可以分为设备文本和注释文本,设备文本主要是指计算机软件系统的内在功能,当用户选中某个菜单选项时,计算机软件系统后台会执行该命令,并且需要标签来描述图标、单选按钮、复选框、按钮、菜单等控件的操作和功能。注释文本使得计算机软件系统的功能或者状态可见,例如,系统消息可发送错误条件和系统状态,工具提示文本帮助用户了解图标的具体信息,帮助文档可向用户提供专业使用指南。为了进一步提高计算机软件用户界面文本设计水平,应仔细研究人们阅读文本的心理和生理特性,人们总是先辨别汉字形状、单词或者字母,然后再联想它们的表示含义,为了实现用户界面设计的可学习性和可理解性,文字设计应特别注意版式和措辞,营造舒适、轻松的计算机环境。

第10篇

关键词:眼动追踪;公交站牌;界面设计;认知心理学

引言:人机交互界面的设计把“以用户为中心”。①作为根本出发点和指导思想,旨在使用户更加简单、方便、快捷地使用人机界面获取信息和操作设备。人和各类数字化设备的交互的效率的高低,在很大程度上取决于人机交互界面的设计的好坏。

如果在设计人机交互界面中加入人性化设计,把认知心理学中理论结合在界面设计中,是否可以使得普通的界面变得不同,它的使用性能是否能因此而增加,面对这些问题,将用什么样的实验方法去证实。传统的对于人机界面可用性的评价方法则乏善可陈:或者主观判断其优劣而缺乏客观性和说服力;或者进行繁杂的问卷调查而工作量巨大;抑或者通过记录特定任务的完成时间和完成率来评价界面的效率和有效性,虽然相对客观许多,但是实验操作复杂且精度不高,提供的数据类型较为单一而且有限。通过与传统的测试和评价方法相结合,眼动追踪技术可以很好的对数字人机界面进行定量评价,并为设计师解决界面可用性问题和设计新界面提供一个可靠的线索。

1.前期准备

1.1研究目的

首先提出用眼动追踪技术的典型实验方案和分析方法;分析实验数据,评价公交站牌界面的设计结合认知心理学前后的优劣;基于研究结果为城市公交站牌界面的优化设计给予一定的建议。

1.2研究方法

选择公交站牌界面作为测试材料进行研究。用于测试的公交站牌旧界面为南京市现行公交站牌的界面模拟,用于测试的新界面是结合认知心理学理论基于人性化设计对公交站牌界面进行的全新设计。

实验部分运用眼动追踪技术,用任务流的方法对受测界面进行测试。实验是新、旧界面可用性的对比测试。

1.3研究创新点

提出了公交站牌界面设计的全新理念和思路,结合认知心理学理论,基于人性化设计前提下改善了现有的公交站牌,设计了新的公交站牌界面,并提出了运用眼动追踪技术来实验得到数据证明新的公交站牌界面比旧界面使用性能强。

2.界面设计传统的评价方法

传统评价方法是以用户的主观评价为主进行界面可用性研究和进行用户绩效研究的方法。主要包括出声思维法②、问卷调查法等,以传统的操作时间、完成率、主观感受与评价等指标作为衡量标准。传统评价方法获取指标的优点是操作相对比较简单,工作量较小,能反应用户的主观感受;但其也具有较大的缺点和局限性,如衡量标准单一,各项指标的精度不高,客观性较差、误差较大等,在越来越强调精度、深度和客观性的现代研究中就显得捉襟见肘。

3.公交站牌界面结合认知心理学优化设计

3.1公交站牌界面设计的基本原则

城市公共导向系统是指出现于城市的公共场所,由图形、文字、色彩等视觉元素的组合所形成的标志与箭头相结合所构成的导向识别系统,用以向人们提供某种公共信息的并引导人们选择方向③。认知心理学认为知觉是一种解释刺激信息从而产生组织和意义的过程。人对客观世界的认识过程是从感觉开始的,没有感觉信息就没有知觉过程的发生。④认知心理学研究表明,不同的刺激种类对应的绝对感受不一样,颜色的不同感受就明显不同,图形的大小,摆放的位置等也会给人以不同的感受,在整齐排列中,突出的那个也会吸引人的眼球。刺激强度高的刺激常常优先被知觉。

3.2现有城市公交站牌的界面设计不足分析――以南京新街口北站为例

通过对南京市新街口北站公交站牌界面的调查研究,提取了新街口北站现行公交站牌界面设计主要理念,并提出存在的缺点与不足。

南京市新街口北站现行公交站牌界面每一横向长条状模块代表一条公交线路,单元首或尾部用大号字体显示路线名称,其他地方显示该条线路包含的所有站点的名称,通常会用箭头等指向标志指示线路的运行方向;不同的线路模块竖向按一定编号规则排列。

这类设计之所以能占领世界上绝大多数的公交站牌,应该归功于它的设计理念的简单。线路信息可以不经过加工或者少量加工即可被安排到界面上,且模块化的设计使得其中的线路可以任意增删而不会影响其他线路的呈现,设计工作量小,设计、修改、替换成本低。然而对于用户来说,这类界面却具有很明显的不足之处。例如,界面上的文字信息量过大,排列方式过于死板,用户在密密麻麻的文字中查找某个站点十分费劲;重复站点信息很多,用户如果要查询到达某个站点的多条线路,需要进行多次搜索过程;信息量虽然很大,但是信息的种类却很单一,只有公交站点的信息,这在多种交通方式并存和互补的大中城市中就十分不适用。比如若要寻找能换乘地铁的站点,在现行的这种界面内显然是不能找到任何信息的。可见,现行公交站牌界面的设计尽管使用度很高,经济性较强,但是随着社会的发展,它并不能很好地适应城市公交系统发展的新趋势和用户的新需求。

3.3结合认知心理学优化城市公交站牌界面设计

作为一种较新的并且快速发展的交通方式,地铁指示界面的设计或许能为我们队传统公交站牌界面的优化提供灵感和借鉴意义。

通过借鉴地铁图的设计理念

1、线路以带颜色的直线或折线表示,不同线路以不同颜色区别;

2、如果不同线路有重复站点,通过设计整合将线路的重复部分聚集在一起,站点名称只标识一次;

3、通过加入图标、颜色等设计元素以显示其他交通方式、重要公共设施等,将新界面有机融入整个城市的公共导向系统。

在结合认知心理学的指导下,对南京市新街口北站站牌进行了优化设计,用眼动实验对两类界面进行对比测试和可用性评价。

现行公交站牌界面简称为“旧”界面,优化后的公交站牌界面简称为“新”界面。为了控制变量以免字体对实验结果造成干扰,新、旧界面上相对应的信息字体类型和大小相同,如站点名称均对应相同的方正大黑体12号,线路名称均对应方正大黑体20号。

4.实验方案

4.1实验目的

本实验通过运用眼动追踪技术并结合问卷调查,对比测试公交站牌新旧界面的可用性,评价新旧界面设计的优缺点,并据此总结提出公交站牌优化设计的建议。

4.2实验材料、设备和人员

材料:受测数字界面(图片大小1024*768像素,格式为.bmp),新街口北站公交站牌新、旧界面各一张

设备:眼动仪一台、电脑主机及外设(键盘、鼠标、摄像头)、Clear view软件

人员:指导员2名、受试者不少于10名(男女各半,受条件所限,选取在校大学生)

其中受试者条件:无色盲、色弱、双眼矫正视力不低于1.0

4.3实验过程

受条件和时间所限,本次实验共有14人参加,其中男生7名,女生7名,均为来自南京理工大学的在校学生,年龄均在18~25岁之间,眼睛的生理状态符合实验要求。在本次实验前,14位受试者都使用过旧界面(即现行公交站牌界面),都从未使用过新界面。

由于所有受试者均未曾使用过新界面而对旧界面的使用较为熟练,为了减少由于不熟悉新界面而造成实验误差,在测试实验正式开始前,指导员都对界面(包括旧界面)的构成和设计理念进行了详细地介绍,所有受试者都完整的参加了上机学习。但这也并不能完全消除受试者因为对新界面的相对陌生而对实验结果造成的影响。

整个实验结束后,从软件中导出每位受试者完整的眼动数据,保存在个人存储设备中,检查确认数据完整无差错之后,清理软件中的缓存数据。

4.4新旧界面可用性对比

从表4-1的数据可以看出,受试者在新界面上的注视时间平均值及注视点数的平均值均小于旧界面,且差距较大。而从图4-2则可以直观的看出,尽管仍有1位受试者在新界面上花费的注视时间比在旧界面的注视时间略长,但整体上旧界面的注视时间曲线明显位于新界面的注视时间曲线之上,即在新界面的注视时间比在旧界面上更短。用户在新界面的获取信息的效率高于旧界面,新界面的可用性优势比较明显。

图4-3眼动仪路径分析

从图4-3的对比中可以看出:受试者在使用旧界面时,由于旧界面包含的文字信息量大,且每一条线路可能存在与其他线路重复的站点名,因此在搜索某一目标站点时,受试者为了找全所有路线不得不对每一条线路都进行搜索;再者,在旧界面中,一条线路中的站点呈左右横向分散排列布局,而线路间的排列又呈现上下纵向排列方式,因此视线需要既要在左右两侧比较长的距离范围内来回移动,又要在上下方向移动,因而受试者的注视点呈现小而多、分散分布的态势,且眼动路径总体呈现“锯齿形”,所需的注视时间相对较长,中心点的位置不明确;而在新界面中,站点与线路都呈上下纵向排列布局,因为新界面将重复站点的信息整合在一起,文字信息量大大减少,且受试者在查找到目标站点之后不需要再去考虑是否界面上其他地方是否会有“漏掉”的线路,而只要顺着目标站点对应的线路向上搜索以确定线路的名称。因此,受试者在新界面上的注视点数较少且中心点位置集中,眼动路径清晰明确,所需注视时间更短。

从眼动路径图的分析中可以看出,受试者使用新界面获取信息的效率比旧界面更高,新界面的可用性优于旧界面,这与注视时间、注视点数、注视频率和完成时间分析的结果相一致。

图4-4热点

对热点图的抽样分析,可以显示出受试者在界面的哪些区域内停留的r间长。从图4-4的对比中可以看出,受试者在使用旧界面时,注视点多而分散,平均每个注视点的注视时间都较短,没有明显的注视重点;而在使用新界面时,注视点数量相对于旧界面明显少很多,目标站点和线路名称附近区域为注意力最高的地方,注视时间较长,而在目标站点和路线名称区域之外,注视点就比较少了。这表明,受试者在旧界面上往往要浏览大量无用信息才能找到目标站点,而在新界面上,用户能相对更容易锁定目标站点。因此,从热点图的分析中可以看出,受试者在新界面上获取信息的效率要高于旧界面,新界面的可用性优于旧界面,这与注视时间、注视点数、注视频率和完成时间分析以及眼动路径图分析的结果相一致。

4.5实验结论

从以上的分析过程我们可以得出以下结论:

受试者在旧界面搜索目标站点时,注视点多而分散,眼睛既要上下、左右运动交替,眼动路径呈现出锯齿形;而受试者在新界面上搜索目标站点时,注视点少而集中在目标站点和线路名称附近区域,眼睛以上下运动为主,眼动路径清晰、明确。这说明受试者在新界面上获取信息的效率要比在旧界面上高。

5.结论与展望

5.1研究结论

结合认知心理学理论设计新的公交站牌界面并运用眼动追踪技术对基于新、旧理念设计的公交站牌界面进行对比评价。实验的结论显示,相对于旧的公交站牌界面,用户在新界面上能更快的找到目标信息,新界面的对用户的引导作用更强,用户在新界面获取信息的效率整体上比旧界面更强。新界面的设计理念是成功的和进步的。

迫于时间、人力、经济、资源以及自身学术水平的限制,本次研究还有许多不足之处,由于眼动实验环境和设备的限制,实验受测公交界面只能通过一定的比例关系缩小显示在有限的屏幕范围内,而不能真正的模拟用户实际使用界面时的情形。由于界面的缩小可能引起实验结果与实际使用的产生差异。研究以新新街口北站一站牌进行研究,在线路、颜色等并未一一进行控制,如果对应每条线路有不同的颜色,相对庞大的公交线路来说是很困难的,所以只能局限于每个站牌。最后实验迫于时间和人力的限制,只测试了14位受试者且还有3个无效数据,样本容量不够大;受试者的来源单一(均为大学生),不能代表公交站牌的广大受众。

5.2研究展望

1、加强眼动追踪技术的基础性研究,探索眼动实验的基本设计方法,提取典型的眼动评价模型。

2、对新界面的设计理念进行进一步的优化,并逐步建立新界面的标准化方案。新界面尽管较旧界面是进步的,但其中还有许多不合理和值得进一步优化的地方。例如,“新界面颜色太多”的意见,可见,复杂线路界面颜色负荷过高的问题需要进一步解决,而站点密度过大时新界面对站点如何合理安排、新界面的对某些信息的省略是否合理等问题也需进一步研究。而新界面的应用则还需要更加详细地标准化方案及设计元素库作为支持。

3、新界面设计的自动化。相对于旧界面,新界面有个不容忽视的缺点是设计工作量和复杂程度都很大,设计过程成本很高。如果能够设计出一种软件,能够根据输入的站点信息自动生成新界面,则能很好的解决此问题。(作者单位:南京理工大学)

注解:

①董建明,傅利民,饶培伦,Gavriel Salvendy.人机交互:以用户为中心的设计和评估[M].清华大学出版社,2007.

②周荣刚,张侃.可用性测试中的出声思维法[J].人类工效学,2005,11(3):55-56.

③陈晶,城市公共交通导向系统设计研究[D].东华大学硕士论文,2004.

④何亭,基于认知心理学的网络界面设计研究[D].苏州大学高等学校教师硕士学位论文,2009.

参考文献:

[1]董建明,傅利民,饶培伦,Gavriel Salvendy.人机交互:以用户为中心的设计和评估[M].清华大学出版社

[2]周荣刚,张侃.可用性测试中的出声思维法[J].人类工效学,2005,11(3):55-56.

[3]张光强,沈模卫,陶嵘.可用性测试中的视线追踪技术[J].人类工效学,2001,7(4):9-13.

第11篇

关键词:研究性学习;网站界面设计;教学设计

中图分类号:TP37文献标识码:A文章编号:1009-3044(2016)19-0073-02

研究性学习这个概念在我国早在十几年前就提出来了。但就算到今天,这种方法在教学中的实际应用程度到底有多高,也还是个问题。作为一名专业教师,对于研究性学习我早有耳闻,也在实际教学中用过其中的一些方法,如分组学习、利用网络收集信息等。但真正系统而全面地了解研究性学习的教学模式,是在一次继续教育的远程网络课程中。从那之后,我试着将研究性学习的教学设计融入到自己所教的实际课程中,取得了较好的效果,本文意在分享我在教学实践中的收获和体会。

研究性学习是一种以学生为主体的教学模式,[1]研究性学习活动基于学生的直接经验,以获取关于探究学习的直接经验、发展创新精神和解决问题的能力为直接目的,以个性健全发展为根本,能充分调动和发挥学生的主动性,培养学生发现问题、提出问题、从而解决问题的能力。研究性学习实际是[2]“学生中心说”理论的一种教育实践。因为在学生中心说主张:在教学要素结构中,学生是中心;在教育内容的范围上,经验是中心;在教学过程的组织上,活动是中心。而研究性学习的教学设计方案正好与上述观点基本一致。

1课题背景、意义及介绍

作为电子商务专业,电子商务网站的设计与制作是一块重要的内容。我承担的“网页美工设计”课程主要讲解网站的界面设计,是一门必修主干课。由于我校正在进行项目课改,即通过项目的方式来学习相关软件的知识和技能。我精心选取了几类在界面设计上具有不同特点的典型网站作为项目,学生通过完成这些项目来学习、掌握相关的知识与技能。

这里我将以网上商城这个项目为例来介绍研究性学习的实践过程,因为网上商城跟电子商务专业结合最为紧密,通过本项目的研究学习,学生可以了解网上商城这类电子商务网站的页面布局和配色要点,掌握Photoshop软件的操作方法和使用技巧,还可以培养学生的设计能力、创新能力、合作能力以及利用网络等各种工具进行信息收集、整理、加工的能力。我将学生分成若干小组,要求学生通过各种形式的研究、探索和创新,用指定的内容素材设计出某网上商城的网站界面,包括网站的主页、一级页面、二级页面。

2研究性学习的教学目的和方法

研究性学习的教育目的和方法可按布鲁姆目标分类法或新课程标准的三维目标来进行阐述。布鲁姆将教育目标划分为认知领域、情感领域和操作领域三个领域,共同构成教育目标体系。其中认知领域的教育目标可以分为从低到高的六个层次:知道(知识)-领会(理解)-应用-分析-综合-评价(见表1[3])。

3参与者特征分析

参与的学生处于高中年龄阶段,对电脑、网络使用普遍比较熟练,能较好地利用这些工具收集资料和信息。由于这是本课程的第二个项目,学生之前已经做过一个简单的项目,对Photoshop软件有一定的基础。由于这个项目内容较多,学生之间又有个性差异,因此最好分组完成,分组时要注意均衡搭配,以保证任务的完成。

4研究的目标与内容

本课题主要的研究目标:

1)了解网上商城的界面特点(从内容、格局、配色等方面)。

2)组织学生通过研究性学习,培养学生的创新精神,设计出某网上商城的网页界面,要求界面整齐、美观、大方、内容充实完整,首页和子页在设计风格上协调统一配套。

为了达成以上的研究目标,本课题主要分为以下研究内容:

1)指导学生分别通过查阅图书、资料、上网浏览室等途径收集具网上商城界面,经过类比、总结出这类电子商务网站的界面特点;

2)以自由组合和调配相结合的方式对学生进行分组,以小组完成网上商城的界面设计,可以让学生自己进行分工,老师加以指导和监督。

5资源准备

1)硬件:多媒体网络教室、资料室、图书室。

2)软件:部分同类型的网站界面、Photoshop、ACDSee、Word、PPT等。

6研究性学习的阶段设计

为了更加明确、有条理地表现该课题研究性学习的实施过程,我将全过程划分为4个阶段,每个阶段学生和教师的具体活动内容见表3:

7总结与反思

以上的教学设计方案,我在11级电子商务专业的网页美工课程中进行了实施,取得了较好的教学效果,在这里与大家分享一下自身的心得体会:

1)在本项目的完成过程中,学生自己查阅、搜集资料,对信息进行整合、加工,充分体会到研究性学习的乐趣,使大部分学生由被动的“等老师教”向主动的“自己学”成功转型,提高了学生的学习兴趣,培养了学生良好的学习习惯。

2)本次研究性学习活动选题较好,与专业非常对口,加强了学生对电子商务专业的了解。

3)通过分组的形式,让学生认识到个人和集体的关系以及合作的重要性,培养了学生的合作意识和沟通交流能力。

4)本项目给定了网站的内容(即大家都必须将同样的内容放到网站上),增强了可比性,为最后的评价奠定了好的基础;但本项目并没有给定样图,让学生充分发挥想象力,设计出不同的版面,培养了学生的创新能力。

5)制定了详细的评价标准,给学生搭建了一个展示的平台,锻炼了学生口头表达等综合能力。使完成好的学生获得认同感和成功感,完成情况不理想的学生也得到了改进意见,可以通过修改得到提高。

第12篇

摘 要:新媒体是以数字技术、网络为基础的各种媒体形式,是技术支撑体系下出现的新媒体形态。新媒体艺术实际上是一种艺术设计的特殊表现形式。它有着非同凡响的个体特征和令人震撼的艺术魅力。新媒体艺术界面设计由数字化艺术派生出来的一个门类。在数字化艺术设计的视野中,用户交互界面技术同样得到不断地快速发展,并且日臻成熟。新媒体的用户交互界面已进入我们的生活,让人们在惊叹新媒体艺术设计带来的华丽的界面效果的同时,用户界面的设计理念也深入人心。

关键词:新媒体艺术;界面设计

当今,人们已经步入到科技发达的划时代。一切社会文化、工作生活、贸易往来、商务活动等等都离不开数字化。对于新媒体艺术界面设计,创作者的创作理念已经从传统的经典艺术设计的藩篱之中走出来了。70年代出生的人在童年时用弹弓打鸟,今天的孩子却在iPad等电子设备上用愤怒的小鸟攻击着呆呆的小猪。这是一个新的时代,是一个关注新媒体的设计时代。新媒体的形式丰富、多元、生动,新媒体的艺术颠覆、新颖、灵动。它主要是指现阶段相对于报纸,广播,电视这些传统媒体而言,以数字技术、网络为基础的各种媒体形式,是技术支撑体系下出现的新媒体形态,例如网络视频广告、电子游戏、电子杂志、网站、数字电视节目等,具有鲜明的连接性和互动性,深受各类人群的喜爱和关注。

1 界面设计的重要性

新媒体艺术是创作者艺术设计独立性和自我艺术魅力的一种展示,同属于数字化艺术的范畴。新媒体艺术设计中用户交互界面的创新衍生是不断前行的,在新媒体艺术的各类设计元素中,不论是文字、图形,还是影像、声音,美观生动的交互界面设计是在第一时间抓住眼球的要素,设计中最不可或缺的一个要素。新媒体的用户交互界面已进入我们的生活,让人们在惊叹新媒体艺术设计带来的华丽的界面效果的同时,用户界面的设计理念也深入人心。界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。传统媒体只能单向地、被动地传播信息,新媒体艺术界面设计中的画面感和交互性相对于传统的平面设计之间有着本质的不同、有着相当的优越性,它不仅仅限于视觉设计,它还延伸到了听觉、触觉等设计领域,在视觉上包括了文字、图形图像、动画等要素,在声音上由语音和各种音效及配乐等要素,新的媒体手段使得信息传播的手段更加立体化和综合化,作品的表现形式更加形象化和智能化。

2 界面设计的特点

界面设计是以人为主体和机器进行互动的媒介。它涵盖了硬件界面与软件界面,它是一种集多种学科于一身的交叉性的综合性很强的研究领域。因此,人机界面设计必须要注意到以下几个特点:

(1)主题明确。优秀的界面设计是有着鲜明的主题和创意构思的,按照大众观赏心理模式和受众接收能力来有效的传达和表现出来。设计不是只有构思和美感而已,也还要在增强作品艺术性的同时,更关注和使得设计作品具有艺术灵魂和视觉震撼力,这样来承托出设计主题内在深刻的涵义。(2)形式与内容要完整。设计作品的好坏都离不开内在好的创意和构思外形。内涵深刻的创意是构成设计元素最重要的一个环节,可以说是基础和灵魂;构思外形是让设计内涵外在表现出来的重要艺术手法。设计内涵包括设计主体、外在形式、方向等重要元素的总和,内容决定形式,形式反作用于内容,一个优秀的设计必定是形式对内容的完美表现。创作者完美的将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,才能体现出设计独具的分量和特有的价值。(3)交互性与持续性。新媒体艺术不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是新媒体艺术成为热点的主要原因,也是设计者必须考虑的问题。在新媒体环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份参与其中。交互设计的主要使命是通过对界面设计和用户操作行为的设计提高可用性,体现在作品与用户直接面对的界面上,界面设计的好坏与否直接影响到用户对作品的印象,它是作品展示的平台,承载着作品。(4)强调整体。界面的整体性包括内容和形式上的统一性,创作时要求其统一完整。这样观赏者就能迅速、快捷的了解熟悉它,并能给观赏者有着一种内部完整、外部炫美的艺术质感。界面独有的艺术魅力就是的完整性。

参考文献:

[1] 王余烈,王峰.新媒体艺术下图形用户界面――软件界面设计的人性化思考[J].现代装饰(理论),2011(09).

作者简介:翁立立(1975―),男,江苏苏州人,苏州工艺美术职业技术学院视觉传达系讲师。