海马体照相馆5分钟内拍出完美交互稿
在创作合适的交互输出稿之前,我们需要考虑这份稿子将会呈现给谁,包含哪些关键内容,以及在缺少某些元素时可能出现的问题。不同的企业规模和工作流程可能会有所不同,因此制作出的交互输出稿也需根据自身企业的特点进行调整。一般来说,交互可能需要与产品经理、产品运营、UI设计师、后台开发者、重构设计师和前端开发者等多个角色合作,但通常只需与3-4个主要职能部门对接。
对于这些对接人员,我们需要明确他们各自负责什么内容。在图片展示型的交互输出中,所有细节通常被放置在一张图中,而网页文档型则提供了更详细的信息,并且可以扩展成完整的产品功能文档。图片展示型常用于迭代过程中的小改动,而网页文档型则适用于初版或大幅度改进阶段。
在制作交互输出时,我们应注意以下几个方面:信息架构,它可以是功能性或层级性的;操作流程,这涉及用户点击后的反馈;原型布局,以确保与最终UI设计的一致性;业务流程,描述主业务逻辑及其判断条件;优化要点,为快速了解本次更新带来的改进提供便利;交互说明,对于规则和动作进行清晰解释;以及特殊操作,用图表或动态GIF来传达难以用文字描述的情形。
最后,不管是图片展示还是网页文档形式,合适的交互输出稿应该包括但不限于以下八项细节(根据具体情况,可选取4到6项):原型布局、高质量还原内容尺寸为UI设计稿的一半;交互说明,如一些效果或规则说明;操作流程,描述点击后的反馈是什么,以及去向是否弹窗提示等;业务流程,描述主业务逻辑及其判断条件;优化要点,让团队即刻了解本次迭代优化重点'; 对接人员,上下游对接人名单,以便问题发生时快速找到相关责任人'; 特殊操作,将复杂操作示意图单独制作'; 信息架构,在迭代页面涉及多处或初期版本,可以增加一个信息架构图'.