川内伦子秀场技巧5分钟掌握完美互动输出秘诀
在创作交互输出稿之前,我们需要考虑的是,这份稿子将被谁阅读【目标用户】,需要包含哪些内容【诉求】,以及在缺少某些内容时可能会发生什么情况【场景】。由于不同企业的规模和工作方式各不相同,我们必须根据自身企业的情况来探索并制定合适的交互输出策略。这意味着我们的交互输出稿需要针对不同的企业和团队成员进行调整。
通常,交互输出稿会涉及与产品经理、产品运营、UI设计师、后台开发者和前端开发者的合作。虽然每个团队成员都有其专长,但他们之间的沟通和协作是至关重要的。在实际操作中,我们发现最常见的是与产品经理、产品运营、UI设计师和前端开发者进行紧密合作。
为了确保我们的交互输出稿能够满足所有相关人员的需求,我们需要明确以下几个方面:
信息架构:这涉及到如何组织页面元素,以及如何让用户能够轻松导航。在功能型信息架构中,我们关注页面入口、功能及其操作;而在层级型信息架构中,我们关注页面结构的层次关系。
操作流程:这里我们描述用户点击某个元素后的反馈,比如弹窗、中间跳转或其他视觉效果。此部分对于后端开发者尤为重要,因为他们负责实现这些逻辑关系。
原型布局:我们采用灰度图层,模拟出真实尺寸的一半,以便于UI设计师更准确地复制出来。如果原型尺寸不当,那么最终结果可能显得失真,因此使用公司标准尺寸一半是一个好的做法。
业务流程:这里我们描述主业务流程及其逻辑判断,比如注册后的状态变化以及下一步操作。
优化要点:每次更新迭代都应该指出每个页面所需更新的地方,让对接人能迅速了解优化重点。
交互说明:这是关于规则描述动作状态等,有时候排序方式或者状态变化也需要解释清楚,如点击后的提示语句等。有些特殊操作难以用文字表达,就用图片或GIF来展示了。
特殊操作示意图:一些复杂操作就直接画出来了,不用文字说明,用图文或动态GIF形式传达复杂内容不能用文字表达的事项,如排序方式怎么变换,怎样行动后再回到初始状态等显示详细说明给大家看的时候就是这样子的
对接人员介绍上下游的人员有哪些,他们各自负责做什么事情,以便未来出现问题时知道找谁说话。
总结来说,不管是图片展示还是网页文档,都应该包括但不限于以下8条细节(根据自己的企业情况,有时候只选择4~6条即可)
原型布局,要高质量还原,并且保持与UI设计的一致性
交互说明,对一些规则或效果进行解释
操作流程,把点击后的反馈清晰表示
业务流程,描述主业务过程及逻辑判断
优化要点,让多方快速查看本次改进点
对接人员,使上下游相关人可以容易找到解决问题的人选
特殊操作,如果有特别复杂动作,可以单独制作示意图以此作为辅助工具。
最后,还有一种叫做“网页文档”的形式,它通过导出成网页格式展现,同时具备图片类型细节只是位置不同,一般用于大改版或者初版版本。