3-流程图制作

一、掌握流程图的绘制-ProcessOn

（1）流程图介绍

• 为了达到特定目标而进行的一系列有逻辑性的操作步骤，由两个及以上的步骤，完成一个完整的行为的过程，称之为流程，流程图则是将这个过程进行图形化表示
• 作用
  • 保证产品的使用逻辑合理顺畅
  • 向项目组其他成员清晰地传达需求，用流程图更好地表达产品逻辑
  • 流程图可以帮助梳理模块，业务流程，使用路径
• 按工作场景/目的分类
  • 业务流程
    • 大致的操作，最关键的操作，不聚焦于细节
    • 通过一些特定的符号和连线来表示具体某个业务的实际处理步骤和过程，详细地描述任务的流程走向
    • 作用
      • 清晰认知业务，避免陷入细节忽视整体
      • 用于向相关人员介绍大致的业务形式，作为辅助工具呈现
  • 功能流程
    • 通过图形化的表达形式，阐述产品在功能层面控制的图表
    • 作用
      • 理清产品具体功能层面的设计思路
      • 在需求文档中帮助开发理解某个功能具体的流程设计
  • 页面流程
    • 产品具体所呈现的页面跳转流程图，其承载了业务流程图所包含的业务流转信息

（2）流程图的绘制

• 常用元素

  • 

• 常用结构

  • 

• 注意事项

  • 

• 如果一个流程图涉及多个角色，怎么绘制？

（3）泳道图

• 不同角色之间交互推动流程
• 跨职能（多角色）流程图，旨在展示工作流中每个步骤涉及的流程和职能部门（多角色）
  • 一个泳道一个角色
• 导出图片以 .jpg 格式为佳

二、 掌握结构图的绘制-XMind

（1）结构图的绘制工具

• 快捷键
  -

（2）结构图的分类

• 功能结构图 （动词＋名词）
  • 结构化来界定这个产品有什么功能，可做什么
    • 类似于功能清单
  • 作用
    • 梳理产品功能点，以便更好地明确功能清单
    • 一般绘制结构图时，产品的页面布局尚未清晰成型
• 信息结构图 （名词）
  • 结构化梳理产品的信息数据
  • 作用
    • 对整个产品要展示的信息做的梳理
    • 产品各个页面应该展示的信息，后台上传数据页面信息梳理
  • 一般可在原型绘制之前产出
• 产品结构图
  • 结构化展示产品初始原型
  • 作用
    • 便于梳理产品页面
      后台上传数据页面信息梳理
  • 一般可在原型绘制之前产出
• 产品结构图
  • 结构化展示产品初始原型
  • 作用
    • 便于梳理产品页面
    • 便于梳理页面功能和信息