独白在5分钟内让你的交互稿活起来

  • 科技
  • 2024年12月16日
  • 在创作交互输出稿之前,我们需要考虑的是,这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会产生什么情况。不同企业的规模和工作方式各不相同,因此制作合适的交互输出稿是至关重要的。通常,交互可能会与产品经理、产品运营、UI设计师、后台开发者、重构设计师和前端开发者进行对接,但经常性地对接的人员一般限于3-4个职位。 产品经理和产品运营主要关注功能实现以及页面跳转是否合理

独白在5分钟内让你的交互稿活起来

在创作交互输出稿之前,我们需要考虑的是,这份稿子将被谁阅读,需要包含哪些内容,以及如果缺少了什么可能会产生什么情况。不同企业的规模和工作方式各不相同,因此制作合适的交互输出稿是至关重要的。通常,交互可能会与产品经理、产品运营、UI设计师、后台开发者、重构设计师和前端开发者进行对接,但经常性地对接的人员一般限于3-4个职位。

产品经理和产品运营主要关注功能实现以及页面跳转是否合理;UI设计师则负责原型布局,并确保视觉效果符合预期;后台开发者重点关注逻辑关系以及整个信息架构;重构设计师负责还原H5页面或网页,特别是那些复杂的操作和说明,如点击后的弹窗反馈;而前端开发者则负责APP中的一些操作反馈,他们可能涉及数据交接或者APP前端还原工作(针对安卓和IOS)。

由于不同人可能参与不同的需求并穿插使用资源,在查看时,如果想要了解该交互由谁完成,对应哪个UI设计师,则需要在交互稿中添加一个对接人名单。在根据产品阶段和需求制定不同类型的交互输出时,可以选择图片展示型或网页文档型两种表达形式,以追求高效率工作。

图片展示型适用于迭代过程中的小改动,一张图可以涵盖所有内容,便于使用Tower等工具贴图浏览。而网页文档型更适用于初版发布或大幅度改版,因为它提供了清晰的页面跳转路径,可扩展成完整的产品功能文档,将需求与交互融为一体。

首先来看图片展示型,它通常将各种细节整合到一张图中。这些细节包括:

信息架构:有两种类型,一种是功能性信息架构,一种是层级式信息架构。第一种侧重于每个页面入口、功能及操作,而第二种以12345...级别排列页面,让用户直观感知APP层级结构。

操作流程:描述用户点击目标后的反馈,比如弹窗提示或者跳转到新页面。

原型布局:采用灰度层次,尺寸设为UI设计尺寸的一半,以保证实际应用时能够准确呈现。

业务流程:描述主业务流程及逻辑判断,如注册后的状态变化。

优化要点:标记每次更新迭代所做之处,以便快速理解优化点。

交互说明:解释规则、动作及状态描述,为复杂操作提供指导。

特殊操作:通过静态图像或动态GIF演示难以用文字表述的事项。

对接人员:明确上下游合作人员及其责任分配,以便遇事能迅速联系相应人士。

对于网页文档型,其主要特点是在导航栏旁边显示详细内容,每个模块都有其独特之处:

功能简介模块

流程架构模块

交换原形模块

总结来说,不管采用何种格式,交互输出稿应该包含但不限于以下8条关键细节(根据具体企业情况,这些细节数量可调整):

1, 原型布局 - 高质量还原,尺寸设为UI设计的一半

2, 交换说明 - 描述一些特殊效果或规则

3, 操作流程 - 描述点击后的反馈行为

4, 商业流程 - 描述主商业链路与逻辑判断

5, 提升要素 - 快速了解本次迭代提升点供多方参考

6, 对象人员 - 明确对象上下游合作人员以便问题解决时寻找正确的人员协助解决问题

7, 特殊处理步骤 —— 有一些复杂处理步骤需独立制作示意图来解释清楚给读者理解

8 , 信息框架 —— 在迭代期间涉及多处或者初期版本增加一个关于全局如何组织的问题答案

以上就是我们在制作合适交流输出文件时候所遵循的一个基本指南,也希望这些建议能够帮助你更好地掌握这个过程。如果你的公司里有更多这样的挑战,我们也愿意继续探索其他方法来提高你的生产力!

猜你喜欢