在创作交互输出稿之前,我们需要考虑的是这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会产生什么情况。不同企业的规模和工作方式各不相同,因此制作合适的交互输出稿是至关重要的。通常,交互可能会与产品经理、产品运营、UI设计师、后台开发者、重构设计师和前端开发者进行对接,但经常性地对接的人员一般限于3-4个职位。
产品经理和产品运营主要关注功能实现以及页面跳转是否合理;UI设计师则负责原型布局,并确保视觉效果符合要求;后台开发者则重点关注逻辑关系以及整个信息架构;重构设计师负责还原H5页面或网页,主要包括交互操作和说明;而前端开发者则专注于APP中的操作反馈。
由于不同的公司有不同的称呼,有时同一职位在不同公司中可能存在差异。如果团队人员较多,而且需求繁多,那么在交互稿中添加一个对接人名单将非常有用,以便每个人都清楚自己负责哪部分工作。
根据产品阶段和需求,可以制作出不同的类型的交互输出。常见的表达形式包括图片展示型和网页文档型。图片展示型适用于迭代过程中的小改动,而网页文档型则更适合初版或者大幅度修改时使用,它提供了清晰的页面跳转路径,并且可以扩展成完整的产品功能文档,将需求与交互整合到一份文件中。
首先来看图片展示型,这种方式通常会将所有细节都集中在一张图里。在实际应用中,每种细节都是独立解析,但实际上是在同一张图里。此外,还有两种信息架构:功能型信息架构,侧重于显示每个页面入口、功能及操作等,以及层级型信息架构,它通过12345...级别排列清晰地呈现出APP的一系列层级结构。
其次是操作流程,这涉及用户点击后的反馈,如弹窗或跳转等。此外,还要注意原型布局采用灰度层次,与UI尺寸保持一致,以避免因为尺寸不匹配导致最终效果差异过大。此外,还需要描述业务流程,如注册后的状态判断等,以及优化要点,让对接人员能够快速了解本次更新所带来的优化内容。
最后,不论是图片展示还是网页文档,都应该包含以下8条关键细节:1. 原始布局高质量还原内容并保持与UI尺寸的一半比例;2. 交互说明明确一些复杂规则或效果;3. 操作流程详述点击后的反馈行为;4. 业务流程描述主业务流程及逻辑判断;5. 优化要点快速概览本次迭代优化点供即时查看;6. 对接人员明确上下游协作人选以便问题解决迅速找到相关责任人;7. 特殊操作单独制作示意图处理复杂动作描述难以文字表达的情况;8. 信息架构图,在涉及多处改动或初期版本增加此类辅助视觉工具帮助理解全貌。