前言:一篇好文章的诞生,需要你不断地搜集资料、整理思路,本站小编为你收集了丰富的界面交互设计主题范文,仅供参考,欢迎阅读并收藏。
中国老年产业飞速发展,通信设备界面交互适老化设计如何去适应老年群体,如何去满足老年群体的生理、心理需求;高速发展的设计理念如何在老年产业中找到与之相适的契合点。本文以老年生理需求和心理需求为导线,从这两个方面阐述通信设备界面交互适老化设计的原则方法和作者的设计思路。旨在通信设备界面交互适老化设计中找到合适的切入点。
关键词:
行为特征 交互界面设计 适老化
中国分类号:TB47
文献标识码:A
文章编号:1003-0069(2015)11-0146-02
第一章 序论
1.1研究目的与意义
1.1.1中国老龄化社会与通信产品适老化设计的必要性
自20世纪90年代开始,中国人口老龄化进程加快。65岁及以上人口从1990年的6299万人增加到2015年初的13755万人。占总人口的比例从5.57%上升为10.1%。目前中国已经进入老龄化社会,并且老龄化比例正在逐年上升。在这个由青年人主导,为青年人设计的社会中,适应老年人特殊需求的服务设施、生活用品和交互产品,在老龄化比重越发升高的今天显得尤为重要。
通信设备作为人们最常接触、使用性最广的科技产品,其技术性、设计性日新月异,但在老年机的发展与设计中,还停留在传统的大屏、大音量、单―功能的初级阶段。通信设备设计似乎不约而同地选择了漠视适老化设计,在科技产品硬件与软件的快速升级中,通信设备适老化设计比重反而越来越小。不仅如此,通信设备科技含量的急速发展,其造成的结果就是老年人对新科技的无知,老年人不会使用、不懂使用成为主流。通信设备的适老化设计与迭代产品设计迫在眉睫。
1.1.2通信设备界面交互设计的必要性
通信设备界面交互设计的运用在优化用户体验的同时,改变着用户的习惯。开发便捷、易于使用的交互界面,使产品更加易学易用,能有效提升老年群体对于新科技新产品的认知程度。受众对于产品的要求不再是单单硬件上的升级和功能的叠加,用户体验和用户个性化需求越发受到重视,通信设备的交互设计也要随之发生改变。
通信设备产品的交互设计不仅仅只局限于产品的造型、触觉、视觉和功能,而更多的是一种关注不同人群的情感与行为以及社会发展需求的预测和控制,是一种非物质层面上的生理和心理的体验。
在通信设备适老化设计之中,当通信设备满足于老年群里特有身体状况的需求下,高一级的精神需求才会出现。动态准确掌握老年人群体在通信设备交互设计上独有的需要,才能更好地引导并创新通信设备交互设计适老化的发展。
1.2界面交互适老化设计基本观点和思路
1.2.1老龄化特点
针对老年群里所具有的身体机能特征设计是适老化设计的前提条件。随着年龄的增大,人的感官包括视力、听力、味觉、嗅觉和皮肤的触觉都有一定程度的退化。而满足老年人特有的精神需求,则是适老化设计的最终目的。中国老龄化社会因其进程快、规模大等独有因素,加之中国社会发展问题,使得中国老年人对适老化设计的体验有其独有的视角与需求。
设计基本观点:
一、针对老年群体身体的特点需求,着重在老人认知、理解、反馈行为特征方面进行调查研究。
二、针对老年群体精神需求,在交互界面要素和功能架构方面进行适老化设计。
三、针对通信设备交互界面适老化设计方面,在交互界面要素表达和反馈设计方面进行适老化设计。
1.2.2设计思路
针对老年群体的生理需求和精神需求,通过交互界面要素的聚类和提取、通信设备交互界面架构分析和建立两个方面,对通信设备交互设计适老化进行要素总结和初步设计。在通信产品交互界面适老化设计中采用通用化设计理念,以老年群体的生理机能和行为特征为参考,以老年产品交互界面为设计对象,采用系统设计方法,去除老年群体在使用过程中的认知障碍和心理障碍,使老年群体对通信产品更加易用。之后进行老年产品交互效应评估,在其评估顺利通过的情况下,对其进行设计的技术实施和各设计要素的具体化,完成通信设备交互设计适老化设计。
第二章 通信设备特点和交互界面适老化设计的现状
2.1老年群体心理生理特点现状对交互适老化设计的影响
2.1.1老年群体的生理需求
中国老年群里所共性身体特点,身体感官随着年龄的增大,包括视力、听力和皮肤的触觉都有一定能力的退化。
视力
老花眼表现为暗处和远处的物体难以看清。晶状体浑浊是老年人视力下降的另一个原因,表现为颜色识别能力降低。眼睛周边的肌肉退化,使得老年人眼睛对外界光想变化的调节时间延长,阅读时需要更多的亮光。在设计中应注重颜色的把握和光线调节的变化。
听力
听力的丧失在老年人中较为常见。老年人的听力减弱主要表现为对高频率声音的敏感性降低,难以辨别讲话的声音和背景声音。老年人的听力减弱直接影响这他们的社交活动和生活质量,如何在移动通信终端上建立良好的声音系统,是移动通信界面交互设计的重要方面。
触感
触感的退化,对通信设备中反馈系统有很大影响,交互的反馈主要是通过声音提示、设备震动、界面变化来进行提示,敏感度的下降,在设备设计架构中要求对于老年人感官反馈强度要求更大。
2.1.2老年群体心理需求
重视和理解老年人心理特点和精神需求,解决老年群体的正常心理需求,对于移动通信设备交互界面适老化的研究设计有重要意义。经调查,其老年人常见的精神特征如下:
失落感。特征:自我感觉被冷落,人老不中用,对新事物失去探知兴趣。
孤独感。特征:独处时消极孤僻,因丧偶缺少陪伴对象。
自卑感。特征:感觉自己跟不上时代,与社会脱轨,封闭孤立,自尊心易受伤害。
记忆思维。特征:记忆力衰退,机械记忆减退明显,思维不够灵活,形成概念需要时间增长,学习能力有所下降。
2.2移动通信设备适老化设计功能现状与设计发展现状
2.2.1功能现状
从功能上说,老年移动通信设备功能较为单一,用简化至极致的功能来满足于老年群体。但是,在产品设计之中,我们只提供了简单的通信功能,只考虑了老年人的行为需求,而忽视了老年人的心理、审美需求。老年群体在通信设备中的功能要求不仅仅有通信一个需求。其所涉及的老年的文化娱乐和精神享受方面没有得到很好的开发。
老年通信产品的设计相对模糊。诸如,老年机的设计、操作交互性差;功能性差;主流手机功能繁琐,造型不宜老年群体使用;手机材质颜色缺乏设计等问题。
2.2.2移动通信产品设计趋势发展与现状
现代老年通信产品的开发设计还处于原始阶段,在现代通信产品的高新技术运用上,高新技术没有很好地运用到老年移动通信产品上,造成了老年移动通信设备功能单一的问题。不仅如此,移动通信产品的交互设计缺乏系统性,难懂的使用和复杂的操作造成老年群体使用障碍。
由于缺少对老年产品设计的整体设计,造成老年移动通信设备迭代产品的开发出现问题,老年机的开发研制出现了长时间的停滞。
第三章 界面交互适老化设计方法研究
基于通用交互界面设计原则,针对老年群体的特殊生理、心理需求,采用系统科学设计方法设计研究通信设备交互界面的适老化。共分为两个设计总原则和三个一般原则。
3.1设计总原则
3.1.1功能至上
功能至上在通信设备交互界面适老化设计中的具体意义主要是硬件优化与软件功能为核心,形式服从功能,突出核心功能。在界面设计、交互设计、信息构架等设计形式上绝对服从核心功能。
3.1.2用户原则
以人为核心,清晰用户行为。用户使用时,能够预料到用户操作行为并使功能和用户成功交互;让功能处于用户的掌控之中,减少用户无效操作行为,直接的操作有助于提升用户操作体验;明确界面的产生是为了促进交互而存在,界面不仅是功能的体现,也是用户与功能联系的基础。
3.2基本原则
3.2.1界面构架原则
界面构架原则主要表现为:界面主题明确,分界面区分功能重点;便捷的操作:合理提供反馈。
3.2.1.1界面主题明确
设计每一个界面都应有一个主题,界面根据其功能的不同,采用不同的设计元素对其外观有所区分。但设备界面总体设计表达应一致。使用户操作体验更加舒适,上手更为容易,在必要时也更加容易进行修改。
3.2.1.2便捷的操作
当能够直接快捷地对软件界面进行操作时,用户的体验感觉才会更好,在界面设计中,舍弃与功能无关的按钮、图形、选项和附件等以便使操作简化到极致。老年的行为特征注定了老年群体难以像青壮年一样进行复杂操作,当次要动作和功能对核心功能产生影响时,次要的操作步骤会使老年群体对功能的实现更加困难,应适当舍弃。
3.2.1.3合理提供反馈
界面与用户之间的沟通主要是通过用户的动作和动作的反馈这一循环来实现,在设计构架中,应保障界面和用户之间的沟通。反馈的形式多种多样,根据老年群体生理特征和心理特征,保障反馈的及时性、易用性、一致性。
3.2.2界面表达原则
界面表达原则主要体现在外观追随功能;简化界面整体区域划分;合理的色彩搭配。
3.2.2.1形式追随功能
整体设计应符合功能,例如,表达元素和背景来装饰功能性,对于突出的功能使用标准化的控件和操作行为,在界面表现形式的传递中,能够使信息清晰和统一传达给用户。
3.2.2.2简化界面区域划分
在界面设计中,不必要的信息会对用户产生一系列干扰,如何使核心功能吸引用户是交互界面设计中的关键所在。老年人因其注意能力下降,更加容易受到不必要信息的干扰,保证界面的整洁就尤为重要。
3.2.2.3合理的色彩视觉搭配
老年群体色彩感知能力降低,在适老化设计中针对其特点应注重颜色的把握。根据调查啊,老年人较容易看清红色和黄色等暧色调。
通过合理的视觉层次感,能使界面的视觉元素有更为清晰的游览次序,视觉层级的明确划分,使得每个元素的视觉重量发生相对变化,舒适的视觉层次能有效地引导用户对重要信息的关注。
3.2.3迭代设计原则
交互界面迭代设计原则:循序渐进;针对现有问题去完善用户体验。
3.2.3.1循序渐进
软件界面设计中,界面交互设计应考虑到下一步的交互如何完成,并且通过设计将其实现。不仅操作界面设计中应遵循循序渐进原则,在界面交互设计迭代产品的设计中也应循序这一原则,应充分考虑用户下一阶段的操作行为和功能实现方式,引导性地完成功能实现。
3.2.3.2针对现有问题去完善界面
在适老化界面设计中,不要为假设的问题去随意改变界面,多进行对老年市场调查,在现有的行为和设计中,解决现存的问题,查漏补缺,一旦问题得到解决,界面交互体验会愈加完善,用户体验度也会随之提高。
第四章 结语
针对通信设备界面交互适老化设计的发展。我们的设计就要从用户者的体验入手,想用户所想,研究用户的需求、用户者的生理需求(功能需求)和心里需求(体验感)。就目前中国老龄化问题日益严峻的形势下,老年设备产品的发展迎来新的机遇和挑战,新时期老年群体不管是在生理方面还是在心理方面,渴望得到的权利随着时代的发展日益增加,以老年群体的需求入手,移动通信设备界面交互产品的出现,是顺应时代的产物。
摘要:智能手机的不断发展,其摄像功能也越来越强大,而在那块不大的摄像传载器的身后,手机摄影软件应用也随之发展开来,逐渐成为一个新兴产业,更形成了自己特有的影像文化,而要在琳琅满目的手机摄影应用中脱颖而出,其交互界面设计就是否重要,本文对手机摄影软件的交互界面设计进行了初步探讨。
关键词:手机 摄影 交互 界面
1.手机摄影发展及现状
自从1839年法国人路易.达盖尔发明照相机至今,已经有近一百八十年的历史,在这一段相机的发展历史长河中,在摄像手机未普及以前,摄影术一直是专业的,神秘的,封闭的。而在2000年时,一款载有11万像素的拍照手机进入人们的视野,在今天看来,这款11万像素的收款拍照手机像素低的实在难以想象,但出乎人意料的是,一个全新的影像时代便是由这款拍照手机开启。在2002年到2012年这短短的十年拍照手机发展的黄金时期,随着3G网络的飞速发展,在微博,轻博客等社交或分享图片的平台上,已经形成一大批忠实的手机摄影粉丝和成熟的手机摄影文化。
科学技术在不断的进步,手机作为与人们生活工作息息相关的电子产品,总是首当其冲的站在推陈出新的前沿。手机的功能随着科技的发展不断的强大,相应的与之配套的手机软件也在不停的发展变化,手机用户对手机的操作主要依靠手机软件,手机软件如果想得到用户的亲睐,必须在其软件界面的交互性上做好功夫,便于理解,易于操作,界面友好这些重要的设计规范在这里显得尤为重要。
2.手机摄影软件的分类
手机摄影软件如果以AppStore为例,手机摄影软件可以分为六大类,他们包括以下六种:
1.效果增强型:对于手机本身携带的手机拍照功能不满意的用户来说,这类手机摄影软件就是弥补原厂附带手机拍照功能缺陷,诸如不能对焦与测光分开操作,没有连拍模式或长时间曝光模式等等,相对应的手机摄影软件诸如Camera360。
2.滤镜增强型:用户试用摄影手机自带的拍照软件拍出的照片难免暗淡无光,对比度,色彩鲜艳度都差强人意,而使用滤镜增强型的拍照软件,便可能让一张看起来平淡无奇的照片起死回生,根据用户的喜好可以将照片调成自己喜欢的风格,相对应的手机摄影软件诸如Pro filter。
3.单一效果增强型:对于那些嫌各种功能与一身软件操作繁琐的用户来说,单一效果增强型摄影软件可能更适合他们,这类摄影软件只能形成一个效果,但其优点便是可以使这一种单一功能处理的照片质量更高,相对应的有以手指涂抹效果著称的iDOF。
4.复古相机型:对于那些怀念各种老照片效果的手机摄影用户来说,复古相机型的摄影软件对他们实在是一种福音,各种不同时期的老照片效果,不同的照相机型,都可以对那些已经存封起来的老相机模仿的惟妙惟肖,代表软件如专门模仿双反相机效果的Ttv Camera。
5.照片编辑型:对于一些对摄影有着较为专业情结的手机摄影用户来说,一些现有的滤镜效果对于他们特殊要求总是难以达到,这种情况下就需要照片编辑类的摄影软件了,他们的功能类似photoshop在手机上的精简,用户可以通过他们来对白平衡,色彩饱和度,对比度等做一系列的调节。代表软件如Photoshop Tips,这款手机摄影软件居然可以分图层编辑。
6.夸张趣味型:对于厌倦了一本正经的拍照或者照片的用户来说,来点趣味性的摄影软件调剂也显得很有必要,如鱼眼效果、漫画效果、马赛克效果等,都可以将手机拍照变得更加有趣。代表软件如鱼眼拍照软件InstaFisheye。
3.手机摄影交互界面设计
美国学者赫伯特.A.西蒙提出的界面设计的三类划分在手机软件界面设计上是共通的:功能性界面,情感性界面和环境性界面,只有成功的处理好这三类划分之间的关系,一个手机软件设计才能称得上是成功的。在手机摄影软件设计中,主要表现在一下三个方面:
首先,手机软件设计必须满足用户最起码的功能需求,这是其存在的基本价值。在全球化日益普遍的今天,除非特殊需要,大部分手机软件还是没有一些特殊的地理或地域限制,从这一点来说,手机软件的界面设计共同性可见一斑。
其次,手机软件在情感性上也需要满足用户越来越高的心理需求,界面的色彩运用,标识风格设计,都应该迎合该手机软件瞄准的手机用户,能打动用户的手机软件设计才能在激烈的网上商店里有一席之地。
最后在环境性界面上,任何的手机软件设计都要与环境性界面相联系,环境性界面包括的范围很广,社会、政治和文化等都在其所包含的范围,虽然手机软件都是设计者开发研制出来,但是在原则上,又是其设计者所在的社会环境所影响决定的,所以,一个成功的手机软件设计,也可以体现出其环境因素的影响。通过这三类划分对手机软件界面设计的影响可以看出,在手机软件界面设计上,都是有着明确的方法与手段去认识那些理性与非理性的界面设计的。
手机摄影软件种类繁多,在质量上也是良莠不齐。在这些应用中间,有很多应用软件只是对已有的应用软件做了一些局部的改动或者只是在界面上做了一番改变就成了另一种软件,对于这样的手机摄影软件,用户在下载使用时,要擦亮眼睛仔细选择功能新颖强大的软件应用,而能留住用户眼睛的,除去强大的应用功能,其友好而易于操作的界面交互设计也十分重要。
在具体实际的手机摄影软件界面交互设计中,即是要避免两种极端:一是除去摄影功能,各种点点滴滴的功能多如牛毛,主题不够鲜明。二是摄影软件的操作效果过于绚丽,而用户在操作过程中却不知所云。一款真正让用户爱不释手的手机摄影软件的交互界面设计,应该是有着摄影精神的优良传承,鲜明的摄影功能,易于识别的图标显示,良好的操作体验。对于一款杂烩似的看起来似乎十分强大,而在实际的拍摄过程中,以iphone手机为例,在一块不过4英寸的屏幕上想要操作在单反上功能,photoshop上的强大后期效果,即使技术上可以实现,但其操作难度可想而知,在如今的读图时代,又会有几个用户去读那些比肩英汉大辞典似的使用说明呢。手机摄影用户希望的软件不过是,有自己想要的摄影特色,简洁明了。易于上手,拍照效果显著,更易于分享,达到这些,就可以说是一款优秀的手机摄影软件了。(作者单位:湖北工业大学)
参考文献
[1]Jesse James Garret,范晓燕.用户体验的要素[M].北京:机械工业出版社,2007,(9).
[2]Blackboard NG网站[EB/OL].http:///,2009,9-28.
[3]杨若男 基于用户体验的智能手机交互设计研究[D]湖南大学,2007
关键词:自然交互;可用性;易用性
从古至今人类的发展进步的主要方式就是效仿自然中的动物或植物中得到灵感,汲取经验和技能。人类在长期的发展实践中将这些技能、经验逐渐转化为自身的本领并且不断的将这些本领深化发展。人类通过自然相通的信息,本能地发出自我预警。例如,在危险或紧急情况发生的时候动物会以特有方式的叫声发出提示。人类从中得到灵感,用警笛声警报。通过这样的方式避免认知负担、减少学习成本,更容易被人们所理解、接受。但是随着科技的发展,现代的科技的交流语言和方式对于大多数用户还是个巨大经验技能挑战,正如市面上的使用频繁的铁路自助终端服务设备,用户如何能够进行顺利正确的操作仍然是个困难的任务。为了能够与复杂专业的现代设备进行顺利的人机交流,用户被迫学习专业性强的知识技能,大大增加了学习成本降低了用户的使用体验。因此,回归自然便成为了设计师们对人机交互设计的新趋势。
1 相关概念的界定
(一)自然交互设计的概念
自然交互的概念共包含了两种的含义。
第一种含义是指用户与设备间的实际物理性的交互方式。例如数字序列信息交互、图像信息判断、肢体语言和语音控制交互等交互方式为主要的人机交互方式。在这里,图像交互、动作表情手势控制和声音识别、触觉交互,都属于自然交互方式的研究范畴。不言而喻,人与终端设备之间的交流方式除了数据交互之外其他都属于自然的交互方式。然而在人与设备的细节交互操作过程中,人机交互方式设计不能完全成为一种自然的交互方式,这对自然交互方式的含义就有了另外一种定义。即以用户为中心的自然交互方式,通过对用户的使用体验研究并运用各种科技知识及交互技术,使使用者根据自身的生活习惯和掌握的知识与交互设备进行自然的信息交流。或用户通过日常的认知习惯能够在最短时间内学习和掌握基本的使用方法。简而言之就是能使用户与设备之间达到自然顺畅交流的交互方式。
心理学认为,学习是基于经验而导致的行为或是与行为潜能相对一致的变化过程。学习速度和成功或失败主要起决定因素的是学习行为和使用者的生活经历和习惯匹配程度。因此用户的行为方式就是自然交互研究的重点。
(二)什么是交互性
交互性是一个相对宽泛的概念,应用在不同的范畴内意义不尽相同。交互性设计主要用于电脑和数字多媒体领域,接下来我们主要针对人机交互和一些相关的概念进行阐述:
(1)人机交互(Human-Computer Interaction, 简写HCI):是主要研究设计、评价和实现供用户使用的交互计算系统以及有关这些现象进行研究的科学。
(2)人机界面(Human-Computer Interface,简写HCI):是人与计算机之间传递、交换信息的媒介和对话接口,是计算机系统的重要组成部分。
自助终端服务设备的界面交互性设计是一门新兴的艺术设计学科,近来随着自助终端设备在生活中的普遍应用进而发展迅速。界面交互性设计的优劣直接影响着用户使用操作的兴趣和人机交互效果。以用户为中心的界面交互性设计理念忠于用户感受,更多考虑用户如何能够顺利完成下一操作目标进行优化界面的交互性设计,而不是单方要求用户去为了适应交互性设计者的想法而改变用户最本能的使用习惯。
2 铁路自助终端设备交互设计的原则
对于用户来说,有用性应该是自助终端设备的交互设计首要原因,它所提供的功能操作、信息输入提供给用户有用的知识信息就像一本专业书籍一样,成为用户工作或生活当中必不可少的一分子[1]。不论面对什么层次的服务用户,用户都可以自如的应用所掌握的生活中的常识顺利完成人机交互任务。同时用户只能通过使用这些输入操作功能才可以获得具有实用价值的结果[2]。它的交互设计原则包括以下四个方面:
(1)界面交互性设计风格统一
应用程序内部一致、设计图标信息与功能一致、界面整套交互性设计风格一致统一。力求与用户的生活中所熟悉的知识、经验和技能相一致。例如:统一的名称术语,一致的图标设计风格,这样做的目的可以使用户应用设备时利用自己已掌握的常识及已形成的生活习惯凭借经验迅速识别信息,提高设备界面交互性设计的高效性和易用性。
(2)界面信息设计少而精
如何减轻用户的短期记忆负担:降低用户的学习成本和时间?避免用户完成多个交互任务的同时存储太多复杂的应用信息等。界面信息设计精炼可以提升用户在使用设备时的操作成就感,避免因为操作失误率所带来的不愉悦[3],增强使用中的自信心,从而实现高效愉悦率。
(3)及时的信息反馈
提供及时可靠的反馈信息。反馈信心要与当前的操作情况相一致,并且要向用户精准详细的指示出所有安全问题、出错位置、系统反馈延迟、操作成功与否、操作完成等信息。针对操作完成信息要给出连续、清晰、完整的反馈信息。例如:用户在进行人机交互的过程中,要有及时合理的对话指示框给用户,精确的标注出操作流程的开始、中间进行中和操作任务结束;在许多现有的自助终端服务设备的文本消息的任务流程设计都是非常优秀的例子。
(4)高度的容错性
提供错误预防和纠错、报错功能。在物理键盘上,重要控件,按键放置松散有度,从而可以有效的减少错误输入的发生;在电子触摸屏幕上,避免主要常用功能的控件设计过小或其控件之间排列过于拥挤;对于非法输入及时做出修正的反馈信息提示或标注错误内容,输入错误修正后反馈信息提示消失;允许用户在系统操作途中,行使临时撤销操作这样可以让使用者切身体验到系统的反应迅速性和强大的系统操作性;对人机交互过程中的每个时期使用者都掌握绝对的控制权力,并且对于在使用中出现的各种突发状况用户都有随时监控和修正的能力。
3 自然交互方式在铁路自助终端服务设备界面交互性设计中的应用优势
在现代社会,人类文明高度发达,我们的衣食住行都离不开与先进的科学技术,然而,人们在享受科学技术带来的挑战的生活方便和快捷方式也面临着我们的专业技能的技术。例如,用户购买了一款家用电子产品,要避免使用操作失误损伤产品,用户第一件要做的事就是阅读使用说明书,否则将无法使用设备并且进行正确的操作。但是对很多用户,即便阅读了一本复杂厚重的说明书,还是无法进行正确操作,仍然无法顺利正确的完成任务。此时,回归自然交互设计便成了解决这一难题的不二法宝。
自然交互方式的设计概念在潜移默化中已经渗透到了一些自助终端服务设备中,在对铁路自助终端服务设备的进行人机交互设计时,必须遵循以用户为中心的设计理念。界面的交互设计方式应具有简单、易用、可用性强的特点。为了实现这些特性的成功与否在很大程度上取决于设备界面的交互性设计操作方式与的基础,生活经验与用户的生活方式行为习惯匹配程度。将自然交互中的信息图像识别、语音识别、手势控制甚至动作行为控制等一系列的交互方式融入到铁路自助终端服务设备的交互设计中,丰富了人机交互方式和途径,即使缺乏电脑经验的用户也可以通过语音控制来顺利完成人机交互任务;自然交互设计更遵循人的本能,依据人在长时间的社会生活中所积累的生活经验及技能,提高设备的易用性和可用性。
4 结论
在科技现代化的生活里,铁路自助终端服务设备在铁路售票服务中所占的位置的作用越来越重要。由于我国界面交互性设计起步晚,发展研究目前也只是处于初级阶段,随着市场上自助终端服务设备在各行各业的普遍应用和发展,题录自助终端服务设备作为现代信息的重要科技产品,必将成为人们日常生活中必不可少的重要组成部分。因此,拥有巨大消费群体的铁路自助终端服务设备迫切需求基于自然交互方式的界面交互性设计,来改善现状。而视线跟踪、语音识别、手势输入、感觉反馈等交互技术的发展,使得现在的交互设计研究已经不再局限于单通道的交互行为,以自然行为为基础的界面交互性设计研究顺应了交互设计的发展趋势。眼球移动跟踪,语音识别,手势输入,感官反馈等交互技术的发展,让交互设计的研究不再局限于单一的方式。在界面的交互性设计中,自然行为交互设计研究更加符合交互设计的发展趋势。
用户对于交互产品的情感诉求反映了用户对铁路自助终端服务设备界面交互性情感体验的要求。在自助终端服务设备的界面交互性设计中,应用自然化的交互方式将极大的提高界面的感性价值并使其发挥应有的重要作用。用户体验是一种感性体验,用户本身也是一种情感占主导地位的生物。想要用户在体验当中最大程度的发挥主观能动性,得到优质的体验,就应该充分调动用户的身体感官,从而有机会最大降低系统模型和用户模型之间操作效果差异,为更好的人机交互设计寻找更大的突破。
自然的交互方式,是以认同用户自身的感受为研究方向,操作方式更容易被用户理解也更容易让用户以此来向产品传递信息。自然交互方式将数字媒体世界中犹如夜空遥不可及的行星一样的数列层序,化繁为简的形象带到物理世界当中,拉近了两者之间的距离,从而使交互变得趋于自然化。好的交互设计是遵循以用户为中心的设计理念。心理学认为,学习是基于经验而导致的行为或是与行为潜能相对一致的变化过程。而自然交互研究的重点就是用户的行为方式。以自然用户界面为代表的自然交互方向,是人类追求与环境更加和谐相处的需求以及对自身需求的反思共同作用的结果。将自然交互融入到铁路自助终端服务设备的界面交互设计中,同时又严格遵循自助终端的交互设计原则,这样有效的将人机交互方式更加的符合人的认知度和本能反应,并且大幅度提高了设备的可访问性。
参考文献:
[1]马佳琦.基于隐喻的手持移动设备交互设计研究[J].北京邮电大学,2010.
[2]孙传祥.基于自然交互方式的移动终端产品交互设计研究[J]. 山东大学.
国内对于UI设计还是一个逐渐发展和成长的过程,企业对于UI设计的认识大都停留在界面的美工,平面设计上。我们经常会看到有些公司的招聘广告上面写着:招聘界面美工、界面美术设计师等等。国内市场不严谨的将UI设计的理解放在美术的设计方面,认为UI设计师从事的不过是些描边画线的工作与网络的制作设计无关,缺少网络界面与用户之间相互交流的互动性;另一方面在软件的应用开发过程里还严重存在只注重技术的开发而不注重界面设计图形应用的问题。
UI设计的交互功能与应用
UI设计真正的价值又体现在哪里呢?对于UI设计的交互,它是UI设计所要发展的一个必经过程。我们以现在商业手机为例,当手机成为信息时代不可或缺的一部分时,几乎很多与生活息息相关的重要活动都会通过它来完成,随着不断的推崇出新,大家并不会为了手机的故障而舍弃现有手机,而是在发现新上市的手机所拥有的强大的娱乐,游戏,信息功能。这些功能从界面的设计与使用的操作上都更新颖更具有人性化,以及它卓越的外观。而技术层面上的信号、待机时间、寿命等方面早已成为各种手机所共有的特色。商家在推出新款手机的时候往往把创意卖点以及竞争力放在推出游戏、APP、摄像头、应用软件的开发上。而这些卖点都成为产品的美观、个性、易用、易学、人性化的主体开发元素。每一种类别我们都要为它设计精美的图标与图像使用界面。一种具有视觉观赏性的图形化界面与合理易用的交互方式给我们的商品乃至企业带来莫大的经济效益,它为用户提供了一个全新的展示及使用空间。所以在现在的网络软件开发的年代我们更注重的是软件的开发和应用,而核心技术慢慢成为基本要素,可比性不如前者。
UI设计的社会价值与发展前景
现阶段我们不得不承认在很多领域都与西方发达国家有较大的差距,软件产品开发的核心问题是以人为本。提高软件UI设计师在软件应用以及设计能力是我们首要解决的关键问题,我们不能将眼光仅仅停留在平面化的设计层面,而要注重软件的界面风格设计以及图标的创新设计,界面版式的编排设计等等。然而各院校还没有为UI设计设立一个专业的学科环境,在网站的建设和使用当中也没有重视起来,而最关键在于没有提供一个良好的学习与交流的环境。虽然现在已经有一些专业的设计交流网站,分类介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等,可是UI设计却一直没有得到人们的关注,它被归类在数码设计或者平面网页设计的范畴中,这种极其匮乏的资源对培养优秀的设计师,给他们提供一个良好的学习创作环境还远远不够,我们必须为此建立一个资源丰富、信息快捷、设计水平一流、专业权威的UI设计学习与交流的空间,才能不断地去适应渐渐成熟的UI市场和设计师团队的需要。
市场经济的发展给我们带来一个竞争空间,而我们如何去竞争,这就需要不断的开发新的技术从而来提高产品的竞争力度,抢占市场,开拓产品的市场环境。早在2000年国内就有了UI设计,但那时的UI设计正处在萌芽阶段,当时被大多数人当做平面设计来处理,而这种设计形式主要体现在静态网页页面设计上,后来随着软件的不断开发和更新,随着flash二维动画应用越来越广泛,一部分从事UI设计的设计师们开始去思考网络的互动性。在进入2002年一些企业将网站的开发设计的重心放在了UI设计上,这是UI部门渐渐的从软件编码团队里分离出来,逐渐成立以针对软件产品的图形设计师和交互设计师的行业。从2004年以后随着新兴电子技术的开发生产,智能手机及电脑附加软件,MP3等大量产品上市,ID设计就和UI设计越来越紧密了,UI设计也开始被提升到一个新的高度和重视程度。2005-2015年国内的UI设计已经相对成熟了,有了专门的职业分工也出现了很多不错的UI一线设计师与UI设计交流组织。
视觉界面的设计
首先我们要理解什么样的用户界面才是出色的用户界面,我们的设计要具备哪些品质才能算得上出色的界面设计。
1.直观清晰;通过使用流程图、文字、图标、层级图、等元素,避免用户接触模糊、无条理的信息,在使用的过程中减少无用功。
2.简明有序;为了有好的用户体验感,可以在所有的元素上添加浮动框的说明或是标签来实现,但处理不好又会导致界面拥挤。如果在我们的电脑屏幕上同时充斥太多的元素,视觉关系就混乱了,用户也会觉得困难乏味。所以保持界面的简洁和清晰成为了UI设计的挑战。
3.共鸣;在用户使用界面的过程中,总会碰到一些似曾相识的感觉,即使是第一次使用,其中的有些元素我们也会感觉很熟悉。在设计的过程中,使用一些现实生活中公认的意象能够更好地帮助用户理解。
4.用户体验感;良好的界面不应该让人有极好的体验感。应该及时从各方面提醒用户发生了什么变化,用户的输入是否成功地处理。让用户了解这些信息反馈,并且告知用户您的请求已被成功受理。
5.统一性;在整个应用程序中保持界面的统一完整非常重要,它能够让用户识别出使用的模式。一旦用户学会界面中某个部分的操作就会应用自如。
视觉语言属于无声的语言,但是它包括的范围却很广,它是国际性的语言,无国籍之分,属于“观念的语言”。当用声音语言不能了解和沟通的时候,常常可以借助视觉语言立刻会意。视觉语言与其他各种感知语言相同,也是作用于人知觉的客观存在,是由视觉形式存在的符号与符号系统来传递特定的信息内容。它由视觉基本元素和设计原则两部分构成,其中,基本元素包括:线条、形状、明暗、色彩、质感、空间,是构成一件作品的基础。视觉语言的设计原则包括:布局、对比、节奏、平衡、统一等。设计师可根据不同的造型需要,选择相应的材料和表现形式,运用设计的原则和方法,在一定的范围内控制各种视觉元素之间的关系,最后形成能够传达特定信息的图形、图像及造型。
交互性视觉语言的基本特征
时代的进步发展,设计的应用己经深入到人们生活的各个领域,同时它也通过其精炼、速达的视觉语言达到信息设计交流和传递的目的。在交互性界面设计艺术中恰当地使用视觉语言较之其它语言来说,能收到更好的效果。作为设计领域的视觉语言它需要满足以下几个基本要求:
1.可认知性
认知是指视觉语言、视觉形象要能引起人们视觉上的可识别性。这种注意同视觉形象的结构、大小、方位、环境、色彩因素有关。现代社会环境,变化万千,信息流动性强,人们的注意力不易集中,在设计时采用概括简炼、生动鲜明的视觉语言,通过对图形或色彩的创意变化,将用文字或听觉语言都难以表达清楚的含义表达出来,这种表达方式利于吸引视线和注意力,可以产生事半功倍的效果。作为交互式的视觉语言,要非常重视现代社会的特点以及受传者的生理、心理因素,从尊重人习惯心理和公认原则出发,体现出可认知性特征,如果视觉语言运用中没有考虑到体现这一特征,就会出现形象和色彩设计的随意性,影响到信息传递过程中的统一和连贯
2.传递信息的明确性
人的视觉、听觉等感官,都是人们心理活动的触发点。视觉语言发挥作用就是按照这一心理活动的规律,借助简洁的形象和色彩引导观者向一定的方向集中注意力从而产生正确的认识。所以,在交互式界面设计中视觉语言应该明确、简炼,要防止信息误导,图形构成也要力求删繁就简、以少胜多,一切分散用户注意的图形、线条,可有可无的装饰都应该被摒弃,使参与构成的诸元素均与设计信息的主要内容有关。造型元素的编排应该简明、清晰。形象繁杂、构成紊乱会降低视觉冲击力,传递信息的效果得不到应有的发挥,从而降低了视觉语言作用。
3.易记忆性
所谓记忆性是指形象能长期地记忆于脑中,并能形成一定的条件反射。它充分利用各种构成因素,通过均衡、调和、动静对比、视觉诱导、结构比例等关系要素设计,使其成为强有力的图形构成。简洁、概括、通俗的视觉语言给受传者提供正确而印象深刻的视觉信号,并赋予设计作品新颖、醒目的艺术魅力,引起公众对视觉形象的注意和长久的记忆。
交互性界面设计中视觉语言的符号化
符号是负载和传递信息的中介,是认识事物的一种简化手段,表现为有意义的代码和代码系统。当然,符号这一概念的外延相当广泛,设计中的符号作为一种非语言符号,与语言符号有许多共性,使得语意学对设计也有实际的指导作用。通常来说,可以把设计的元素和基本手段看作符号,通过对这些元素的加工与整合,实现设计所要传达信息的目的。
在交互性界面设计中所涉及到的视觉语言进行符号化,也是为了刚好的传达设计信息和设计理念。
1. 视觉语言的简明性
交互性界面的视觉语言不像绘画那样有具体性,而是依附或从属于该产品的设计理念进行信息的传达,在表达方式上与其它的视觉语言一样,既要简洁明快又要易识易记。
2. 视觉语言的生动性
生动优美的语言比一般的语言更能打动人心,同样,运用生动的视觉语言对手机界面设计来说更是能够起到突出设计主题,传达设计信息的作用。产品设计作为设计信息传达的一种视觉形式,为了能更好地表达设计主题,在视觉语言的使用上可以不受色彩、形象等的限制,采用不同手法的表达方式任意组合、搭配,使交互界面能够更加具有生动性。
3. 视觉语言的时代性
国际互联网创造了科技、经济、文化的新纪元。在网络时代,在交互性界面的设计中必须正确掌握运用视觉语言,并且要使视觉语言具有时代性,使之与价值观念多样化、生活结构多元化、审美意识即时化相适应。在交互性界面设计中只有用具有时代性的视觉语言进行设计表现,才能将设计信息准确地传达出去,达到人机交互的目的。
4. 视觉语言的民族性
民族风格的形成,是一个民族或一个国家在漫长的历史岁月中,人们在共同的地区,使用共同的语言,过着共同的经济生活,有着共同的心理素质,所形成的与其它民族不同的语言、习惯、信仰、道德情操和审美观。同样,不同国籍,不同民族的审美要求不同,在其设计语言表达中,使用了自己民族特有的元素作为视觉语言来进行设计信息表达,而越是富有个性和民族性的设计,越是受到更多的关注和欢迎。
交互性界面设计中视觉语言的分类
1. 文字符号
文字是交互性界面设计中重要的视觉语言符号,因为文字具有很强的个性化特点和稳定性特点。一方面,具有个性化特点的文字可以引起观者的视觉注意,另一方面,作为视觉语言符号的文字本身又具有稳定性的特点。当听觉语言只是靠声波负载时,它是一个看不见的、不好捉摸的、易于流失的东西,一旦当我们使用文字将不断流动的语言记录下来后,它就成了一种可视的、稳定的东西,它的信息可传达时间和能力就被加强了。但是由于文字自身具有的局限性,所以还可以把图形符号与文字符号结合在一起,重新构成字的新的概念,赋予文字特定的含义,或重新来诠释它的字面意义,进行文字的意象化处理,使沟通真正形成,依靠文字符号准确完整地传达设计信息,使设计思维过程真正圆满和完整起来。
文字是信息最主要的载体,交互界面中的文字主要体现在各级菜单名、菜单选项、各类阅读信息以及状态说明等方面。文字内容必须简单浓缩。文字尺寸在屏幕尺寸己定的前提下应该严格按照人机上程学标准进行设计。而且按照屏幕的尺寸来看,每个屏幕可以显示的文字的列数、行数、文字尺寸和字间距,包括文字的颜色都应该按照屏幕的规格来设计。
2.色彩符号
色彩影响一个人的情绪,不同的色彩会让人产生不同的心理效应,反之不同的心理状态所能接受的色彩也是不同的,不断变化的事物才能够引起人的注意,交互性界面设计的色彩个性化,其目的就是用色彩的变换来协调用户的心理,它是通过用户根据自己的需要来改变默认的系统设置,选择一种自己满意的个性化设置,达到人机交互的协调性。
交互性界面的总体色彩应该接近和类似系统界面的总体色调,例如:系统色调以蓝色为主,我们的交互界面的默认色彩最好与之吻合,若使用与之大相径庭的色彩,比如大红、柠檬黄,色彩的强烈变化会影响用户的使用情绪,第一感觉不好的东西用户是没有购买和使用的欲望的,外观和系统交互界面是根据用户的审美习惯定制的,设计交互性软件界面的时候应该有效地利用此款产品的审美特征,以赢得喜爱此款电子产品的用户,使他们对系统界面的肯定和喜爱有效的转移到产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。
3.图形图像符号
在交互性界面的视觉语言中,图像和图形是最为直观的视觉符号,它们所展现的是具体可感的形象世界。图像、图形是设计传递信息的辅助工具,交流双方在很多情况下依赖于图像、图形等符号来进行信息交流、表达感情。
首先,图像和图形符号具有形象生动、富于情感的特点,其次,图像和图形符号还可以根据画面内容配以恰当的色彩,给人以强烈的视觉冲击,从而留下深刻的印象,另外,图像和图形符号还具有可创造性特点,人们可以根据自己的主观感受、生活经验等来理解和感受图像和图形符号所传达的信息。
关键词:数据分析系统;交互界面;MFC;串口通信;USB通信
中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2013)12-2798-04
目前在激光准直、测角、自动跟踪等精密光电检测系统中,探测目标位置的连续变化已经变得非常重要。位置敏感探测器(Position Sensitive Detector,PSD)是对入射到光敏面上的光斑能量中心位置敏感的光电感应器件,可以利用少数几个输出光电信号的相对程度来计算位置信息。由其构成的数据分析系统具有位置分辨率高、响应速度快等特点[1];四象限探测器(Four-Quadrant photodetector,QPD)通过比较四个象限的电流来确定光斑中心在二维平面上的位置坐标,其数据分析系统可以探测目标位置的连续变化,具有位置分辨率高、响应速度快、调节方便等特点[2-3]。该文在对光电位置敏感器件构成的数据分析系统研究的基础上,开发了一套上位机软件界面。该上位机软件交互界面设计了供用户选择位置敏感器件型号及输入系统修正参数的窗口,通过对串口通信和USB通信方法的研究,设置了上下位机通信控制部分,同时,设计了光斑中心位置数据文本直观显示、模拟坐标绘制、历史信息保存模块,及设备状态显示模块。软件功能全面、界面友好、操作直观、方便,且适用于其他型号的位置敏感器件数据分析系统中。
1 开发工具简介
Visual C++ 6.0拥有强大的功能和友好的界面,能为用户提供一个良好的可视化开发环境,它将程序和资源的编辑、编译、调试和运行融为一体,且提供了大量的程序开发工具。MFC是它一个庞大的类库,实现了标准的用户接口,提供了管理窗口、菜单、对话框的代码,可实现基本的输入/输出和数据存储,为用户开发Windows应用程序建立了一个非常灵活的应用程序框架[4]。
在MFC中对消息的处理利用了消息映射的方法,该方法的基础是宏定义实现,通过宏定义将消息分派到不同的成员函数进行处理。因此,在这种机制的支持下,MFC具有强大的消息处理能力[5]。
借助VC++提供的软件代码自动生成可视化资源编辑的功能及MFC消息映射机制,可以很便捷地开发上位机软件交互界面。
2 交互界面设计
上位机软件交互界面包括供用户选择位置敏感器件型号及输入相应修正参数的窗口部分,上下位机通信控制部分,数据/设备状态显示部分。
2.1 供用户选择输入的窗口设计
利用下拉式列表框控件提供供用户选择位置敏感器件型号的窗口。通过给其连接变量m_Type,利用m_Type.AddString()函数为列表框添加选项,m_Type.SelectString(-1, "HY1315(Active area 1.3*15mm)")函数添加默认选项。软件通过m_Type. GetCurSel()函数获得用户的选择,完成相应量程及坐标轴范围的改变及显示。利用编辑框控件提供用户输入增益及修正系数的窗口,以完善数据处理[6]。
2.2 上下位机通信控制模块设计
上下位机通信控制模块是数据分析系统实时数据采集的核心部分。设计中采用了串口通信和USB通信两种方式进行数据采集与传输。其中,串口通信用于测试,USB通信用于实际数据传输。
图1 USB通信流程图
2.2.1 串口通信控制部分
利用单选按钮控件提供串口号选择窗口,通过函数GetCheckedRadioButton()获取串口号。通过按钮控制串口设备的状态,按钮交互的实现,通过MFC类向导对按钮按下时,触发消息BN_CLICKED进行拦截,并重写对应的消息处理函数On*Button(),在函数中完成相应按钮的功能。串口控制区中,“Open”、“Close”按钮对应的函数在获取用户选择的串口号后,分别完成对应串口的打开及关闭功能;“Start”、“Stop”按钮通过控制参数m_SPStop控制串口通信的开始与否。借助串口类成员函数OnComm()实现接收字符及相应数据处理的功能[7]。
2.2.2 USB通信控制部分
USB通信接口具有即插即用的特点,方便与微处理器进行联机通信,同时USB的通信效率要远远高于RS232、RS485等通信接口。USB通信控制部分通过按钮控制数据传输,根据用户选定的位置敏感器件型号,进行相应的数据处理。通信程序流程图如图1所示。
“Link”按钮通过标志位m_OpenFlag控制设备是否连接。“Start”和“Stop”按钮通过标志位m_stop控制数据接收与否。“Suspand”按钮通过参数m_pause控制数据传输的暂停和继续,当按下该按钮时,按钮改变为“Continue”字样,同时通过调用Invalidate()函数使整个客户区无效,这时Windows会在应用程序的消息队列中放置WM_PAINT消息,MFC为窗口类提供了其消息处理函数OnPaint();当再次按下该按钮时,OnPaint()函数负责重绘窗口,从而重新进行数据传输。
上下位机的数据通信通过直接调用CH375DLL.dll动态链接库实现。CH372是一款USB总线的通用设备接口芯片,是芯片CH375的功能简化版,硬件成本更低,且完全兼容CH375,可以直接使用其WDM驱动程序和动态链接库。CH372在计算机端提供了应用层接口,即由动态链接库DLL提供的面向功能应用的API,包括:设备管理API、数据传输API及中断处理API。设备管理API包含了打开设备函数CH375OpenDevice(),关闭设备函数CH375CloseDevice();数据传输API包含了读取数据块(数据上传)函数CH375ReadData(),写出数据块(数据下传)函数CH375WriteData()等[8]。
2.3数据/设备状态显示设计
上位机软件在数据传输过程中,借助CString类成员变量stateinfo直观显示设备状态。数据接收处理后,借助Format()函数,以文字形式直观显示光斑中心位置的横纵坐标值,利用绘图函数在模拟坐标中显示光斑位置。借助文件实现数据历史信息保存的功能,关键代码如下:
GetDlgItem(IDC_RECEIVE_EDIT)PostMessage(WM_VSCROLL,SB_BOTTOM,NULL);
CString strPath;
图2 HY1315系统调试结果图
GetModuleFileName(NULL,strPath.GetBufferSetLength(MAX_PATH+1),MAX_PATH);
strPath.ReleaseBuffer();
//此时strPath内容为工程文件全路径,如:E:\TestPro\Exam\ Test.exe
//以下函数作用是获取最后一个"\"的位置
图3 四象限探测器系统调试结果图
int nPos=strPath.ReverseFind('\\');
//开始取全路径
strPath=strPath.Left(nPos+1);//此时strPath保存为当前工程的全路径,如:E:\TestPro\Exam\
//保存文件
CFile m_rFile;
if(!m_rFile.Open("Rec.txt",CFile::modeCreate | CFile::modeWrite)) {
AfxMessageBox("创建记录文件失败!");}
m_rFile.Write(m_Receive,m_Receive.GetLength());
m_rFile.Close();
3 实际调试结果
上位机软件设计完成后,运行程序,选择位置敏感器件的型号为默认选项,即一维位置敏感探测器HY1315,连接其对应的系统设备,输入需要的增益参数,选择串口号,单击串口控制区“Open”按钮打开串口,“Start”按钮接收数据,此时上位机界面数据、设备状态显示,模拟光斑坐标结果如图2所示。再次运行程序,选择四象限探测器型号,即QP36(Active area 6*6mm),连接相应系统设备,单击USB通信控制区按钮,可以控制数据传输设备的状态,单击“Link”按钮打开设备,“Start”按钮接收数据,此时上位机软件界面结果如图3所示。
4 结束语
针对位置敏感器件构成的数据分析系统,通过对串口通信和USB通信方法的研究,借助VC++提供的软件代码自动生成可视化资源编辑的功能及MFC消息映射机制,设计了上位机人机交互界面。调试结果证明,该界面能够实现用户选择输入,实现数据的上下位机通信传输,直观显示数据,准确绘出光斑在模拟坐标中的位置,完成光斑位置的历史信息存储。设计为数据分析系统提供了一套功能全面、界面友好、操作直观、方便的上位机软件。应用中只需修改对应的数据处理,即可应用到其他类似的数据分析系统中,很大程度上增强了系统的实际应用性。该界面已用于PSD及QPD数据分析系统试验箱中。
参考文献:
[1] Henry J,Livingstone J.Improved position sensitive detectors using high resistivity subs- trates[J].J Phys D :Appl Phys ,2008,41.
[2] Liu Yun,De Xu,MinTan.A new pre-alignm ent approach based on four-quadrant-photo- detector for IC mask[J].International Journal of Automation and Computing,2007, 4(2): 208 -216.
[3] Guo Li,Zheng Shuang.A high-performanc -e smallsignal amplifier[J].Journal of Northe-ast Agricultuial University,2005,12(2):141-145.
[4] Wang Ziying.The design of scene simula- tion system based on MFC programming fra- mework[J].Advanced Computer Control (ICA CC).2010,V3: 302-305.
[5] 潘恒.基于VC++/MFC的麻将牌连连看程序设计.[J]科协论坛:下半月,2011,25(5): 53-54.
[6] 揣锦华.面向对象程序设计与VC++实践[M].西安:西安电子科技大学出版社,2005:201-204.
[7] Rong Jian,Zhao Cuilian,Fan Zhijian,et al. Realistic 3D face reconstruction based on VTK and MFC[J]. Optoelectronics and Image Processing 2010,V(2): 145-149.
关键词:界面设计;计算机交互;审美经验;技术美学
中图分类号:TP37 文献标识码:A 文章编号:1009-3044(2014)34-8281-02
后工业时代新技术的应有,一点点的改变着人们的生活状态,激发出全新的审美形式。计算机交互技术模式下,人与机器的互动式交流,通过视觉的形式得到了完美的体现。并使得它具备极强的艺术表现力。其高技术含量和在传播媒体中的广泛应有,又使得它天生成为有着使用价值的技术产品。互动技术产品成为信息科技发展到多媒体时代的标志。其体现技术与艺术的完美结合,也是后现代主义艺术生活化的一个典范。然而,如何在其互动技术的平台上创造出优秀的产品,体现出其技术美的本质,仍然需要我们细致的研究,不断的探索。该文从审美经验的角度出发分析计算机互动产品的技术美特质。并从强调技术美的角度,分析审美经验对互动设计的帮助。
1 互动产品的审美特色
我们说审美经验(美感)是人们欣赏着美的自然、艺术品和其他人类产品时,所产生出的一种愉快的心理体验。这种心理体验是人的内在心理活动和审美对象之间交流或相互作用后的结果。[1]技术对象给我们的审美经验不是静观之下的,而是在一种与对象更为智力性的,有时是更加肉体性的接触中给我们显示的。就是在这样的经验中技术对象才能为我们审美化。我们有时也能即使用又观看技术对象,而且无论如何,我们应该知道如何使用它,技术文化是审美经验的一个必不可少的成分。反之,仅有关于功能和运行的知识,还是不足以唤醒美的情感。技术对象要成为美的,必须对眼睛说话,而如果它要成为有用的,必须对手说话,或者要成为为理解的,必须对智慧说话一样。[2]对互动产品的美感,通过主体对客体的操纵,客体给予视觉反应,形成一种沉浸感。沉浸感的设计不单指一个环境的逼真,还应有“内容”的丰富,有吸引力。要调动操作者的“探索”欲,通过互动使操作者感到“控制”的能力得以发挥,进而达到审美的愉悦。因此互动产品的审美特色,应体现在以下3点:
1) “界面友好”尊重用户的现实经验,置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
2) “轻松与有趣的探索”。利用知觉震惊原理,设计交互的启动事件引起观赏兴趣,带动观赏的审美。
3) “动觉与视觉”统一。
2 利用审美经验指导互动界面的设计
2.1 建立用户心理模型
技术产品的审美经验与纯艺术的审美经验的不同之处在于其“目的性”的期望不同。只有符合“目的性期望”的感受才是美的。因此要分析客户的“目的性”期望,建立用户的心理模型。Donald A. Norman在他的《The Design of Everyday Things》一书中首次提出了心理模型,实现模型和系统模型的概念及其关系。心理模型是存在于用户头脑中的关于一个产品应该具有的概念和行为的知识。这种知识可能来源于用户以前使用类似产品的经验,或者是用户根据使用该产品要达到的目标而对产品的概念和行为的一种期望。实现模型是产品的内部结构和工作原理,它存在于产品设计人员的头脑中。系统模型是指产品的最终外观以及产品呈现给用户后,用户通过观看或使用后而形成的关于产品如何使用和工作的知识。
心理模型中的概念和行为是完全属于用户的问题领域或任务领域的,而实现模型则位于技术解决方案领域。一般来说,这两者有很大区别,并且越是复杂的产品,差别越大。因为是位于问题或任务领域,心理模型是产品设计人员无法轻易改变的,而实现模型则依赖于当时的技术水平,在一定时期内也很难有大的变化,唯有系统模型具有极大的可塑性,是产品设计人员可以通过努力来改变的。可以认为系统模型总是分布于心理模型和实现模型这两者之间的某一点。系统模型越是接近心理模型,用户需要学习和记忆产品如何使用的地方就越少,这是因为实际的产品和用户期望的很接近,这样的产品就很容易使用。反之,如果系统模型接近实现模型,则用户需要把期望中的一些概念和行为映射到系统模型中表现出来的一些界面元素和执行操作上。这种映射在认知心理学上就表现为一种记忆负担,而正是记忆负担使人们觉得产品难以使用。[3]另外,一种产品,其用户群可能不同。例如,一个综合性的企业网站,有前台展示,和后台管理。前台展示的用户是企业的潜在客户,而后台管理是企业自己的网站维护人员。因此有可能需要同时分析和建立两个用户心理模型。根据不同用户和产品的关系,其“目的性期望”也不相同,最终也会影响到产品形态的形成。即界面形式、互动形式的不同表现情形。
2.2 动觉感受分析
如前所述,互动技术美学中的审美知觉是动觉和视觉的联合作用下的产物。因此,除了常规性的视觉表达之外,分析动觉感受也就成了一个重要的环节,而计算机的特殊形式,使其中的动觉与被动控制物(计算机界面的反应)与日常生活中的情况有所不同。如何抓住其点,使动觉自然流畅的转变为界面的控制是人性化操作的关键所在。被控物的反应,动觉的传达要靠图形化的指示反应出来。
例如Adobe Reader 阅读器中鼠标在文本上的时候是一个张开的手,有两个暗示,其一是,张开的手不可以移动东西;其二是,时刻准备抓取对象。当按下鼠标左键时,手掌立刻握起,暗示抓住了文本,准备移动。拖动鼠标,文本随之移动。松开鼠标,手掌张开。这个看似简单的互动设计,由于完全符合动觉与视知觉的统一,把手的动做和鼠标融合在一起,虽然是鼠标操作却恰似直接用手拖动了屏幕上的纸张,使得操纵方便简单又轻松自然。
2.3 互动设计中的秩序感与互动引导
根据格式塔心理学的原理,人类知觉有趋于完形的秩序感,在互动设计中也应寻找互动设计的“秩序感”。每一个互动都应该是可预见的。或是可把握的,应符合人类“探索”的习惯,“秩序感”的寻找。当操作者面对一个互动的界面之后,就会开始一个动态摸索的历程。鼠标自然的游动于界面。鼠标滑过触发点是最轻松的操作,应安排最表层,或最重要的触动“动作”。鼠标的移动、单击、拖动、双击、右键点击、滑作,都有其对应的动觉感受,和视觉期待,设计时应使二者相吻合。计算机的发展过程中也形成一些互动模式的惯例,除鼠标操作外还包括常用的按键,如“ESC”键,“ENTER”键等等。这些都会成为操作者试图尝试的动作,应予以关注,并在设计时安排相应的操作提示或暗示。一个良好的操作界面应当是能使一个陌生的用户完全可以通过自己的“探索”完成,或者说“寻找”到所有的操作功能或过程。并从中得到所有完整的信息。同时感受到互动“探索”的乐趣。
与使用产品的互动应与人的生理和心理运动形成和谐的节奏和韵律。当前的页面跳转形式多是比较生硬突然。一个优秀的互动站点应当避免这样的形式,多注意过渡的引导和整体流程的控制。在技术条件的允许下可使用动态引导。界面整体流程清楚,关联性要强,做到进退自如,跳转轻松。这就要求导航设计更人性化。一般的做法是在任何位置都安放固定导航条,但这种形式较为死板。在小型网站中可使用空间引导的方式,其特点是活泼生动,因为更人性化,操作也更直观。但不适合较大较复杂的站点设计。如何使导航更轻松,一直是互动设计最具挑战性的课题。连续性页面的过渡在电子图书中制作成模仿书本的手动翻页形式是目前比较流行的式样,它由于符合用户自然的经验习惯,比较人性化。各种不同环境下的页面切换应具体分析其特点和整体需要,结合人的心理秩序感,延续性较好的视觉变化更能产生审美愉悦。当前的国际上优秀的手机界面已经非常重视这种动态的视觉引导。国外的一些优秀互动型站点也通过FLASH制作,页面切换做成动态引导变化的形式,整个站点形成一个完整的视觉空间。
2.4 视觉节省与情感期望
互动页面本身是一个视觉形象,可交互操作,其中包括动觉体验,并通过联觉作用而与视觉形象相结合,其中给人的审美经验不再是一种静观的体验,而是知觉和动觉相结合的感受,这种审美经验具有一定的持续性和稳定性。它会反过来影响人们对产品的感知。审美的发生伴随作为显著点的中断的出现,这种中断引起审美注意[4],在互动页面中,每一个小的动作都是一个审美注意的焦点,但动点过多会使人无所适从,甚至产生烦躁和厌倦。因此动作的安排还有其“节省原则”。也就是说,在满足“目的性”的前提下,尽量少用。当然这里的目的性包括功能的目的性,和社会目的性。
审美态度中“情感”的期望应得到重视,即外在形式要能表现内心情感,也应当被充分注意、观察、揭示和暴露。比如商业站点“诚恳、稳重”,娱乐站点“时尚、个性”等等。这些是网站的“社会目的性”。也是技术美学应突出表现的地方。
3 结束语
计算机界面有交互功能,是静态和动态的结合,是一个可控制的场景转换平台。我们在设计时,应充分考虑到它的这些特殊的功能带给使用者的审美体检。首先要考虑所有要表达的信息量,信息元素,这是基本的“结构”。对应的版式设计要清楚准确的表达出所有应表达的信息量。第二点,根据页面的内容:是科技、文化、娱乐、产品还是游戏等等,分析其内涵本质是严谨、简约、富丽、豪华,等等,设计者必须跟据其气质制定风格。最后一点,但不是最不重要的一点,就是考虑其所要面对的使用者。根据以上三点,对各个功能的目的性,做“力动”表现[5],就是把这个“合目的性”的特质,更明确更突出的用符合审美的形式表现出来。已达到技术美的完善!
参考文献:
[1] 守尧.审美心理描述[M].北京:中国社会科学出版社,1985.
[2] 杜夫海纳,孙非议.美学与哲学[M].北京:中国社会科学出版社,1985:214.
[3] 张亮,从系统模型和心理模型的匹配原则谈用户界面设计[EB/OL]..
[关键词]视觉流;操作流;移动设备;用户体验;交互设计
一、视觉通道
用户在使用移动设备的过程中,通过视觉将界面的信息输入,然后通过触觉将用户的反馈输出给设备,因此用户的视觉和触摸是产品使用过程中的主要参与者,在用户-机器-环境三者构成的系统中,对于用户来说,主要的交互通道为视觉输入通道和触觉输出通道。
1、人类信息处理过程
视觉是人类从外部环境中获取信息最重要的器官,人信息处理过程下:首先,人通过视听觉等信息接收渠道触发心理活动,经过中枢神经系统对信息的加工处理,进而运动器官进行反馈等对外界做出反应。
2、视觉通道:视觉通道主要包括视觉容量和视觉流程两个方面
(1)视觉容量是指一定时间内视觉所能容纳的信息量。通过对眼球生理构造的研究,可以发现由于视觉最有效的感知部位只存在于视网膜黄斑附近且占有很小比例,因此视觉在一定时间内只能容纳一定量视觉信息,该数值为25比特每秒,即每秒4个信息单位。所以在界面设计中应当重视视觉容量的合理分配,因为一旦视觉接收到的信息超过信息容量,用户就会产生抵触反应,引起消极的用户体验。
(2)视觉流程是指视觉焦点形成的轨迹,由于眼球生理结构限制,人眼在某时刻只能产生一个焦点。人的这一视觉特性使得人的视线运动通常表现为点到点的跳跃式扫描(saccade),而不是平滑移动。人在阅读时,一行通常包含4~7个跳动――定位(jump-fixation)的动作,注视持续时间为200~600ms。
心理学研究显示人类视觉流程习惯从左向右看,从上向下看,因此一个空白界面给人的自然视觉流程是从左上方到右下方的一个弧形曲线,在这个弧形曲线上,视觉优势从上到下递减,这样页面左上部和中上部被视为最佳区域。
二、触控通道
触屏设备上,缺少了物理按键的物理反馈和区块感,引导操作及其反馈几乎都由视觉承担。在触屏设备中对于触控目标大小的控制对用户体验的影响非常大。下表格为不同触控系统平台的设计文档规范比较分析。
表一:不同触控系统平台的设计文档规范比较分析
费茨定律表明,在人使用指点设备时,目标越小,就需要越早减速,从而花费的时间就越多。对于食指和拇指来说,触控目标宽度分别大于45ps和72px是带来最佳触控体验的数值,因为该数值用户可以看到按钮的边缘,从而获得按钮的反馈信息,用户操作和点击的速度也大大提升。
虽然触控用户的误操作数量随着点击目标区域的增大而减小,用户点击的速度也会加快,但是目标尺寸也不能一味增大。设计的关键点在于解决洗衣机触控屏幕大小和点击目标大小之间的冲突和矛盾,在屏幕大小允许的情况下尽可能增大按钮的大小。
三、人机交互中的流系统
由用户-机器-环境三者构成的系统中,对于用户来说,主要的交互通道为视觉输入通道和触控输出通道。在这个由视觉和触控参与的交互过程中,存在着一个流系统,包括视觉流、操作流、视觉焦点到触点的引导流、触点到视觉焦点的反馈流。
1、视觉流
用户通过视觉通道进行信息的输入,由于人类视觉的特性,视线运动通常表现形式为点到点的跳跃式扫描(saccade)而非平滑移动,因此用户在对界面持续关注后会留下一系列的视觉焦点,这些视觉焦点的轨迹称为视觉流(visual line)。
2、操作流
用户通过视觉通道获得信息输入后,通过触控通道实现信息的输出,用户进行触控时和界面形成一系列的接触点的轨迹,称为操作流。
3、视觉焦点到触点的引导流
用户通过视觉焦点接收信息,并进行相应的触点操作,视觉焦点到操作触点之间需要界面来引导,这是一个引导流系统的循环过程。
4、操作触点到视觉焦点的反馈流
用户通过触点对界面进行输入,界面做出相应的反馈,反馈后一般会发生界面变化,进而带来视觉焦点的变化,这是一个操作触点到视觉焦点的反馈过程。
在用户-机器-环境三者构成的系统中,用户与机器之间的交互几乎都是由以上的视觉焦点、操作触点以及之间的流构成。
5、设计目标
整个流系统中,视觉焦点负责将信息输入给用户,设计目标是抓住用户的注意力;操作触点负责用户的信息输出,设计目标是操控的易用性。优秀的界面设计是能够将最核心的内容输入给用户,且视觉流轨迹简洁流畅,视觉轨迹线几乎没有交叉,减少视觉的回视和扫视;同样操作触点反馈明确,操作流也应该减少用户的回转往复。整个交互过程交互阻力较少,减少用户思考的时间,带来更佳的用户体验。
随着信息化的深入,互联网已经成为现代人们获取信息与交流的平台,网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。也是企业宣传产品形象的重要途径。在长期的使用中用户参与度不断提高,现代网页界面设计更加关注与用户的交互,关注用户体验。网页交互设计要求设计师要从用户体验的角度出发,坚持以用户为中心的设计原则。目前网页交互设计中用户体验依然不够完善,存在着诸多的不符合用户体验的元素。
关键词:
交互设计;简约的网页设计;网页UI设计;以人为本;用户体验
一、网页界面交互设计
随着互联网的不断发展,交互设计如雨后春笋般迅速生长,当然其中存在的问题也日益凸显,因国内大多数院校并没有开设网页交互设计专业或者相关设计课程,因此系统学习过的专业技术人员稀少。交互设计是一门新兴学科主要关注交互体验设计,1984年由IDEO的创始人比尔•莫格里奇在一次设计会议上提出来。在过去网页交互设计主要由程序员来完成,并不是由设计师来操作,由于程序员自身的局限性,这就造成诸多设计问题,比如网站设计的交互方面粗糙,繁琐难用,其次在传统的网页设计中,设计师往往较为重在技术,而忽略人的“情感”问题,忽视了”情感”的交互。网页交互设计还要遵守一定的形式美法则。美的东西总能打动别人,对于网页来说也是如此,漂亮舒适的网页界面总能吸引用户的眼球,并且提高网页的浏览量。随着生活节奏的不断加快,人们需要安静的元素放松精神,因此对美的认识逐渐变为易用的、简约的。简约主义必然就被应用到了网页设计中。究其原因主要在于简约主义设计的它蕴含深厚的审美意趣和内涵。现代主义建筑师勒•柯布西耶认为在设计中对外在装饰追求的多少能反应出个人审美修养的高低。
二、网页交互设计的意义
当今很多人认为网页设计,就只是简简单单的美工设计,或者说浅层次的理解为交互设计的只是为了使浏览者更好地、更容易地操作网页。交互设计不仅只考虑到用用户更好地,更加容易操作网页界面,而且还要考虑到用户的需求,根据用户需求去设计是否需要易用性,站在用户的角度去思考问题。由于影响设计的因素逐渐增多,我们只有改变思路,从用户出发,不能只靠考虑是否美观,这样才能设计优秀的网页交互设计作品。
三、用户研究
以用户为中心的设计,首先需要了解的就是“以人为本”。“以人文本”旨在了解用户需求,以用户为出发点。设计师是在设计网页的不能只专注于网页界面的美观,还要考虑到用户的行为及心理,更深的挖掘用户需求,才能设计出好网页。在做设计的时候避免不了用户研究,用户研究首先包括可用性研究,其目的是提高产品的可用性,在网页交互设计中则体现为网页界面应该能更容易地被人接受、使用和记忆。其次就是设计师要敏锐地去发现用户的潜在需求,为网页更好为人服务。用户研究要求设计师站在用户的角度去思考问题,并最终提出最佳的解决方案,说就是设计师要思考自己设计网页如何能让浏览者主动的喜欢上自己网站页面。用户研究的主要方法是通过分析使用者的使用语境,使用习惯等。这样才能设计出满足浏览者对网页功能期望的网页。
四、用户体验
网页界面的设计效果,会影响用户的情感。对网页交互设计产生的还会影响人的情绪和情感。因此在网页体验设计需要将人的生理本能及情感的注入到设计之中。从用户体验而谈,用户浏览网页是有什么需求?可以归纳为两点:首先是浏览信息,其次操作数据。这里的数据是指在数据库中的数据,用户在浏览信息时,不会对“数据”造成任何操作,只有用户进行点击链接、跳转页面等,才会和数据进行交互。因此,在做网页交互设计时候主要满足用户的这两方面的需求,要做到:一、要有一个漂亮的界面,及网页界面的视觉设计要美观,二、用户在操作数据时候要高效,及网页界面的交互设计灵活。
五、以用户为中心的网页交互设计
交互设计之父AlanCooper首先在他的著作《AboutFace3:交互设计精髓》中提出了目标导向设计的方法。交互设计只有从使用者的目标出发来设计,满足用户需求,这样才能使用户感到满意,并将信息推荐给其他人。以用户为中性的设计最重要的就是要了解用的目标,需求和动机是什么。在网页交互设计中不能匆忙的使用绘图软件画出漂亮的界面,设计师首先要做的是用户研究,了解用户需求。只有在充分研究用户需求之后,建立用户模型,对产品进行归纳,最后再来关注细节设计,如网页的界面风格,字体,图标,色彩等的搭配.其次要最终用互动使用习惯进行网页交互设计,用户的使用习惯并非即刻而成的,而是用户长时间的养成的生活方式。浏览者在浏览网页的会形成自己的行为习惯,其一,网页交互设计只有尊重用户的使用习惯、利用自己所学知识及长时间积累的经验才能设计出更加流畅的网页界面。其二设计师在设计的过程中必须要考虑到界面的简约,易用,不是使浏览者去记忆使用大量的流程。日本设计大师深泽之人在产品设计提出“无意识设计”理念,这种理念也同样适用于网页交互设计中,无意识的设计就是让设计师关注用户的行为习惯,设计出的产品能够使用户在轻松的使用此产品进行工作,减少不必要的记忆。网页交互设计不能有过于花哨繁缛的内容以免影响用户体验,在网页交互设计中网页界面的设计应该具有简洁性。
六、结束语
网页交互设计要达到最有效的传递信息给浏览者,其页面的视觉引导,页面的风格统一毋庸置疑是一个特别重的环节。视觉上必须要简洁。在设计中要以用户为中心进行设计。“以人为本”的创新设计是网页交互设计的核心思想,好的设计必须能够打动人,好的设计必须是美的设计,必须是为人的设计,这也是未来的网页交互设计的主要发展趋势。网页交互设计不只是单纯的给网页进行简简单单的进行一些装饰和美化工作,设计师在设计网页的时候必须要基于网页的易用性,情感等赋予独立的思想和创意,要结合浏览者的行为习惯、心理、及使用方式等因素,以为为本,基于用户体验进行网页交互设计。了解用户,站在用户的角度去思考问题,根据用户需求来设计网页界面,以用户为中心的设计是简洁、易用的网页交互设计中的重要基础。
参考文献:
[1]张静,肖玮,杜煌,论网页界面的交互性设计,[长春师范学院学报],2013年
[2]吴飞燕,基于用户体验的网页UI设计,[电子世界],2014年
[3]曹华宇,张阿维,基于用户体验的网页界面交互设计原则,[艺术科技]2015年
[4]秦彩宁,网站UI设计浅析,科学时代2015年底06期