产品经理必备的流程图和结构图

介绍了产品经理需要掌握的流程图和结构图。这两种图都是能够很好帮助产品经理在工作中梳理信息的工具，快学起来吧！

流程图和结构图

• 流程图介绍
  • 概念
    • 为了达到特定目标而进行的一系列有逻辑性的操作步骤，由两个及以上的步骤，完成一个完整的行为的过程。
  • 好处
    • 保证产品的使用逻辑合理顺畅
    • 向项目组其他成员清晰的传达需求，用图更好的表达产品逻辑
    • 帮忙梳理模块、业务流程、使用路径
  • 案例
    • 订单基本流程
    • 电商平台：买家去某个平台下单，确认自己的订单信息没有问题之后，便把订单提交了。接下来，用户跟进情况使用不同的方式付款，之后，就会变成一个待发货的订单；但也存在各种原因导致户用放弃付款，此时看到一个待付款的订单。付款成功后，轮到卖家根据订单准备发货，发货后用户能够看到卖家填写的物流信息。用户收到货后，点击确认收货，该订单完成。
  • 例图
    • 订单基本流程泳道图(正常流程其实更多情况，就不一一列举了)
  • 常用分类
    • 业务流程图
      • 概念
        • 通过一些特定的符号和连线来表示具体某个业务的实际处理步骤和过程，详细地描述任务的流程走向。
      • 作用
        • 有些复杂业务，如果产品经理对业务还没有清晰的认知，就去设计产品，很容易陷入一些细节但忽略整体，导致出现做完后发现有业务上的漏洞，不得不重新进行设计。
        • 同事，还可以向相关人员介绍大致的业务形式，作为辅助的工具进行呈现。
      • 案例
        • ①
          • 主题
            • 把大象塞进冰箱分几步？
          • 步骤
            • 把冰箱门打开
            • 把大象塞进去
            • 把冰箱门关上
        • ②
          • 主题
            • 如何购物？
          • 步骤
            • 进入购物场所
            • 挑选商品
            • 结账
    • 功能流程图
      • 概念
        • 通过图形化的表达形式，阐述产品在功能层面控制的图表。
      • 作用
        • 在设计产品时，理清对产品具体功能层面的设计思路
        • 在需求文档中为了帮助开发理解某个功能具体的流程设计
    • 页面流程图
      • 概念
        • 指产品具体呈现的页面跳转流程图，期承载了业务流程图所包含的业务流转信息
  • 常用元素
    • 圆角矩形
      • 开始/结束
        • 流程图的开始或结束都以此元素样式为准
    • 矩形
      • 节点
        • 任何一个操作或者状态，都是一个节点
    • 菱形
      • 判定
        • 遇到不同处理结果的情况下，采用此符号连接分支流程
    • 两杠矩形
      • 子流程
        • 将流程中一部分有逻辑关系的节点集合成一个子流程，方便主流程频繁调用
    • 带箭头线
      • 连接线
        • 用来将任意节点连接起来，连线上可添加文字
  • 常用结构
    • 顺序结构
      • 按照产品的设计依次进行
    • 选择结构
      • 二元选择结构
        • 在决策的环境下，二选一
      • 多元选择结构
        • 条件固定后，产品会给出多种选择方案，每个方案都有按照产品规划给出路径
    • 循环结构
      • 给出某个判定后，判断失败，需要重新进入判定前的操作，方便再次进入判定过程
  • 注意事项
    • 1. 遵循从左到右、从上到下
    • 2. 从开始符开始，以结束符结束，二开始符只能出现一次，结束符可出现多次
    • 3. 需要认真检查每个步骤或者判定的结果，避免形成闭环
    • 4. 连接线可以同方向重叠，但是不能交叉
    • 5. 必要时可以采用标注，更清晰地说明流程图
    • 6. 流程图中，有参考其他已经定义的流程，不需重新绘制，直接用已定义的子流程符号即可
  • 延伸
    • 泳道图
      • 也叫跨职能（多角色）流程图，旨在展示工作流中每个步骤涉及的流程和职能部门（多角色）
      • 流程涉及多个角色或者部门，可以使用泳道图更加清晰表达
      • 案例图
• 结构图
  • 形式
    • 思维导图
  • 分类
    • 功能结构图
      • 定义
        • 用结构化来界定产品的功能，介绍可以用来做什么
        • 每个功能的命名都以”动词+名词“的形式展现
      • 作用
        • 帮助梳理产品功能点，以便更好明确功能清单
        • 一般绘制功能结构图时，产品的页面布局还没有清晰成型
      • 案例
        • 微信功能结构图
    • 信息结构图
      • 定义
        • 将产品信息数据梳理出来，组成结构图
      • 作用
        • 对产品要展示的信息做整理
        • 产品各个页面应该展示的信息与后台上传数据页面信息的梳理
        • 信息结构图一般是在原型绘制前产出
      • 案例
        • 微信的个人信息
    • 产品结构图
      • 定义
        • 将产品的初始原型以结构化的方式展示出来
      • 作用
        • 梳理产品页面
        • 将页面功能与信息进行梳理
        • 一般在原型绘制前产出
      • 案例
        • 微信产品结构图

微信功能结构图

• 添加好友
  • 扫一扫个人二维码
  • 搜索微信号
  • 群聊
  • 推送名片
• 聊天
  • 发文字
  • 发表情包
  • 发语音
  • 发图片
  • 发视频
  • 视频通话
  • 语音通话
  • 分享位置
  • 共享位置
  • 发红包
  • 转账
  • 语音转文字
  • 分享收藏
  • ......
• 分享动态
  • 看朋友圈
    • 点赞
    • 评论
  • 发朋友圈
    • 选择相册
    • 拍摄
    • 纯文字
  • 发24H状态
    • 看朋友状态
    • 添加状态表情
    • 添加状态词
    • 添加状态话题
    • 增加背景
    • 添加位置
    • 设置查看权限
• 搜索
  • 小程序
  • 公众号
  • 视频号
  • 朋友圈
• ......太多了

微信个人信息结构图

• 头像
• 名字
• 拍一拍
• 微信号
• 二维码名片
• 更多信息
  • 性别
  • 地区
  • 个性签名
• 来电铃声
• 微信豆
• 我的地址

微信产品结构图

• 注册登录
• 微信
  • 最近
    • 整个页面从顶部下拉后，会出现“最近”区域，用于展示最近用过的小程序和我的小程序
    • 标题
    • 搜索
    • 用过的小程序
      • 小程序表格
      • 更多小程序入口
    • 我的小程序
  • 标题栏
  • 聊天记录列表
  • 文件传输助手
  • 服务号
  • 订阅号消息
  • 服务通知
• 通讯录
  • 标题栏
  • 新的朋友
  • 仅聊天的朋友
  • 群聊
  • 标签
  • 公众号
  • 朋友列表
• 发现
  • 标题栏
  • 朋友圈
    • 顶部烂
      • 返回
      • 标题
      • 相机
    • 朋友圈封面
    • 个人头像/昵称
    • 朋友圈列表
      • 头像
      • 昵称
      • 内容
        • 文字
        • 图片
        • 视频
        • 链接
        • 音乐
        • 视频号
        • ......
      • 发布时间
      • 点赞
      • 评论
    • 广告
      • 广告主头像
      • 名称
      • 封面
      • 发布时间
      • 点赞
      • ......
  • 视频号
  • 扫一扫
  • 摇一摇
  • 看一看
  • 搜一搜
  • 直播与附近
  • 购物
  • 游戏
  • 小程序
• 我
  • 个人信息
  • 状态
  • 服务
  • 收藏
  • 朋友圈
  • 卡包
  • 表情
  • 设置
• 标题栏
  • 标题
  • 搜索
  • 快捷入口
    • 发起群聊
    • 添加朋友
    • 扫一扫
    • 收付款
    • 帮助与反馈