从一开始选择做交互设计这个岗位，我就一直在思考：“交互设计究竟是什么东西”。近段时间以来参加了一些面试，每次面试都会让我去重新思考一下这个问题。加上最近又做了一些工作，看了一些资料，对这个问题又有了一些新的认识，所以来记录一下。

普通大众认为的交互设计

交互设计作为一个新兴职位，可能大部分的人都还不知道有交互设计这个岗位，不过这并不妨碍他们对于交互设计的认知。举个例子，他们可能会知道“摇一摇”或者“扫一扫”，并且可能每天都在用这两种交互方式。

“摇一摇”是由微信带起的一种风靡全国的交互方式，通过简单的左右晃动手机，伴随着来福枪的枪声就可以找到同时在摇动手机的人，然后进行陌生人社交。

“扫一扫”则是微信带来的另外一种交互方式，通过手机摄像头扫描二维码，即可读取二维码的信息。扫一扫可以解决从其他端口到手机端的传输问题，比如在PC网页上扫描二维码下载东西。

其次就是微信发送图片的那个交互方式：如果在发照片的前一段时间有发生拍照、截屏或者保存照片的行为，当你按下添加键时，微信会询问你是否是要发送该照片。

以上的交互设计的例子可能代表绝大多数人对于交互设计的认知，虽然他们可能不明白交互设计具体在做什么，但是他们会形成这样的刻板印象：交互设计就是优化使用的体验。

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

交互设计师现在主要活跃在各种互联网产品设计中。互联网产品主要包含这些人：产品经理、交互设计师、视觉设计师、开发工程师。他们在产品设计中的各种步骤发挥自己的作用。

产品经理：让产品有用。这里的有用是指让产品具备某种功用，或者说满足用户的某种需求。互联网的产品经理无时无刻不在挖掘用户的需求，然后设想解决方案去满足用户的需求。产品经理定义了产品最基础的功能，让产品变得有用处。

交互设计师：让产品的内在变得好用。交互设计师是衔接产品经理的下一个环节，负责把产品经理抽象的需求具象化成流程和界面。通过统筹页面布局，使得每个页面的表达更加详略得当，用户可以一眼抓住最重要的内容。通过统筹操作流程，让用户可以高效地完成自己的任务。可以看到，交互设计师的作用就是使得产品变得好用，而且对于这种“好用”，用户可能可以感觉得到，但是具体却是说不清的。所以说这种好用是内在性的好用。

视觉设计师：让产品的外在变得好用。交互设计师设计完页面和流程之后，到用户具体接触到的成品还有一个步骤，那就是视觉设计师做的事情。视觉设计师把交互设计师那些粗略的界面丰富起来，通过颜色、字体、图形、动效（交互设计师也会参与动效的设计）的润色，使得界面变成实际产品中那种色彩斑斓、活灵活现的界面。这就是用户可以实实在在感受到的东西，所以说这种好用是外在性的好用。

开发工程师：让产品真正能用。前面产品经理和设计师做了那么多工作，其实都是在做模型，真正把模型建立成真正产品的人是开发工程师。如果没有开发工程师，前面做的那么多都是纸上谈兵而已。所以说，开发工程师让产品“能用”起来。

交互设计的三要素

交互设计师的作用在于让产品变得好用、易用。这其中交互设计师需要进行大量的思考，其中思考的主要内容就是根据三要素来进行的。

用户

交互设计的服务对象是用户，我们根据用户来指定相对应的交互流程和界面。所以这要求交互设计师要具备同理心，换句话说，交互设计要经常进行换位思考，站在用户的角度去思考问题。去设想用户会怎么做，然后根据用户的心理模型去进行相应的设计共组。

需求

交互设计是承接产品经理的工作的，产品经理会提供一系列的需求。交互设计师需要根据需求来进行设计，所以交互设计的第二个要素是需求。从这点可以看到，交互设计师需要平衡用户和产品经理这两个角色的诉求，这一点是很考验交互设计师的能力的。

场景

有了用户，有了需求，接下来就是要设想用户的使用场景。交互设计师做的每个设计都是基于用户场景来进行的，所以场景至关重要。如果要在三要素里面挑选一个最重要的要素，我觉得应该就是场景的。场景实际上包含有“人、物、动作”三个维度，在一定程度上可以说包含有前面两个要素。

交互设计的产出

与其他职位不同，交互设计师的主要工作其实是思考，思考各个流程和页面，做反而是比较小的部分。这是，说到底每个职位最终都要看自己的成果说话，所以交互设计师的产出究竟是什么呢？

页面：交互设计产出物之一就是界面，不过这里的界面只是线框图界面，线框图就是简单的线条和方框构成的图，主要是定义的是界面上的元素有哪些？位置要怎么摆放？大小对比是怎么样？

线框图[2]

流程：交互设计的第二项产出是流程，可以是流程图，也可以是界面的流程。

流程图[4]

页面流程[3]

信息架构：交互设计师还有一项很重要的事情是梳理产品的信息架构。当产品的内容和功能变得很大很大的时候，就需要这一步骤。好的信息架构可以让用户快速找到自己想要的东西。信息架构梳理的最终产出就是思维导图。

信息架构

交互方式：交互方式还有一项工作是构思交互方式，主要是交互动作的触发方式。比如上文的“摇一摇”和“扫一扫”。同样的还有下拉刷新、瀑布流等，这些都是属于交互方式的创新，不是一般的交互设计师是能做的。

从当初选择做交互设计师到现在做第二份实习工作，对于交互的理解也在逐渐加深，也越发觉得当初的选择没有选错。期待我能在交互设计这条路上越走越远吧。

参考资料

[1]张小龙2011年华中科大演讲实录：“摇一摇”源于性暗示和性驱动-虎嗅网

[2]20个出色的移动线框图设计工具 – 站长之家 

[3]9步开发出一款iPhone 应用 

[4]解析流程图与线框图的几种分类 – 网页设计

本文由 @yqqyzy 原创发布于人人都是产品经理 ，未经许可，禁止转载。