在设计过程中，设计师需要建立一个交互描述文档，通过该文档可以将场景梳理和页面交互行为清晰地展示给团队成员，从而有效降低沟通成本，促进业务流程。本文从交互文档的查看者、交互文档的内容以及什么是优秀的交互文档三个方面对交互文档进行了全面的阐述。让我们看看。 　　

　　

　　 　　

　　

　　交互描述文档是体验设计师连接上游产品经理，连接下游UI(如果交互和UI有区别的话)开发的重要素材，是对场景梳理和页面交互行为相关的功能需求的说明。 　　

　　

　　一般团队只需要静态的交互文档，有些场景还需要操作性的交互演示。需要根据团队或职能需求灵活处理。 　　

　　

　　所以，一份足够完整和详细的交互说明文档可以减少沟通成本及信息不对称。 　　

　　

　　# 1.谁需要阅读交互式文档？ 　　

　　

　　## 1\.生产部经理 　　

　　

　　首先不同公司，不同团队产品经理与交互设计师或UE设计师之间的配合输出物是不固定的。 　　

　　

　　*一些公司产品经理输出更仔细，这将伴随着原型和说明。寻找互动会议更多的是从体验层寻找可能的问题； 　　

　　

　　*在某些情况下，当有各种原因时，可能是交互的一个词，交互需要从功能规划、信息架构、原型描述一起做。 　　

　　

　　*还有一个相对正常的过程，就是产品搞珠三角和互动文档，彼此之间的逻辑可以互相印证。 　　

　　

　　## 2\.用户界面设计器 　　

　　

　　不同公司团队，岗位名称不同或职责不同，需要输出UI界面稿的可能是UI也可以是视觉设计师。 　　

　　

　　作为交互设计者的下游，他们有时需要更早地介入需求沟通，以避免后期可能出现的问题。 　　

　　

　　## 3\.前端工程师 　　

　　

　　前端团队如果不看交互说明文档，那一般就需要以PRD文档为主，这个的话，需要看公司团队的流程是怎样的！ 　　

　　

　　一般来说，建议前端团队看交互文档。毕竟相关规则的页面实现和取值一般都涉及到交互文档中。 　　

　　

　　# 2.互动文档有哪些部分？ 　　

　　

　　 　　

　　

　　## 1\.修订记录 　　

　　

　　修改的目的不仅仅是为了让我们的交互文档更加专业，更重要的是帮助团队或者其他协作者知道你在修改什么模块，避免浪费时间一一确认细节的调整点。因此，建议在输出时保留描述文档。 　　

　　

　　## 2\.需求描述 　　

　　

　　需求描述的目的是说明交互设计目前的业务背景，说明交互或体验设计师需要注意哪些痛点。同时也可以减少其他协作设计人员之间不必要的交流，提高协作效率。 　　

　　

　　 　　

　　

　　## 3\.业务流程 　　

　　

　　业务流程涉及当前需求或当前功能模块的业务操作闭环。按任务和链接整理用户操作的细节。(业务流程图：用于描述业务流程，通过一些特定的符号和连接来表示具体业务的实际处理步骤和流程，详细描述任务的流程走向) 　　

　　

　　 　　

　　

　　## 4\.页面流 　　

　　

　　页面层次之间的信息连接关系。这部分的信息内容可以在交互方案设计过程中同步。 　　

　　

　　 　　

　　

　　(案例来源 *** ，侵删) 　　

　　

　　## 5\.原型设计 　　

　　

　　1）原型交互展示整体逻辑 　　

　　

　　 　　

　　

　　2）页面交互说明方式 　　

　　

　　根据设备的不同，交互设计文档的输出显示也略有不同。通用移动终端(手机、手表、AR)交互设计呈现左右结构、左图右文的倾斜方式；而WEB端(客户端、大屏、智能设备等。)是向上下结构倾斜的，如下图所示。 　　

　　

　　主要目的是方便上下游合作者查看和理解。部分项目，还需要将整个流程整合到页面流程中，即方便减少与其他协作者的沟通成本。 　　

　　

　　

限于篇幅以及自己当前所处行业问题，其他关于埋点侧的东西暂不进行阐述。后续会针对电商领域案例有针对的聊聊自己对于埋点的理解！

　　

# 三、你认为怎样的交互文档是优秀的？

　　

一份比较好且规范的交互说明文档，不仅可以彰显自己的专业能力，而且还可以帮助团队提升工作协作效率。那怎样的文档才算是一份比较好的交互说明文档呢？

　　

这个标准我也不是很清楚，只能依据当前和不同团队协作过程中取得的效果来说说自己的一点点看法。

　　

认知一致的业务目录我们在输出交互说明文档的过程中，尽量不要去变动产品PRD的说明思路，所涉及的交互功能设计方案也尽量与业务流程保持一致，非必要不变动，变动必提前同步同团队及协作团队。这样可以降低上下游的学习和认知成本，目录的一致也可以给自己做交互文档有一个清晰的规划思路。

　　

描述简洁明了，言简意赅我们的交互说明不是越多越好，文字多并不代表一定专业。阐述内容时，首重逻辑梳理，其次再是流程节点，最次才是文字描述。而且在这个过程中，还需要明确一点，如果可以用控件元素进行说明的，就不要再赘述一些文字内容了。

　　

模拟真实环境，数据尽量保持逻辑性关于这一点很多人恐怕都会忽略掉，只是交互稿而已，干嘛搞那么麻烦呢？但是对于数据模拟的真实性或起码保持数据逻辑的真实性，一方面可以将场景尽量还原更加贴近真实环境，另一方面，也可以方便下游开发更快理解页面逻辑顺序，减少沟通协作成本。

　　

公共组件相关的说明，统一说明展示交互说明文档中会涉及重复的组件模块，这个时候，如果我们复制粘贴之后，虽然工作量不大，但是会产生两个方面的后果：

　　

* 对下游人传递的信息就会不明确，两处的说明到底有无不同？

　　

* 如果要进行修改，所有涉及的部分都需要进行更新，会耗费不必要的时间和精力。

　　

为了降低团队协作成本，所以，涉及多模块或多页面公用相同组件的，更好是在一个地方进行统一说明，涉及相关说明的加一个跳转链接进行展示相关的使用细节。

　　

最后的一个小分享，我们在进行初次交互设计评审或者二次交互设计评审之后，依据公司或团队协作方式的不同，一定要及时将更新后的设计稿同步到上下游，不仅仅是项目协作涉及的同学，必要时如果是邮件就抄送一份各利益相关人上级一份，如果是OA办公协作软件，就更好在项目协同群把他拉进群并@他，确保更新后的信息同步到位。

　　

具体缘由，各位应该都是心知肚明的！

　　

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

　　

题图来自 Unsplash，基于 CC0 协议