婚纱照美学指导5分钟学会制作完美交互输出稿
在创作交互输出稿之前,我们需要考虑的是这份稿子将被谁阅读【目标用户】,需要包含哪些内容【诉求】,以及在缺失某些内容时可能会发生什么情况【场景】。由于不同的企业规模和工作方式不同,制作适合自身企业的交互输出稿至关重要。通常,我们会与产品经理、产品运营、UI设计师、后台开发人员、重构设计师和前端开发者等多个岗位进行沟通,这些人分别负责功能实现、原型布局、逻辑关系信息架构、中间页面操作说明以及APP内反馈等方面。
根据产品阶段和需求的不同,我们可以采用图片展示型或网页文档型两种常见的交互表达形式。图片展示型通常用于迭代过程中,以便于快速查看改动,而网页文档型则适用于初版或大幅改版阶段,可以方便复制文案并扩展为产品功能文档。
首先是图片展示型,它将各种细节如信息架构(功能类型或层级类型)、操作流程(点击后的反馈)、原型布局(灰度层次、高质量还原内容),尺寸应为UI设计的一半)、业务流程(描述主业务流程及逻辑判断)优化要点(每次更新迭代注明优化要素)及特殊操作示意图,将其整合到一张图中,以确保对接人员能够迅速理解整个交互系统。
其次是网页文档型,它以导出网页的形式展现,并且具有图片细节,但位置有所不同,一般用在大改版或者初版阶段。这类文件包含了两个模块:一个是关于产品的部分,如产品简介、版本历史和修订记录;另一个是关于交互的部分,如信息架构、页面流程和业务流程,以及各个页面状态说明和操作示意。
总结来说,不论是否使用图片还是网页文档,交互输出稿应该具备但不限于以下8条详细要求:
原型布局:高质量还原内容,与UI设计尺寸保持一致。
交互说明:清晰地阐述一些关键效果或规则。
操作流程:描述点击后的反馈行为。
业务流程:描绘主线路及其逻辑判断。
优化要点:提供本次迭代中的关键调整点供快速了解。
对接人员:明确上下游相关人选,便于问题解决时即时联系对应责任人。
特殊操作示意图:对于复杂操作进行单独解释,以图像或GIF动态表示难以文字传达的事项。
信息架构图: 在涉及多处变更或者初期版本中,为提供全面的视觉参考而增加此元素。
通过这些步骤,不仅可以创建出符合企业特定需求的交互输出稿,还能促进团队成员之间有效沟通,从而提高项目效率。