什么是交互设计(Interaction Design)?

By De Dream', Windy(http://www.DeDream.com),2004年9月


一个交互实例

vivi(薇薇,26岁,一位优雅迷人的OL)打开钱包,从卡夹层里拿出那张有着金黄葵花的银行卡,又了到发工资的时候,不知道今天到帐了没有,还约好了明天和死党一起Shopping呢!刚才路过银行想查一下余额,但是排队的人太多了,不过还有电话银行嘛,vivi一边想,一边拿出手机,拨通了电话银行的号码:

一个温柔礼貌的MM语音提示:“您好,欢迎使用招商银行电话银行系统,1,自动语音服务,2人工服务;”

vivi把手机从耳边拿下来,找到1号键,按了一下;

“1个人银行服务,2公司银行服务,3银证通功能,4个人外汇买卖服务,5基金服务,0退出;”

vivi又按了1;

“1存折户,2一卡通户,3个人信用卡户,4新旧卡号查询 0 退出;”

vivi按下了1旁边的2号键;

“请输入一卡通卡号,以#号结束;”

“1080 80699”,vivi连忙输入了卡号,按#号键;

“请输入查询密码,以#号结束;”

因为开户不久,刚设的密码,vivi稍微想了一下,才把密码输进去,输完又看了一眼,按了#号键;

“1帐务查询,2转账,3修改密码,4电话挂失,5通讯业务,6自助贷款,7自助缴费及一卡通上网,8神州行充值服务,9凭证式国债,0退出”

汗……这都是些什么呀?vivi皱了皱眉,再次按了一下1;

“10人民币,21港币,32美元;35欧元,65日元,43英镑,29澳大利亚元,87瑞士法郎39加拿大元,69新加坡元,00退出;”

“10,拜托,我可只有人民币……”

电话里仍然是温柔礼貌而不折不扣的录音提示:“1活期,2 整存整取,3零存整取,4整存零取,5存本取息,6定活两便,7大额定期,8通知存款,9教育储蓄,0退出。”

“1”vivi一边按键一边看着手机屏幕上已经输入的一大堆数字。

“1余额,2当天交易,3历史交易,0退出”

“1”

“您当前的余额是陆仟九佰五拾陆元伍角玖分”。

谢天谢地,工资到帐了。vivi长舒一口气,查个余额,真不容易啊!

什么是交互

如果你看到这里,已经觉得很辛苦的话,我想提醒一下,上面可是一次完全真实的招商银行电话银行服务记录,也就是一次真实的“交互”过程描述。除了招商银行之外,其他大大小小的各家电话银行,交互的过程大抵都是这样。也就是说,每天那些到电话银行查询余额的人们,都要经过前前后后这样的折腾,才能最后得到他们想要的一个数字。(实际上,招商银行的其他很多服务都非常好,仍然是我最喜欢的一家银行。)

交互,在这里指的是作为服务使用者的用户和作为服务提供者的电话银行系统之间的互动通信并交换信息的过程,有请求,有应答,需要双方参与。
在每一天的生活中,我们都要和许许多多的产品进行交互,回想一下,就在今天,和你发生交互的产品有多少?早上叫起床的闹钟(或提供了闹铃功能的手机和电话机),热早餐用的微波炉,电脑,网站(不然你也不会看到这篇文章),各种软件,手机,空调和电视机(通过遥控器),数码相机,随身听,银行服务,等等等等。

那么再回想一下,其中有同哪些产品的交互很顺利,并让你毫不费力地完成了各种任务,甚至让你觉得惊喜?例如,在使用Gmail的时候,我发现它自动帮我将邮件按主题组织在一起,这样就可以很方便地回溯同一个主题前几次的邮件,而且,最近又增加了按联系人组织邮件的贴心功能。然后,发现又有哪些产品,总是很“难用”,甚至还会一次又一次地让你犯错误,又或者让你厌烦?例如,每次关闭的时候,某些软件总是这样问你:“您确定要关闭××吗?”

什么是交互设计(Interaction Design)

在使用网站,软件,消费产品,各种服务的时候(实际上是在同它们交互),使用过程中的感觉就是一种交互体验。随着网络和新技术的发展,各种新产品和交互方式越来越多,人们也越来越重视对交互的体验。当大型计算机刚刚研制出来的时候,可能为当初的使用者本身就是该行业的专家,没有人去关注使用者的感觉;相反,一切都围绕机器的需要来组织,程序员通过打孔卡片来输入机器语言,输出结果也是机器语言,那个时候同计算机交互的重心是机器本身。当计算机系统的用户越来越由普通大众组成的时候,对交互体验的关注也越来越迫切了。

因此交互设计(Interaction Design)作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”――交互设计。

从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。

通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立一种有机关系,从而可以有效达到使用者的目标,这就是交互设计的目的。

交互设计和界面设计

有很多人会问,交互设计,不就是界面设计吗?尤其是在理解同软件产品的交互时。人们在界面设计方面已经有了一定的关注,然而,交互设计更加注重产品和使用者行为上的交互以及交互的过程,因此我在前面特意举了一个电话银行系统的例子,在这个例子里,并没有可以触摸的可视界面,而它在交互方面的行为本质却完全表现出来了。

界面是一个静态的词,当进行界面设计的时候,我们关心的是界面本身,界面的组件,布局,风格,看它们是否能支撑有效的交互,但是,交互行为是界面约束的源头,当产品的交互行为清清楚楚地定义出来时,对界面的要求也就更加清楚了,界面上(如果存在可视界面的话)的组件是为交互行为服务的,它可以更美,更抽象,更艺术化,但不可以为了任何理由破坏产品的交互行为。

从广义上来说,也可以认为界面设计包含交互设计,在这样的情况下,它同时还包含另外的部分例如外观设计或平面设计,这些都是可以单独进行研究的更细的分支。

总结

目前,许多公司,网站,新兴的行业都开始意识到交互设计在品牌的创建,客户回头率,客户满意度等方面影响很大,因此,交互设计也越来越受到重视,并在近10年得到了快速的发展。

注:本文首发在《程序员》杂志,请勿擅自转贴。

继续阅读:
为什么要进行交互设计?
交互,使用,交互设计和可用性

Windy 发表于2004年09月08日

引用记录:

本文引用地址:
http://www.dedream.com/cgi-bin/mt-tb.cgi/11

下面是引用了本文的地址:什么是交互设计(Interaction Design)?:

» 交互,使用,交互设计(Interaction Design)和可用性(usability) 来自 windyJ
Ping Back来自:blog.csdn.net [Read More]

于April 29, 2005 09:38 PM

评论

看到你的文章,觉得深有同感,希望有关人员多多来拜读……………………

张少 发表于 November 3, 2004 10:24 AM

不知道,文章是你自己写的还是转载的,不过好棒~

ruki 发表于 November 9, 2004 03:35 PM

谢谢!

Windy 发表于 November 9, 2004 11:27 PM

昨天在杂志看到用例驱动的交互设计方法 写的真的,做软件就应该站在用户角度想问题.

雨在云端 发表于 February 22, 2005 08:27 AM

I have read the above on the CSDNBlog.that's great!

Forrest Gump 发表于 May 23, 2005 02:18 AM

我也很有兴趣,希望多点增加这方面的了解。

天雨 发表于 March 3, 2006 12:15 PM

会挑毛病还要解决毛病,文章中也没有提出解决的方法,

如果基于“方案保密”,可以用一句话提出一个思路,或许这样更有信服力

test 发表于 March 14, 2006 06:39 PM

雨在云端,Forrest Gump,天雨你们好,谢谢,并欢迎继续访问De Dream:)
test你好,那是另一个问题的范围:“怎样进行交互设计”,这篇文章主要是介绍概念,进行交互设计的方法有“人物角色”,“目标导向”和“情景叙述” 。

Windy 发表于 March 14, 2006 10:00 PM

初涉交互设计领域,对这个很感兴趣,希望有机会可以向您请教。

babylon 发表于 April 18, 2006 09:07 AM

就是个IVR流程嘛,没有这么严重。目前,很多东西能做到可用就不错了,毕竟招行的电话银行系统不是只给我等查查余额用的。

WOLFay 发表于 May 10, 2006 05:25 PM

例如,每次关闭的时候,某些软件总是这样问你:“您确定要关闭××吗?”

+++++++++++++++++++++++++

在你的多篇文章里看到这个问题,那请问这个应该如何解决更好咧?
请教!

路边摆摊 发表于 September 8, 2006 01:28 PM

广发也有这毛病,
电力上网的那个公司更夸张!

gaoang 发表于 December 19, 2006 10:31 AM

只针对招行电话银行业务这个案例来说说:
1,招行的电话银行面向的对象群是不可预测的众多用户的众多选择。

2、招行银行电话业务不可能为个人、企业;外汇、基金等等服务各开设一个电话号码,那样将导致更多因记忆错误导致的问题;

3、用户使用电话银行自动服务最终的结果不可预知,而且银行的业务范围很广,而也许银行希望这个系统能解决更多事情。

解决方法:
1、电话银行已经增加了人工服务,我想这已经是对用户的体验比较好的解决方法,vivi的此次过程可以缩减为:
拨打电话 > 选择人工服务 > 告知姓名、卡号、身份证号码(我觉得这些是必须提供的内容) > 获得金额

2、银行可以取消一些操纵比较复杂、可能导致复杂线路的业务,选择后直接进入人工服务。

所以,我个人认为招行的电话银行服务至少目前看来可以接受。

阿丁 发表于 December 30, 2006 02:47 PM

再补充一些,我想银行对以下应用的选择也肯定是以常用为先的原则进行排列,vivi根本无须全部10个选项听完而直接进入查询业务:
1帐务查询,2转账,3修改密码,4电话挂失,5通讯业务,6自助贷款,7自助缴费及一卡通上网,8神州行充值服务,9凭证式国债,0退出

不过我个人认为电话银行的方式如果能调整一下也许更为人性:
第一步:提示选择个人、企业;或者基金、外汇业务
> 用户选择个人业务

第二步:提示输入卡号,系统直接识别以下用户
(1存折户,2一卡通户,3个人信用卡户)
(10人民币,21港币,32美元;35欧元,65日元,43英镑,29澳大利亚元,87瑞士法郎39加拿大元,69新加坡元,)
(1活期,2 整存整取,3零存整取,4整存零取,5存本取息,6定活两便,7大额定期,8通知存款,9教育储蓄,0退出)

第三步:提示选择服务(1帐务查询,2转账,3修改密码...)

第四步:提示输入密码


当然,我对银行业务不了解,我只能从某个思路考虑:
即通过用户先输入卡号,系统直接识别卡号属于的类别(卡的属性、币种、以及其他类别)

个人所想而已,肯定有很多偏颇,谨做支持交互设计行业。

阿丁 发表于 December 30, 2006 02:59 PM

我在某杂志上看到关于产品的交互设计,后来在网上看到的大多都是关于网页软件的交互设计,不知道国内的产品这方面的是什么样的一种现状?

阳下 发表于 January 21, 2007 09:31 PM

上面那本杂志是外文的~~

阳下 发表于 January 21, 2007 09:32 PM

我的理解是交互设计包含界面设计而不是文章所讲的界面设计包含交互设计,不知道是否正确,请大家一起讨论

虫er 发表于 March 11, 2007 08:36 PM

同意虫er的说法,我是一家公司的设计师,但在着手设计UI界面的时候总是把精力花在分析用户流程和用户体验的细节上,潜意识已经把界面设计包含在交互设计中了

luy 发表于 March 16, 2007 09:51 AM

应对不同人的操作习惯,提供不同的简化流程。
这设计数据挖掘。

病毒养殖场 发表于 April 3, 2007 11:42 AM

对不起,04年出这个文章的确很不错。
但是将可用性等价于交互设计是否欠妥?
设计也在进步。
出了可用性,我更欣赏moggridge的这段话:
Artists and designers are trained to use the language of implicit meanings to add a rich communicative element over and above direct functional communication.If we only design the function of something,not what it also communicates, we risk our design being misinterpreted. Worse, we waste an opportunity to enhance everyday life.
windy女士也许并不是设计学科的,觉得您的观点太关注功能的合理性,而缺乏想象与优雅。
交互不仅仅是门技术,它更是门艺术。不是么?

pemiamos 发表于 July 21, 2007 04:34 PM

hi pemiamos, 请参见另一篇“交互,使用,交互设计(Interaction Design)和可用性(usability)“

http://www.dedream.com/research/archives/2004/09/aeaeieaecieaeae.html

谢谢你的意见和建议。

Windy 发表于 August 1, 2007 11:39 AM

对这个很感兴趣,希望有机会可以向您请教

dudu 发表于 August 14, 2007 05:39 PM

呵呵,举的那个电话银行的例子确实不错。
在ATM上也有这样的问题,我输入了密码,然后让我进入一个主界面,我再操作的时候告知我密码错误,我晕,你不会输入确认后就告知啊,还要我选择我是啥账户类型,难道银行系统不能从磁卡判断出是什么类型?如果不能判断为什么我按错了又纠正我呢。
交互设计真的很重要,最近在做一个石油行业软件,面对人群是非计算机专业工程人员,所以买了本Cooper的交互设计之路,跑到这里来了,呵呵

横刀天笑 发表于 October 15, 2007 06:35 PM

建议作者在举招行的例子的时候,能否给出您认为最好的解决方案,不要说些不管痛痒的理论。

西西小朋友 发表于 November 7, 2007 05:50 PM

虽然刚刚接触交互和界面设计,但看了以上的东西,也想略说一二。像招行的这个例子实际上我们生活中有碰到过很多,像各种电话卡服务啊,手机查询啊,售后服务等。我在使用时会很烦过程的烦琐而直接选择放弃。上面阿丁的建议在我看来还很不错,值得一试。调整一下各业务的顺序,得到的效果会大不相同。
还有关于交互与界面设计关系的争论。在没看这篇文章前,我一直认为交互是包含界面的。但看到WINDY所说的界面包含交互也觉得非常有道理。我想可不可以这样理解:界面与交互是一种相交的关系。彼此互相包含,又各有不同,侧重点不一样。不能简单的讲谁包含谁。
以上只是我的一点小小看法而已,望大家指教。

erna 发表于 November 13, 2007 10:40 PM

说得不错.

huohu 发表于 June 26, 2008 05:56 AM

发表评论:




记住您的信息?



    [页面提交需要一点点时间,请只按一次"发表"即可]