大三元镜头下的交互魔力5分钟掌握创意输出艺术
在创作交互输出稿之前,我们需要考虑的是,这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会导致什么情况的发生。在不同的企业中,由于规模和工作方式的差异,可能会有不同的职位,比如某些人负责多个人的工作,而其他人则可能没有这个职位。制作合适的交互输出稿是至关重要的,因为每个企业都有其独特的情况,因此我们需要根据自身企业的情况来制作合适的交互输出稿。
通常情况下,交互可能与以下几个职业进行对接:产品经理、产品运营、UI设计师、后台开发者、重构设计师以及前端开发者。不过,在实际操作中,我们通常只需与3到4个人或团队进行对接。例如,产品经理和产品运营主要关注功能实现和页面跳转;UI设计师则专注于原型布局,并按照原型设计视觉稿;后台开发者主要关注逻辑关系以及整个信息架构;重构设计师则负责还原H5页面或网页,并注意交互的一些操作和说明,如点击后的弹窗反馈等;而前端开发者,则专注于APP中的操作反馌,对不同公司内部使用不同的术语有一定灵活性。
由于不同的人在不同时间处理同一需求,因此,如果在不同的人看时想要了解该交互由谁制作并且对应哪位UI设计师,我们就需要在交互稿中添加一个对接人名单。此外,还应根据产品阶段和需求来制定不同的类型的交互输出。
常见的交互文档表达形式包括图片展示型和网页文档型。对于迭代过程中的小改动,可以采用图片展示型,以便通过Tower文档快速贴图查看改动内容。而对于大改版或者初版发布,则可以采用网页文档型,使得对接人员能够复制文案并清晰查看页面跳转,同时也方便扩展成完整的产品功能文档,将需求与交互融为一体。
首先介绍的是图片展示型,它将各种细节放在一张图里,其中包括:
信息架构:以两种形式出现,一种是功能式信息架构,一种是层级式信息架构。在功能式信息架构中,重点体现每个页面入口、功能及操作,以了解APP内各类页面及其功能。在层级式信息架构中,更侧重于按12345...级别排列,每层显示出APP结构深度。
操作流程:描述用户点击目标后的反馈,如弹窗、跳转或其他动效反馈。
原型布局:采用灰度层次、高质量还原内容,并保持尺寸为UI设计的一半。
业务流程:描述主业务流程及逻辑判断,如注册后的状态判断及下一步行动。
优化要点:记录本次迭代更新优化点,便于即时查看。
交换说明:针对规则说明、动作描述及状态描述,如排序方式变化状态等。
特殊操作:使用静态图或动态GIF示意特殊操作难以文字表述的事项。
最后,不论是图片展示还是网页文档,其核心要求至少包含8条细节(根据具体企业情况,有4到6条):
原型布局
交换说明
操作流程
业务流程
优化要点
对接人员
特殊操作
通过以上步骤,即可创建出符合自己企业需求的一个高效且详尽的交互输出草案。