单反相机是什么5分钟掌握交互稿制作技巧捕捉合适的输出效果
在创作交互输出稿之前,我们需要考虑的是这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会导致什么情况的发生。不同企业由于规模和工作方式的差异,其对接人员也会有所不同。因此,制作合适的交互输出稿是非常关键的一步,因为它能够确保我们的设计能够在不同的企业环境中有效地进行。
一般来说,交互可能会与产品经理、产品运营、UI设计师、后台开发者以及前端开发者等多个角色合作。但实际上,常见的对接对象通常只限于3到4个职业。这些建设性角色包括产品经理和产品运营,他们主要关注功能实现和页面跳转;UI设计师则负责原型布局和视觉效果;后台开发者关注逻辑关系和信息架构;而重构设计师则专注于H5页面或网页的操作说明,如点击后的反馈等。而前端开发者则涉及APP内的一些操作反馌。
为了提高工作效率,我们应该根据产品阶段和需求来制定不同的交互输出形式。目前最常见的两种形式是图片展示型和网页文档型。图片展示型适用于迭代过程中的小改动,而网页文档型则更适合1.0初版或者大改版,这样可以方便对接人复制文案并且查看页面跳转。
首先,我们要考虑的是信息架构,它可以分为功能型信息架构和层级型信息架构。在功能型中,我们主要关注每个页面的入口、功能以及操作流程,而在层级类型中,则更多地体现出APP的一个整体层级结构。
其次,是操作流程,它描述了用户点击某个目标时所产生的反馈,比如弹窗或者跳转到的新页面。此外,还有原型布局的问题,其中我们需要采用灰度层次,并且尺寸应为UI设计的一半,以确保原形与最终结果一致。此外,还有业务流程描述,以及优化要点,让对接人能快速了解本次迭代中的优化点。
最后,不同的人员之间如何协作也是一个重要问题,因此,在交互稿中添加对接人员名单,可以帮助解决沟通上的问题。当涉及特殊操作时,也需要通过图示或GIF动态图来传达难以用文字表达的情景。
总结来说,无论是图片展示还是网页文档,都应该包含以下8条细节(根据自身企业的情况,这里列出的细节数量可调整):
原型布局:高质量还原内容,以UI设计稿尺寸的一半。
交互说明:解释一些交互效果或规则。
操作流程:描述点击后的反馈是什么。
业务流程:描述主业务流程及其逻辑判断。
优化要点:快速了解本次迭代中的优化点。
对接人员:明确上下游协作团队成员。
特殊操作:使用图示或动态GIF来解释复杂行为。
信息架构(选项):特别是在初期版本或多处更新时,可以增加一个信息框架图以提供清晰指引。