大眼睛女孩带你5分钟掌握交互稿制作闪耀视觉吸引关注
在创作交互输出稿之前，我们需要考虑的是这份稿子将被谁阅读，需要包含哪些内容，以及如果缺少了什么可能会产生什么情况。不同企业的规模和工作方式各不相同，因此制作合适的交互输出稿是至关重要的。通常，交互可能会与产品经理、产品运营、UI设计师、后台开发者、重构设计师和前端开发者进行对接，但经常性地对接的人员一般不会超过3-4个。
产品经理和产品运营主要关注功能实现以及页面跳转的情况；UI设计师则负责原型布局，并确保视觉效果符合设计要求；后台开发者关注逻辑关系以及整个信息架构；重构设计师负责恢复H5页面或网页，并解释交互操作和说明，如点击后的弹窗或反馈；而前端开发者则专注于APP中的一些操作反馈。
由于不同的公司有不同的称呼，甚至同一公司内人员也可能轮换处理不同需求，在查看交互稿时，如果需要了解该交互由谁制定，对接了哪位UI设计师，就应在文档中添加一个对接人名单。
根据产品阶段和需求，不同类型的交互输出可以制作。常见的表达形式包括图片展示型和网页文档型。在图片展示型中，将各种细节放置于一张图里，这样便于使用Tower等产品文档软件快速贴图检查迭代内容。而网页文档型则适用于1.0初版或大改版，它提供了清晰的页面跳转信息，便于扩展成为完整的产品功能文档，将需求与交互融为一体。
首先是图片展示型，它通常包含多种细节，如：
信息架构：两种类型，一种是功能性信息架构，一种是层级式信息架构。
操作流程：描述用户点击目标后的反馈，比如弹窗或者跳转。
原型布局：采用灰度层次，尺寸设定为UI设计尺寸的一半，以确保准确还原。
业务流程：描述主业务流程及逻辑判断。
优化要点：记录每次更新迭代中的优化要素，便于快速理解。
交互说明：明确规则、动作及状态描述。
特殊操作：通过示意图或GIF图形象地阐述复杂操作。
最后，还需列出对接人员，以便问题发生时能够迅速联系到相关责任人。此外，为大改版或者初版提供网页文档格式，也能整合上述所有模块，使其更加全面且易于导航。