希区柯克式交互魔力5分钟内诠释完美输出

在创作交互输出稿之前,我们需要考虑的是,这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么会导致什么样的情况。不同规模的企业可能会有不同的工作流程,甚至有的企业可能没有特定的职位来负责这些任务。因此,制作一份适合每个企业的交互输出稿是非常重要的。

一般来说,交互可能需要与产品经理、产品运营、UI设计师、后台开发者和前端开发者进行沟通。但通常我们主要与3到4个人对接。这包括产品经理和产品运营,他们关注功能实现和页面跳转;UI设计师则主要看原型布局和视觉效果;后台开发者关注逻辑关系和信息架构;而重构设计师则专注于恢复H5页面或网页,并解释点击后的反馈。而前端开发者则负责APP内的一些操作反馈。

根据需求的不同,我们可以制作出不同的类型的交互输出。在迭代过程中,我们通常使用图片展示型,而在初版或大改版时,则更倾向于使用网页文档型。

图片展示型最常见是在一页图中包含所有细节,比如信息架构、操作流程、原型布局等。在这里,每种细节都分开解释,但实际上它们都位于同一张图中。例如,一张图里可以包含功能性信息架构,以展示每个页面以及它们之间的关系,还有一种是层级式信息架构,它显示了APP中的各个层次结构。

操作流程详细说明了用户点击某个目标时发生的事情,比如弹窗出现或者跳转到新页面。此部分对于后端开发至关重要,因为他们需要确保这些动作能够正确执行。

原型布局采用灰度层次,以便于UI设计时保持尺寸的一致性。如果原型尺寸不当,那么即使UI设计得很好,也无法达到预期效果,因此建议采用公司标准尺寸的一半作为原型大小。

业务流程描述了APP主业务流程及逻辑判断,如注册后的状态变化等。此外,每次更新迭代也应在交互稿中标明优化要点,以便对接人员快速了解所需变更。

最后,对接人员列表也是必不可少的,它帮助我们找到相关责任人以解决问题。无论是图片展示还是网页文档形式,都应该具备以下8项关键细节:1) 原型布局;2) 交互说明;3) 操作流程;4) 业务流程;5) 优化要点;6) 对接人员清单;7) 特殊操作示意图;8) 信息架构图(尤其在涉及多处更新或初期版本)。

上一篇:机电设备安装过程中应注意哪些安全问题
下一篇:卫生间装修材料明细表让你的厕所变身豪华水城