交互设计的步骤是什么？

通常来说，交互设计都会遵循类似的步骤进行设计。

1、用户调研：通过用户调研，了解用户和其相关的使用场景，以便对其有深刻的认识，包括用户使用时的心理模式和行为模式，从而为后续的设计提供良好的基础。

2、概念设计：通过综合考虑用户调研的结果，技术可行性及商业机会，创建交互设计的目标产品（即新的软件、产品、服务或系统）。

3、创建用户模型：基于用户调研得到的用户行为模式，设计师通过创建场景和尺轿用户故事来描绘设计中产品余桐将来可能的形态。

4、创建界面流程：交互设计师通常需要绘制界面流程图，用于描述系统的 *** 作流程。

5、开发原型并进行用户测试：交互设计师通过设计原型来测试设计方案，即功能的测试，感官的测试，用户和系统交互的质量。

6、实现：交互设计师需要参与到方案的实现，从而确保实现是严格忠于原来的设计的同事，也要准备进行必要的方案修改，确保不伤害原有设竖困坦计的完整的概念。

7、系统测试：系统实现完毕进入测试阶段，可以通过用户测试发现设计的缺陷，设计师需要根据情况来对方案进行合理的修改。

完整的交互设计流程主要分为八个方面：定性研究、确定人物角色、写问题脚本、写动作脚本、画线框图、设计原型、专家评测、用户评测。

如果你想要知道具体怎样做，请继续看。

一、定性研究（QualitativeResearch）：

无论你用何种形式做调查，你的目的是了解用户的五个方面：

1、行为（Activities）：例如UI设计者用户多久用一次、一次用多久？

2、态度（Attitudes）：例如UI设计者用户看待产品的？

3、资隐蚂册质（Aptitudes）：例如UI设计者用户的学历？

4、动力（Motivation）：例如UI设计者用户为什么用？

5、技能（Skills）：例如UI设计者用户对使用相关产品是否熟悉？

二、确定人物角色（Persona）：

如果你的定性研究有所成功，这时你应该对你的用户有所了解了。根据上文中的五个方面，你需要挑拣出最典型的一个或几个形象。例如UI设计者的人物角色可能有：刚刚毕业的大学生、没有考上大学的高中毕业生、想要提升自己的上班职工、想要转型的平面设计师

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

三、写问题脚本（ProblemScenario）：

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

四、写动作脚本（ActionScenario）：

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

五、画线框图（Framework）：

此时你的交互方案已经有了抽象的想法，现在只要把它具象化就可以了。

六、设计原型（Prototype）：

就算没有程序员帮忙，可以使用的原型工具还是很多的。例如AxureRP和PencilProject都比较有名，国内也有不少。不过我只用过InVision，感觉还可以。不论用什么手法，哪怕是PPT或者PDF，只要做出一个可以交互的东西就行了。

一个原型是不可能实现所有功能的，所以你要确定几个可以走通的任物瞎务。例如能够成功在灶宏知乎里发布一个问题等。

七、专家评测（ExpertEvaluation）：

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

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

1、系统状态是否可见（Visibilityofsystemstatus）

2、系统是否符合现实世界的习惯（Matchbetweensystemandtherealworld）

3、用户是否能自由地控制系统（Usercontrolandfreedom）

4、统一与标准（Consistencyandstandards）

5、错误防范（Errorprevention）

6、减轻低用户的记忆负担（Recognitionratherthanrecall）

7、灵活性和效率（Flexibilityandefficiencyofuse）

8、美观简洁（Aestheticandminimalistdesign）

9、帮助用户认知、了解错误，并从错误中恢复（Helpusersrecognize,diagnose,andrecoverfromerrors）

10、帮助文档（Helpand）

---