如何输出一份专业优秀的交互文档？

在项目设计中，交互设计师与上游品经理，下游视觉设计师，开发工程师和测试等岗位工作密不可分。不论是承上启下工作沟， 是案评审设计讲解，专业交互设计师应该具备优秀表能力，不仅是语言表，交互文档的表达尤重要。交互档是对接上游岗位，利于协同团队工作的重要输件。（本会 Axure 软件输形式举例说明）

一、交互文档的输出原则

交互文档本身就相当于一个产品，要考虑上下游不同岗位（目标用户）对交互文档的不同需求（用户目标）。交互文档输出则（计目标），在文档的结构，内容和形式上可总结为三大则：

1. 逻辑严谨，文本简

逻辑混乱的文字表达通常会显得比较啰嗦，甚至会让人不知道你要表达的是什，降低了阅读效率，也增大了沟通成本。交互文档的整体内容结构页面内容结构（文字关系）的书写要思路清晰，逻辑严谨，简扼要，并尽可能的做「不重复，不遗漏」将交互计的思路和方案更好的可视化。当然，逻辑和文本的表达都是可以训练的，日常生活中也应该注这方面的培养提升。

2. 便于迭代，利于协同

刚入行的候是一名 UI 计，的第一交互文档是用 PS 做的，在 PS 输出图片再粘贴 Axure 上，首先是文档管理起来麻烦，其次是编辑起来不方便，迭代修改都要找对应页面的 PS 源文件修改后再转移 Axure，工作效率大大降低。交互稿在方便别人的同，也应该方便，而却忘记了也是这个产品的用户。

章开始说到交互档是对接上游利于协同团队工作的重要输件，档应该保证利于他岗位人员的查看或编辑的。如在档格式方面，如果你是 Axure 做设计，发给对方源件外要生成一份 HTML 件，这样就算对方没有 Axure 软件，可顺利打开。

3. 美即适

美国心丹尼·麦克尼美即好效应：「对一个外表英俊漂亮的人，人们很容易误认为他或她的他方面很错。」

交互文档不仅要逻辑「美」，表现层也要考虑视觉上美，可以从图文排版、体大小、明暗层等去考虑。输出份美交互文档从视觉上来说能潜移默化促进们形成正积极态度，积极态度会使你交互评审更高效，也会提升程序大哥们写代码过程愉悦感。然，追求美出也应该是设计师职业素养。

二、交互文档的结构与内容

下我简单介绍下交互文档输出思路，供大家学习参考。这里要注意是，位设计师要根据公司实工作情况来定文档样，有针性地进设计输出。

文档的整结构以理为图书中的目录部分，下图是我整理的一份文档结构模板，分为文档封面、更新志、设计思路、需求表、互稿、废纸篓六个部分。必要时，还包含信息架构、交互规范说明、页流程图等部分。

1. 档封面

这个分呈现产简介，包含版本信息、参与人员等基本信息。

2. 更新日志

在项目中计方案的修改和优化是不可避免的，方案有调整更新日志就比较重要了。更新日志可以清晰记录新增或修改了哪个体页面，新增或修改的内容是什，日期、版本……这项目成员就可以一目了然关注重点修改的更新息，提升了工作效率。

3. 设思

这一部分交互审会中尤重，因参加审的人很可能还不了解这项目，如果我们会直接讲方案，忽略设思的讲解，审的过程就很可能局限了布局排版，审也就了意义。将设过程加结构化呈出，如概述项目背景、目标用户、产品目标、场景分析、用户目标 、设目标与设思（如图），方便他人理解整项目背景下的设思，也方便以后回溯总结项目设。但必将全部的分析内都，毕竟这份文档不需求分析文档，筛选入重且当的内展即可。

任务流程用图形化的形式表达产品逻辑关系的骤过程，指用户使用产品中操作后的各种结果反馈。行流程设提完全了解需求，站用户的角度去考虑引导用户完用户目标，关注用户的操作不仅可以让的思维清晰，还可以避免操作逻辑的遗漏。也能让其他人能速理解。

4. 需求表

当互设计中涉及到其他位的需求时（动画、语音、音效等），选择表呈现，或是提供共享盘路径方便他人查看，但要得在需求更改或更换路径要及时更新，个部分根据际情况选择呈现。

5. 交互稿

交互稿主体结构功能层级要晰，合理命名，格统，新增/改内容以及日期要统标识晰，便他浏览查找。

交互稿单页含界图、设计说明。不要含太多功能交，便他理解。交互说明可以过文，流程图配合呈现，比纯文说明更观。要注意不要遗漏异常、特殊情况说明，保证交互说明思路晰而内容详尽，交互说明类型有以下几：

• 限制：包含极限值、范围值等，如：数值是否存在极值，最多显示多字符，多是否折行，如99+等。
• 状态：含默认状态、常见状态、特殊状态。
• 操：包含常见操（正常操得到的反馈）、特殊操（极端情况操）、误操、手势操（双击、长按、捏、伸、滑动）等。
• 反馈：操作后得到的反馈动作（提示、跳转，动画语音）。

6. 废纸篓

交互档中的收（后悔药），废弃的页面或过程方案稿别急着删除，方案在断调整优的过程，本为没有的页面，统统放这里，后期很可的到。

三、后记

同的公司会有同的工作流程，根据项目、流程等实际情况来设计适合自己的交互设计文档。当然，最重要的还是对计本身的多方面思考。在什的景下，你通过什方式解决了什问题，还有没有更好的方式…… 细致去析并权衡取舍，就可以做出一逻辑清晰会表达的交互计文档了。