尼康d5000拍照技巧5分钟掌握交互稿制作提升视觉沟通效率
在创作交互输出稿之前,我们需要考虑的是这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会导致什么情况的发生。在不同的企业中,由于规模和工作方式的差异,可能会有不同的职位,比如某些人负责多个人的工作,而其他人则可能没有特定的职位。因此,我们需要根据自身企业的情况来制作合适的交互输出稿,这是非常重要的一点。
一般来说,交互输出稿通常会与产品经理、产品运营、UI设计师、后台开发者、重构设计师以及前端开发者进行沟通。虽然理论上可以接触到所有相关人员,但实际上常见的对接对象通常不超过3-4个人。这些建议的人员主要负责不同方面:产品经理和产品运营关注功能实现和页面跳转;UI设计师则专注于原型布局和视觉效果;后台开发者关注逻辑关系和信息架构;重构设计师则处理H5页面或网页等交互操作说明;而前端开发者则负责APP内的一些操作反馈。
为了提高效率,在不同阶段我们应该采用不同的表达形式。一种是图片展示型,一般用于迭代过程中的小改动,因为这样可以方便地在使用Tower文档时贴图,一张图就能看到所有改动。而另一种是网页文档型,它更适合1.0初版或者大改版,因为它可以提供清晰的页面跳转,并且易于扩展成为完整的产品功能文档,将需求和交互放在一处。
首先,让我们谈谈图片展示型。这种类型通常将各种细节都放入一张图中,其中包括:
信息架构:这有两种形式,一种是功能性信息架构,另一种是层级结构。功能性信息架构主要描述每个页面的入口、功能及操作,而层级结构则以12345...这样的级别排列,以显示APP内部层级结构。
操作流程:这里描述用户点击目标后的反馈,如弹窗、跳转或其他动态效果。
原型布局:使用灰度层次高质量还原内容,并确保尺寸与UI设计的一半相匹配,以避免尺寸不符带来的差异问题。
业务流程:描述主业务流程及其逻辑判断,每个页面之间如何衔接,以及对于用户状态改变后的下一步行动计划。
优化要点:在每次更新迭代时,都应明确更新优化了哪些部分,为对接人员提供快速了解优化要素的手段。
交互说明:针对规则说明、动作描述及状态变化进行解释,这样能够帮助理解复杂界面上的行为模式及状态变更规律。
特殊操作:对于那些难以用文字表达但又重要的情景,可以通过静态或动态GIF示意图来传达其含义。此类示意图可让非技术背景的人也能轻易理解复杂操作步骤所需遵循之行为准则或视觉效果指引(比如排序方式)。
对接人员列表: 描述参与本项目的人员名称及其角色,使得当遇到问题时,对应责任人能够迅速被找寻到解决问题。如果公司里人员较多,那么这个人这次做这个需求,下次就不做这个需求(指需求多,人员穿插借用),那么在不同人去看的时候,如果想知道这个交互是谁做的,对接哪个UI,就需要在交互稿里加个对接人名单了。
总结:
无论是否选择图片展示型还是网页文档型,不同阶段都应该具备但不限于以下8条细节(根据自身企业情况,有时候只需4~6条):
1, 原型布局
2, 交换说明
3, 操作流程
4, 商业流程
5, 提升要点
6, 接口确认人物清单
7, 特殊操纵
8 , 系统体系
通过以上步骤,你们已经掌握了制作一个有效交流输出文件所需知识。如果你希望学习更多关于如何创建好的交流文件的话,我建议继续研究这些基本概念并实践它们。你现在就可以开始应用这些技能来提高你的团队协作效率!