在创作交互输出稿之前，我们需要考虑的是，这份稿子将被谁阅读，需要包含哪些内容，以及如果缺少了什么可能会产生什么样的情况。不同的企业根据其规模和结构可能会有不同的工作流程，比如某些企业可能只有一个人负责多项任务，而另一些则可能没有特定的职位来专门处理这些任务。制作合适的交互输出稿是非常关键的，因为不同的企业有着不同的工作方式，因此我们需要根据自身公司的情况来制作出最合适的输出稿。
通常，交互输出稿将与以下几个职业进行对接：产品经理、产品运营、UI设计师、后台开发者、重构设计师以及前端开发者。不过，在实际操作中，我们往往只需与3至4个职业进行对接。对于产品经理和产品运营而言，他们主要关注功能实现以及页面跳转是否顺畅；对于UI设计师来说，他们主要负责原型布局，并确保视觉效果的一致性；后台开发者则主要关注逻辑关系和信息架构；重构设计师则专注于复现H5页面或网页中的交互操作和说明，如点击后的弹窗或者反馈；而前端开发者，则负责APP中的操作反馈，对于不同公司的称呼可能略有差异。
在人员较为分散且需求多变的情况下，如果希望知道每个交互元素由谁创建并且如何与UI设计配合，可以在交互稿中添加一个对接人名单。在制定交互输出时，还应根据产品阶段和需求选择合适的表达形式，有时候是一张图片展示所有细节，以便快速理解迭代变化，其他时候则是以网页文档形式呈现，以便复制文案并提供清晰的页面跳转导航。
图片展示型通常用于迭代过程中，当页数不多且内容集中时，便于使用Tower等工具贴图查看。而网页文档型则更适用于初版或大改版，它们可以扩展成为完整的产品功能文档，将需求与交互融合在一起。
首先是图片展示型，它通过一张图汇总各种细节，但实际上每个细节都独立解析：
信息架构：按照需求不同采用两种类型，一种为功能型，一种为层级型。在功能型中，重点体现每个页面入口及其相关操作，而层级型则强调按1到5级次序排列，显示整个应用结构。
操作流程：描述用户点击目标后的反馈行为，如弹窗、跳转或动效等。
原型布局：采用灰度层次、高质量还原内容，并保持尺寸与UI设计一半相符。
业务流程：描述主业务流程及逻辑判断。
优化要点：记录本次更新迭代优化点，便于各方快速了解。
交换说明：针对规则说明、动作描述及状态描述。
特殊操作：通过静态图或动态GIF表达难以用文字叙述的事项。
对接人员：明确上下游的人员责任，为问题解决提供便利路径。
最后，无论是图片展示还是网页文档，都应该包括但不限于以下8条基本要素（根据自身企业情况，可选择4至6条）：
原型布局
交换说明
操作流程
业务流程
优化要点
对接人员
特殊操作
信息架构
