
1.1 交互设计的基本概念
笔者一直在想,怎么才能用最好理解的语言给一个没有一点交互设计基础的人讲清楚交互设计是什么?思考了许久,笔者打算还是用最通俗的语言来解释,如此才更加符合本书从“零”开始的特点,并希望由浅入深地吸引大家进入交互设计的世界。
举个生活中简单的例子:交互设计就像你在自动饮料售卖机前,按照售卖机设定的规则和指定的动作与售卖机进行人机交互,这时就出现了一个词——交互(或者称为“人机交互”)。其中,人机交互过程如下。
我:我要喝饮料,看到有个自动售卖机可以买饮料。
售卖机:请选择一个我有的饮料。
我:我选择买可口可乐。
售卖机:售价3元,请投币3元。
我:投币3元。
售卖机:验证通过,出货。
我:喝到了饮料,满足了需求。
上述这个小例子就是一个人与机器交互的过程,看过之后相信你心中对交互会有一个初步的概念,接下来我们继续深入学习交互设计的基础知识。
其实上述这个人机交互的过程也是交互设计师进行交互流程设计的,包括一系列的业务操作流程、异常流程和分支流程,我们会在后面章节介绍。
为了方便读者深入理解交互设计的概念,这里采用另一种相对专业的语言解释。交互设计是指:通过系统设计的方法,使人与机器在互动过程中更符合人的心理期望、既定目标,使用有效的交互方式让整个过程达到可用性高、用户体验好的设计方式。
1.1.1 名词解释
本书会出现很多单词缩写,都是与交互设计相关的高频词,如表1-1所示,在阅读本书之前我们需要先了解一下,为后面的学习做准备。
表1-1 交互设计相关名词

1.用户界面(UI)
用户界面其实是一个比较宽泛的概念,指人和机器互动过程中的显示界面。以生活中的实物为例,如电脑的显示器、开机桌面、电视的播放画面等都属于用户界面。现在一般把屏幕上显示的图形用户界面(Graphic User Interface,GUI)都简称为UI。
现在UI这个概念比较普及了,一般所说的UI设计师是指GUI设计师,也就是图形界面设计师,主要负责产品或网站中图形或图标的色彩搭配。总之,负责网站的风格或气质都是UI的范畴。
2.用户体验(UE或UX)
关于用户体验,国外一般叫UX,国内叫UE的比较多。用户体验指用户在使用产品过程中的主观感受,比较直白的解释就是用户使用产品的感受是爽还是不爽。
关注用户使用前、使用过程中及使用后的整体感受,包括行为、情感、成就等方面,用户体验是整体感受。所以不仅仅来自用户界面,通俗地讲,这是一个整体的使用感受,包括受品牌影响、用户个人使用经验的影响。总之,就是让用户用着爽。
3.交互设计(IxD或IaD)
通过系统设计的方式使人与机器互动的过程更符合人的心理期望、既定目标,使用有效的交互方式来让整个过程达到可用性高、用户体验好的设计方式。交互设计的主要对象是用户界面(UI),但不仅限于图形界面(GUI),为了达到目标,交互设计师还需要关注心理学、文化、软件工程、艺术修养、动效、需求分析等方面的内容。也就是说,怎么让用户对网站的理解更明白,用起来更顺手,用户心里感觉更爽。
4.用户界面设计(UID)
用户界面设计不仅仅是做“漂亮的界面”,在实际的设计过程中会不可避免地涉及交互设计。所以广义地说,界面设计包含交互设计,但现在很少提这个概念了。现在的UID主要指前端界面,而交互更注重后端的流程和信息交互。
5.用户体验设计(UED)
用户体验是个人主观感受,但是共性的体验是可以通过良好的设计提升的,用户体验设计旨在提升用户使用产品的体验。互联网企业中,一般将视觉界面设计、交互设计和前端设计都归为用户体验设计。
实际上,用户体验设计贯穿于整个产品的设计流程,是必然涉及的,只是重视与否。一名优秀的用户体验设计师实际上需要对界面、交互和实现技术都有深入的理解。国内有很多大型互联网公司内部组建了UED团队。例如,百度MUX、阿里UED等团队,UED团队一般由多个角色组成,如UI设计师、UE设计师、用户研究。
1.1.2 交互设计发展史
看到交互设计的英文缩写,大概已经让很多读者感到纳闷,在很多参考资料中对交互设计用ID的英文缩写,这其实并不准确,互联网技术领域里,ID通常指信息设计(Information Design),而在传统的工业技术领域,ID指工业设计(Industry Design)。
所以,为了避免混淆现在的交互设计,一般缩写为IxD,也有人缩写成IaD。也就是说,IxD和IaD其实都是交互设计的意思。
另外,交互设计也叫“互动设计”,你会发现互动设计这个词已经被广告商和一些网站当成了竞价排名的SEO优化词,并且大多数都是与互动设计不相关的UI培训机构。他们把“互动设计”概念进行了包装,归根结底,其实就是曾经的“多媒体设计”,类似于Flash、AE、AF等动画特效。
以上几个称呼看起来虽然比较复杂,但其中都有着千丝万缕的关系。关于交互设计的来历,网上流传最广泛的一个版本是:Wikipedia上说是Bill Moggridge(比尔·莫格里奇,IDEO创办者,英国设计师)和Bill Verplank(研究人机交互的先驱,他获得机械工程学士学位和斯坦福大学产品设计专业的学士学位,随后又在麻省理工学院完成人机系统博士学位)两位前辈在20世纪80年代后期提出了“交互设计”概念,率先将交互设计发展为独立的学科。

Bill Verplank 图片来自:UX.BLOG
但网上又有大量资料显示,“交互设计”是Alan Cooper先生提出来的设计方式,并被推举为“交互设计之父”。

Bill Moggridge 1943-2012图片来自:YouTube
对于上述两种说法,笔者的了解应该是Moggridge和Verplank在20世纪80年代后期提出的概念,但当时不叫交互设计,而是后面Alan Cooper改为交互设计,之前的称呼是“Face Soft”,所以这两种说法都可行。如果你对交互设计的历史研究还有更多的兴趣,可以查看Wikipedia、Alan Cooper先生有关交互设计精髓的著作。

Alan Cooper 图片来自:wikipedia
1.1.3 交互设计的应用
交互设计的表现形式是行为设计,所以可以将交互设计看作一种设计理念,而这种设计理念适用于所有的设计领域。目前的情况是只要一说起交互,大家肯定会认为交互设计就是在做软件设计、电子产品行业、互联网相关项目等,事实上则不然,交互设计早就存在,只是大家都没有注意到。
交互设计在传统产品设计中的应用早就体现在我们的生活中,我们会与许多产品进行交互,有用得爽的,也有不好用的,那么你有注意过这些产品的交互设计吗?
像家庭用品中的电视机、音响,厨房里的电器或厨具,这些产品都有交互的影子。这里举个例子:可能很多人家里都安装有抽油烟机,老式的抽油烟机只具备抽油烟的单一功能,而经过迭代交互设计及用户体验改进,现在市场上的抽油烟机多数具备抽油烟、照明、洁净、静音等易用性功能,而这些新功能的出现就是一种新的交互形式,它可以提升人们对产品的使用体验。随着时代的发展、工业技术的提升,以及工程师与设计师专业知识的提升,让现在的抽油烟机具备更优质的用户体验。

智能抽油烟机的控制面板
新出现的抽油烟机的照明功能就属于交互设计范畴,因为设计师让机器与人多了一种交互方式,并提升了使用过程中的体验,推进了产品迭代进程。
提示: 新入行的交互设计者不要局限于某一种产品做交互设计,我们要将理念理解清楚,运用于你所遇到的任何行业都是可以进行交互设计创新的,而这也将是新的发展趋势。
1.1.4 交互设计职业上升空间
交互设计大神Bill Moggridge曾经说过人人都能做交互设计师,专业的交互设计师变得没有必要。那么是不是这个行业真的没什么前景呢?
在网络上曾经看到过有人分享的两句话,笔者认为可以解答上述问题:
前景——前景不是职业的前景,是人的发展前景
瓶颈——任何职业的瓶颈都一样:懒惰
在我们入行一门技术的时候要先看明白这两句话,觉得真心想做这件事的时候再决定入这行,否则后面越学越多,越学越累,自己就先放弃了。
依照目前的行情来看,交互设计行业的发展还是有非常大的空间的。
首先,交互设计本身就有三个发展阶段:
初级交互设计
中级交互设计
高级交互设计

这个行业目前来看是靠技术、专业能力吃饭,就像游戏升级一样,你的级别越高,价值越高。其实这个行业将来的发展趋势还是不错的,只要能认真、用心做事,你就会取得不错的成绩。
这三个级别的交互设计是需要很多年的工作经验积累而升级的,从入行的“小白”到具有多年经验的“大牛”需要用心沉淀与积累。当你在这个行业干够了,希望转行的时候,如果具备产品思维和能力,可以考虑转行做产品,如果有运营者的思维和能力,可以跨行做运营,以及UI和UE等很多职位可以互转,还有很多其他相关岗位扩展,例如,测试、需求分析、产品设计、工业设计。