交互设计入门指南.pdfVIP

让每一名学员高薪就业

交互设计入门指南

1、普通大众认为的交互设计

交互设计作为一个新兴职位，可能大部分的人都还不知道有交互设计这个岗位，不过这

并不妨碍他们对于交互设计的认知。举个例子，他们可能会知道“摇一摇”或者“扫一扫”，

并且可能每天都在用这两种交互方式。

“摇一摇”是由微信带起的一种风靡全国的交互方式，通过简单的左右晃动手机，伴随

着来福枪的枪声就可以找到同时在摇动手机的人，然后进行陌生人社交。

“扫一扫”则是微信带来的另外一种交互方式，通过手机摄像头扫描二维码，即可读取

二维码的信息。扫一扫可以解决其他端口到手机端的传输问题，比如在网页上扫描二

PC

维码下载东西。

其次就是微信发送图片的那个交互方式：如果在发照片的前一段时间有发生拍照、截屏

或者保存照片的行为，当你按下添加键时，微信会询问你是否是要发送该照片。

以上的交互设计的例子可能代表绝大多数人对于交互设计的认知，虽然他们可能不明白

交互设计具体在做什么，但是他们会形成这样的刻板印象：交互设计就是优化使用的体验。

2、交互设计在产品设计的地位

交互设计师现在主要活跃在各种互联网产品设计中。互联网产品主要包含这些人：产品

经理、交互设计师、视觉设计师、开发工程师。他们在产品设计中的各种步骤发挥自己的作

用。

产品经理：让产品有用。这里的有用是指让产品具备某种功用，或者说满足用户的某种

需求。互联网的产品经理无时无刻不在挖掘用户的需求，然后设想解决方案去满足用户的需

求。产品经理定义了产品最基础的功能，让产品变得有用处。

交互设计师：让产品的内在变得好用。交互设计师是衔接产品经理的下一个环节，负责

把产品经理抽象的需求具象化成流程和界面。通过统筹页面布局，使得每个页面的表达更加

详略得当，用户可以一眼抓住最重要的内容。通过统筹操作流程，让用户可以高效地完成自

己的任务。可以看到，交互设计师的作用就是使得产品变得好用，而且对于这种“好用”，

用户可能可以感觉得到，但是具体却是说不清的。所以说这种好用是内在性的好用。

视觉设计师：让产品的外在变得好用。交互设计师设计完页面和流程之后，到用户具体

接触到的成品还有一个步骤，那就是视觉设计师做的事情。视觉设计师把交互设计师那些粗

略的界面丰富起来，通过颜色、字体、图形、动效（交互设计师也会参与动效的设计）的润

色，使得界面变成实际产品中那种色彩斑斓、活灵活现的界面。这就是用户可以实实在在感

受到的东西，所以说这种好用是外在性的好用。

开发工程师：让产品真正能用。前面产品经理和设计师做了那么多工作，其实都是在做

模型，真正把模型建立成真正产品的人是开发工程师。如果没有开发工程师，前面做的那么

多都是纸上谈兵而已。所以说，开发工程师让产品“能用”起来。

3、交互设计的三要素

交互设计师的作用在于让产品变得好用、易用。这其中交互设计师需要进行大量的思考，

其中思考的主要内容就是根据三要素来进行的。

用户

让每一名学员高薪就业

交互设计的服务对象是用户，我们根据用户来指定相对应的交互流程和界面。所以这要

求交互设计师要具备同理心，换句话说，交互设计要经常进行换位思考，站在用户的角度去

思考问题。去设想用户会怎么做，然后根据用户的心理模型去进行相应的设计共组。

需求

交互设计是承接产品经理的工作的，产品经理会提供一系列的需求。交互设计师需要根

据需求来进行设计，所以交互设计的第二个要素是需求。这点可以看到，交互设计师需要

平衡用户和产品经理这两个角色的诉求，这一点是很考验交互设计师的能力的。

场景

有了用户，有了需求，接下来就是要设想用户的使用场景。交互设计师做的每个设计都

是基于用户场景来进行的，所以场景至关重要。如果要在三要素里面挑选一个最重要的要素，

我觉得应该就是场景的。场景实际上包含有“人、物、动作”三个维度，在一定程度上可以

说包含有前面两个要素。

关于交互设计的三要素，这儿有个超详细的系列教程：

《基础知识！聊聊交互设计三要素之信息架构和流程设计》

《基础知识