——2102级工设2班揣颖
人机交互及人机界面设计的三个实例
一,从苹果iPhone看现在人机交互设计方面技术
丰富和人性化的视觉反馈
在人与外界进行的任何交互中,获得反馈都是很重要的,因为只有看到自己的动作所带来的效果后,人们才能决定下一步的操作。在目前阶段的人机交互中,视觉反馈仍是最主要的方式。这是因为基于屏幕的信息显示技术是目前最为成熟的。
在iPhone中,一个很有创意的设计是如何用视觉反馈来表示触觉反馈,它颇有些通感的意味。iPhone没有提供物理的QWERTY键盘,而是提供了一个基于屏幕显示的软键盘来让用户输入26个字母。在现有的带有触摸屏的PDA或手机上,表示用户按了某个字母键的方法是将该字母所在位置的凸起形状的图像转变为凹下的图像,并辅之以某种声音。不幸的是,这种方法不适用于iPhone,因为iPhone没有触控笔,只能用手指点击触摸屏,而软键盘上的每个字母都小于指头的大小,因此显示字母的图像会被手指遮住。为了克服这个问题,iPhone的方法是将所按下的字母部分的图像快速放大到比较醒目的大小,以便能够不被手指遮挡而让用户看清楚,然后再迅速地恢复到原来的显示大小,以使得用户可以继续察看并输入下一个字母,如图所示。这种效果很像将一个物体投进水中后所产生的波纹。
(图: iPhone软键盘输入时的视觉反馈)
在人机交互过程的反馈中,另一个重要问题是响应时间的长短。通常认为,响应时间越快越好。不过,对于人类认知心理方面的研究表明,在某些情况下,响应时间并不是越快越好。这其中的主要原因是:人类所生活的物理世界中的各种物体的存在、位置和运动都要遵守自然规律。例如,物体从静止到运动,或从运动到静止是需要一个过程的,它符合牛顿运动定律。我们通常不会看到物体突然地运动起来,或忽然从很快的速度变为静止状态。然而在软件界面设计中,到处都充满了这种情况。例如,当你关闭一个窗口时,不到一眨眼的瞬间,该窗口就消失了;当你在某个内容长度超过窗口高度的窗口中上下卷滚时,较新的内容会在极快的时间内替代原有内容并出现在窗口中,等等。计算机完成这些操作的速度是如此之快,以至于我们经常会有这样的感觉,即我刚才所做的动作真的执行完成了吗?我是不是点错位置了。对于视力不好的用户就尤其如此了,他们必须费力地仔细观看屏幕才能确认所要关闭的窗口的确是关闭了,或者窗口内容的确是滚动到了一个新的位置。
对于这个问题的解决是利用一种类似动画效果的显示技术来将屏幕内容变化的过程表示出来,让用户可以明显地感知到这个变化的过程。通常这个过程需要100毫妙到1秒钟的时间就可以了。这个技术的好处是有助于用户形成正确的关于系统运行的模型。例如,如图所示,在MacOSX中,当用户最小化窗口时,该窗口不是立刻消失并被放入任务栏中,而是以一种动画方式表示出窗口像是被一股强大的力量吸进了任务栏中,从而让用户感知到窗口是被缩小了,并且用户将会看出缩小后的窗口被放在了哪里,这样他就会知道在随后的操作中从哪里去寻找并还原这个窗口。
(图: Mac OS X 中窗口最小化时的动画效果)
在“Designing Interfaces”一书中,Jenifer Tidwell将这种手法称之为“animatedtransition”模式,即动画式转换,它有助于保持用户在计算机虚拟空间中的方位感。
在iPhone中,类似这样的动画式响应方式是标准的界面风格,包括了窗口内容的上下卷滚、某些元素的出现和消失,以及某个区域内容的放大、缩小,改变显示方向等等。这种风格最终带给用户的体验是一种舒适、自然和流畅的感觉,而不是生硬的机器感。
将复杂的操作简单化,甚至彻底消除某种操作的必要性
汽车中的换档技术的发展是一个很好的例子。早期的汽车在换档时相当复杂,需要踩两次离合器,同时右脚还要在合适的时机控制油门踏板。到了后来,很多的汽车都增加了同步器,这使得只用踩一次离合器就可以了。再到后来,自动挡汽车的出现彻底消除了离合器踏板存在的必要性,它能够根据车速来自动在内部将档位调整到合适的位置,从而*更为简便和轻松的驾驶体验。
在iPhone中,光线感应器使得屏幕的亮度能够自动调节,从而省去了用户手工调整的动作;方位感知器的运用使得软件能够根据用户手握设备的方位来自动调整屏幕上的显示布局和内容,从而省去了用户手工切换。
或许我们可以这样说,界面设计的最高境界就是让用户感觉不到界面的存在。
用简单的界面来容纳大量的功能
随着技术的不断进步,设计人员总是不断地向产品加入越来越多的功能,以使得产品更加具有竞争力和吸引力。然而,在功能增多的同时,如果不能很好地进行界面设计,以使得用户能够很容易地找到和使用这些功能,那么这些功能对于用户来说就好像不存在一样。现在,观察和思考一下你周围日常用到的电子设备,例如手机、电视、DVD播放器、MP3播放器等等,它们有多少功能呢?你是否知道并且会使用这些功能呢?
在iPhone中,为了使得用户能够一目了然地找到所有的功能,它使用了一个Home按钮,这也是机身正面唯一的一个物理按钮。它位于机身的底部,当用户在任何时候按下该按钮时,都可以来到如图1所示的初始画面,这里以矩阵的方式显示出了所有功能。每个功能都用一个较大的易于手指触摸的图标式按钮来表示,同时在图标的下方还有相应的文字说明。根据这种设计,不论你当前处在任何状态,最多只需两次按键就能开始使用任何一个功能,这极大地方便了用户找到各个功能的过程,从而使得所有的功能都能被更好地被使用。JeniferTidwell 在“DesigningInterfaces”一书中将这种特点的导航方式称为“HubandSpoke”模式,即以一种从中心向四周辐射的方式来组织全部功能,它有助于用户形成一种简单的对于系统的功能是如何组织的心理模型。
(图: iPhone的所有功能以辐射状结构组织)
值得一提的是,四个最常用的功能:打电话、收发电子邮件、上网以及音乐播放,它们都被安排在了屏幕的最底部,这主要是考虑到单手操作的方便性。因为根据一般人的握法,大拇指离屏幕下方最近,从而可以很容易地触摸到屏幕最底部的区域。
iPhone带给我们的思考
综合以上对于iPhone的各项人机交互技术的分析不难看出,这些单项的技术其实都不是什么全新的技术,它们已经在实验室或者是其它设备上出现很长时间了。然而,当苹果公司把这许多的单项技术融合在一个只有135克的手机上时,iPhone作为一个整体就是具有创新性的了。
这种创新并不是一种偶然现象。正如苹果的Macintosh和iPod产品一样,它源于产品设计者对于一种完美的用户体验的不断追求。这种追求体现出了以人为本的设计思想,即要让机器去适应人,而不是相反。
我们周围大量的产品中不断增多的更为强大的功能并没有给我们带来更多的实际效用和便利,恰恰相反,它们在很多时候反而使得我们觉得自己更加愚蠢了。或许是到了该改变一下这种状况的时候了。
二、餐饮业触摸屏界面设计
客户名称: 南京太优软件有限公司
项目名称: 触摸屏界面设计
2005年10月设计制作
工具:Adobe phothshop / Adobe Illustrator
行业:管理软件
设计要求: 美观大方,操作舒适
设计背景:触摸屏点菜系统是迎合个性消费潮流,系统还有一特点是兼容性,它可以与PDA掌上电脑点菜系统并存,在推崇现代消费理念的同时也保存了传统的消费模式。适合西餐厅、咖啡厅、速食、会员制俱乐部、等综合性餐饮娱乐系统,该系统具有多种不同用途的触摸屏POS前端,界面精细而直观。结合太优餐饮后台系统,为企业提供了良好的经营管理环竟,给经营者对市场需求的分析、预测提供了可靠的数据依据。
设计流程:电话预约-在线交流需求-签订合同-邮寄合同-设计提案-结案出图
三、福禄克为洁净空调、暖通、安防和环境健康监测提供解决方案
美国福禄克公司近日在中国市场率先推出全新福禄克环境专家系列(F945,F741,F925,F971,F50II,F561和F922)。福禄克这一环境系列手持产品将使工业和商用客户能方便快捷准确地测量噪音,照度,风速,风量,温度,湿度等环境参数,并继承了福禄克手持表高精度、量程宽的一贯特点,简单易用的外观和人机界面设计也更适合客户随身携带和快速灵活的使用。
福禄克环境专家系列应用十分广泛,它既可以满足工业和商业客户在洁净空调系统,暖通空调设备系统进行安装调试维护的过程中需要经常性的测量风速风量,温湿度,噪音等参数的需求,又可以满足那些对研发或者生产环境有高要求的企业做日常检测环境参数或者进行环境健康检测(EHS)的需要。同时,还可以在建筑工程以及公共场所的消防安防验收,监督检测中使用它们来评估通风性、测量环境温湿度、照度和潜在高温物体表面温度等参数。从而提早发现消防安全隐患。人们的日常生活中也可以使用福禄克的照度计、噪音计、风速计来测量评估你室内外的明亮程度、噪音污染情况以及空调通风情况。