一个完整的交互设计流程是怎么样的？

参考来源：知乎 庖丁开发整理编辑

维基百科是这么定义交互设计（Interaction Design）的：定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the interaction,即人工制品在特定场景下的反应方式)相关的界面。

交互设计是在近几年才慢慢被国人所熟知，目前只有一些较大规模的公司才会设有专门的交互设计职位，小公司一般是 UI 或者 PM 把交互设计的工作包了，那么交互设计职位的工作到底有哪些呢？今天丁丁就来跟大家谈谈交互设计的工作内容以及流程，需要说明的是其实并没有标准的交互设计流程，另外，这些步骤并不是每步都是必须的，要根据项目去分析你所使用的方法。

用户研究

交互设计的初衷就是解决用户的问题。不论设计什么产品，能够被用户认可的途径只有这个产品解决了他们生活中的一个问题。交互设计的第一步，不论是对成熟产品还是初创产品都一样，就是定义这个设计到底要解决用户的什么问题，这一步可以说至关重要。

用户研究就是围绕以用户为中心所进行的活动，使用户实际需求成为产品设计的导向，使产品更贴近用户。目的是为了定位产品的目标人群和用户需求，办法有用户访谈，实地考察，发放问卷等等。

不管你是以哪种形式做研究，在这个过程中，你需要了解：

• 行为（Activities）：例如用户多久用一次、一次用多久？

• 态度（Attitudes）：例如用户怎样看待这个产品？

• 资质（Aptitudes）：例如用户的学历怎样？

• 动力（Motivation）：例如用户为什么用？

• 技能（Skills）：例如用户对使用相关产品是否熟悉？

确定人物角色（Persona）并建模

如果第一步的用户研究有所成功，这时你应该对你的用户有所了解了。根据上面提到的五个方面，你需要挑拣出最典型的一个或几个形象建模。例如逛知乎的人物角色可能有：比较普通的求知者、特定领域的专家、到处灌水的……

你不但要确定这些人物角色（Persona）的主要特点，还要确定他们的需求和目的。为了增加真实性，可以给人物角色（Persona）取名字，选一张照片，细化他们的背景资料。

到这里，你已经对人物角色（Persona）非常理解了，可以设想出他们在使用产品中可能遇到的问题了。这时候为每一个人物角色列一个问题清单，也可以把它们整理到一个简短的故事里。

接下来就是为已列出的问题给出可能的解决方案，然后写一个简短的故事把这些解决方案囊括进去。写成故事的好处是代入感较强，对别人来说容易理解。国内比较推崇故事版，但是把所有情景画出来的效率是非常低的。

画线框图、制作原型

到了这里，你对你的交互方案已经有了一个很抽象的想法了，只需要把它具象化就可以了。这时候需要做的就是把流程图以及线框图画出来，它可以帮你把产品的逻辑理顺，同时也是跟PM以及程序员沟（si）通（bi）的利器，特别是对于比较复杂的产品来说，流程图、线框图显得尤为重要。

确认订单～

制作原型可以让团队对产品的理解无异议，对最终的产品有更直观的了解，同时对下一步的测试评估提供了便利，不然等出完视觉稿甚至产品开发出来再测试，出了问题改起来那就太麻烦，不仅浪费人力，更是把整个项目都耽搁了。

测试评估

丨专业人士测试评估
原型完成后召集两三个设计师或者对交互比较了解的人，使用并评测原型。你可以将原型所关注的几个任务列出来，以免专家不知道原型哪部分可交互哪部分不可交互。

比较常用的评测方法是启发式评估法，而这种方法比较常见的标准是尼尔森交互设计法则。以下是十条尼尔森交互设计法则：

• 系统状态是否可见

• 系统是否符合现实世界的习惯

• 用户是否能自由地控制系统

• 统一与标准

• 错误防范

• 减轻低用户的记忆负担

• 灵活性和效率

• 美观简洁

• 帮助用户认知、了解错误，并从错误中恢复

• 帮助文档

那么如何做启发式评估法呢？很简单，专家们各自将自己发现问题列出来，并将之与对应的法则相关联，或者根据法则来查找问题，然后专家们分别给自己的问题打分。专家们完成自己的问题列表后，一起讨论，将问题整合起来。
常用的打分方法如下：

• 4分 – 问题太过严重，一旦发生用户的进程将会终止并且无法恢复
• 3分 – 问题较为严重，很难能恢复
• 2分 – 问题一般严重，但是用户能够自行恢复，或者问题只会出现一次
• 1分 – 问题较小，偶尔发生，并且不会对用户的进程产生太大影响
• 0分：不算问题
  记住：评测完后别忘记修改你的线框图和原型！

丨用户测试评估
原型通过专家评测后，你可以找一些典型用户使用原型。你可以把任务列给他们，让他们自己尝试完成任务。中间遇到的问题可以记录下来，设计师通过观察来进行评分。

比较常用的用户评测方法是让用户使用原型完成指定的几个任务，让他们在使用过程中将他们的每一步和心中的想法说出来。如果他们忘记说或者不知道该怎么说，你可以适当提问。与此同时，你要将屏幕和声音录下来，可以用录屏软件或摄像头。完成后，你回放这些视频，把观察到的问题和用户报告的问题全部记录下来，与交互法则关联并且打分。

改善设计，持续迭代

说到最后，交互设计的精髓不就是产品的迭代么，哪里没做好改哪里。对于开发周期很长的产品，互联网行业赋予设计师最大的自由度，就是随时没做好，咱就改呗_{具体步骤就是酌情重复前面四步啦}

以上就是交互设计的工作内容以及工作流程，需要强调的是，上面的流程是理想状态下的流程，实际上每个公司、团队都有自己的工作方式。交互设计是一个涉及面很广的学科，但始终记住一点，你做的一切都是围绕用户为核心去优化的。

文章首发于「庖丁开发」公众号，公众号文章里有在文章内做左右滑动的交互图（简书里无法实现），想了解的朋友可以回复「庖丁开发」公众号「技能」俩字获取教程。