摇臂摄像机助力5分钟掌握制作精彩交互稿技巧
在创作交互输出稿之前,我们需要考虑的是这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会产生什么情况。不同企业的规模和工作方式各不相同,因此制作合适的交互输出稿是至关重要的。通常,交互可能会与产品经理、产品运营、UI设计师、后台开发者、重构设计师和前端开发者进行接口,但经常性地对接的是3到4个职业。
产品经理和产品运营主要关注功能实现以及页面跳转是否频繁。UI设计师则负责原型布局,并根据原型设计视觉稿。后台开发者主要看逻辑关系以及整个信息架构,而重构设计师负责还原H5页面或网页,重点关注交互操作和说明,如点击后的弹窗反馈等。前端开发者则负责APP中的操作反馈,他们可能专注于数据交换或APP前端的还原工作(包括安卓和IOS)。
如果公司人员较多,那么同一位员工可能在不同的需求上承担不同的角色,这时候,在交互稿中添加一个对接人名单可以帮助识别每个人所做的贡献。在不同的产品阶段和需求下,我们应根据具体情况制作不同类型的交互输出。
常见的交互输出形式有两种:图片展示型和网页文档型。图片展示型适用于迭代过程中的小幅度改动,而网页文档型则更适合初版或者大规模改版,以便对接人员复制文案并查看清晰的页面跳转。
首先是图片展示型,它通常包含各种细节,比如信息架构、操作流程、原型布局等。在功能型信息架构中,我们着眼于每个页面入口及其相关功能;而在层级式信息架构中,则侧重于按层次排列显示APP结构深度。在操作流程部分,我们详述用户点击目标后的反馈,如弹窗或者跳转。此外,还需明确原始布局尺寸,以保证UI设计的一致性。
业务流程描述了主业务流程及逻辑判断,同时也要记录优化要点,每次更新都需标明每个页面更新了哪些优化元素。此外,对特殊操作进行示意图说明,可以通过静态图或动态GIF来传达难以用文字表达的情形。而对于对接人员,也应清晰指出所有相关方,以便问题发生时能够迅速找到相应责任人。
最后,无论是图片展示还是网页文档,都应该包含但不限于以下8条细则:1. 原始布局高质量还原;2. 交互说明;3. 操作流程;4. 业务流程;5. 优化要点;6. 对接人员列表;7. 特殊操作示意图;8. 信息架 构图(对于涉及多处迭代或初期版本)。