**产品经理之流程图**

• 可关注公众号：圆珠笔LeeLen 查看原文章

• 不知道从什么时候开始发现生活中和工作中一个问题：因为一个专业名词的定义，争论的不可开交，仔细想来，是因为我们都喜欢一个名词的专有定义，因为没有一个固定的答案，吵到最后大家都会去百度，google，等等…找一个标准的答案cai罢休，否则容易断章取义，其实双方谈论的已经不是同一个事情了，但这个是九年义务教育造成的，你我改变不了，只能相互提醒罢了。

  1、 流程图的定义

  每个学计算机的小伙伴都应该知道，在大学的时候有一门课程叫<操作系统>，首先提到的流程图的概念，我也是搬过来而已，因为它权威
  
  流程图：使用特殊符号加上说明，表示算法思路的图；
  
  使用对象：产品经理、开发、设计师
  
  特点：按照主体进行的次序排布，不同顺序会有不同的结果；
  目的： 1、查漏补缺，检验是否有遗漏的分支流程 2、传达需求，用流程图来更好地表达产品逻辑 3、保证产品的使用逻辑合理顺畅
  

  2、流程图的意义

    流程图为观众快速了解业务提供一种简明扼要、直观的概述，直观简明的看到：某个主体在什么时候，什么条件下，做了什么事情，得到了什么结果，这个图可以在具体的工作场景中得到运用；
  

  1、产品评审会

  流程图能够提供一种快速了解业务如何运作的视图，通过业务流程图，新员工能够快速明白业务的最终目标是什么，中有哪些角色在参与以及他们的职责，以及彼此之间的联接。
  
  除了培训新员工，在员工轮岗、调职场景中，员工也需要业务流程图参考，明白新的工作内容如何开展，以及自己所处的位置，自己的上游是谁，下游是谁，自己需要交付的工作内容是什么。
  

  2、优化流程与重组

  通过调研，分析业务流程图，引入更多角色，能够分析出目前业务流程的问题：缺失，重复，风险，效率等等。从而制定相应的优化方案。
  

  3、信息化基础

   在做系统的功能设计和系统流程设计时，必须先要了解目前业务是如何运作的呢？从而更好分析分析，更好说明系统在什么环节取代了什么类型的人肉工作？
  
  
  
  所以我们看到的PRD往往也会先以业务流程图开始说明，而叙述一个系统建设的好处时，也可以用以前的业务流程与系统上了之后的业务流程进行对比。根据分析，将愿景中的新的业务流程图背后需要系统的功能点撰写清楚
  

  3、 流程图的分类

    流程图其实在高中就有所接触，比如：条件结构、循环结构、直到型结构，在运用中也是；具体如下
  

  直到型 结构型 循环型

   在工作中，作为UED，你可能会发现PD经常谈的是业务流程，和任务流程，而作为交互设计师，更多产出的是页面流程图。页面流程图和业务流程图到底有什么关系呢？
  

  先有谁，其次再有谁呢？

  因此流程图分为：业务流程图、任务流程题、页面流程图、功能流程图、数据流程图

  一个需求从调研开始，到产品落地：由战略、规划、执行、业务、功能设计、页面设计

  也就是：

  <1>先是有一个业务需求和业务目标，也即我们的愿景是什么？（战略）

  <2>然后就诞生了我们需要分解出什么样的任务，如何执行战术？（规划）

  <3>然后就诞生了我们需要分解出什么样的任务，如何执行战术？（战术）

  <4>然后就诞生了需要架构什么部门，岗位去分工协作？（组织架构）

  <5>然后就诞生了不同的部门在协作完成某件任务时的业务流程？（业务流程）

  <6>业务流程基本稳定后，往往会考虑优化效率，所以会诞生出系统来支持流程，减少人肉环节，促进数据采集（系统愿景）

  <7>为了设计这个系统，PD需要思考什么功能能够取代某个环节的人肉工作（功能需求，系统流程）

  <8>不管是怎么样的功能最终都会以界面的方式呈现，设计师们会关注用户在系统里的任务流，行为路径，让用户完成任务更加高效愉悦。（页面流程）

  1、业务流程图

  业务流程是：

  那我们抽象一下购物的业务流程

  截屏2020-05-06上午12.01.32.png

   无论是网购还是在实体超市，都是以这三个行为为主体，然后进行扩展的。相对于大家平时看到的复杂的网购流程图，以上的三步流程简直简单的令人发指，而这恰恰是印证了大道至简的原理。我始终坚信无论再复杂的事情都能简化为极其简单的事情，如果你无法将其简化，说明只是你没有理解其核心。
  

  2、任务流程图：反映出⽤用户完成某个具体任务时的操作流程，是从抽象到具体的过程；

  从整体 --> 局部流程 从主干 --> 分支流程 从正常 --> 异常流程

  截屏2020-05-06上午12.14.19.png

  3、页面流程图：说明用户完成一个任务，需要经过哪些页面；

  截屏2020-05-06上午12.42.04.png

   由上图红框中的三个节点我们可以看出，页面流程图依然是包含在业务流程图的。这恰恰符合定义中的要求，同时也印证了页面流程图的正确性。相较于一开始的极简流程图，现在的流程图已经渐渐变得复杂了一些。我们将抽象的业务，映射在了具象的页面上，用软件的页面承载起了业务需求。而以上就是由业务流程图到页面流程图的转化过程
  

  4、功能流程图：指单页面内或多页面之间的功能操作流程，其包含在页面流程中。

  流程图大全.png

   由上图红框中的四个节点我们可以看出，功能流程图同样也是由页面流程图拓展而来的。功能流程图是在页面流程图的基础上继续深化，变得更加复杂。同时也渐渐变得像大家日常看到的流程图一样。
  

  5、数据流程图

  用户在功能流程图中的每一个操作，对应都会反映在数据流程图中，主要表达计算机程序对于业务的实现原理；

  数据流畅图更偏技术思维，更多的是展现后台程序的实现原理。所以，常常是开发人员绘制此图，而产品经理涉及较少。但随着产品经理地不断成长，向上提高到战略层，而向下则会深入到实现层。理解程序的开发原理和背后的数据流转，无疑会让产品经理对产品设计有更加深刻的理解。
  

  4-67.png

   相较于之前的图表，数据流程图增加了新的维度——程序。客户端在展现用户操作行为的同时，也表达了程序在用户行为背后的动作。而往往大家说一个产品复杂的时候，可能只注意到了它的前端交互复杂，而忽视了后端逻辑的复杂。对于一个优秀的产品经理来说，不止要关注前端的用户体验，更要能看清事物背后的逻辑。毕竟人人都可以对用户体验指手画脚，而说到程序实现，那可就体现出产品经理的专业性来了。
  

  6、流程图的画法之一：泳道图

  最简单的业务流程，那么颗粒度再加深，就抽象出具体的子流程以及多活动的主体的泳道图；泳道图是流程图中的一种画法，是将流程图中的一些流程节点按操作角色的不同而划分

  截屏2020-05-06上午12.35.25.png

  4、 流程图的画法

  流程图主要由：主干、分支、子流程构成，对于新入职了解产品有很好的帮助，对于整理、熟悉业务也有很好的帮助；
  

  流程图的组成基本的元素有：

  6-52.png

  对于如何画好流程图，在画流程图的时候应该思考什么样的问题，下边这篇文章写得很好，自认为无法超越，分享给大家。

  如何绘制业务流程图

  5、 流程图与其他图的差异性
  1、用例图(Use Case) 2、E-R图(实体关系图)

  3、线框图(Wireframes)

  4、信息架构图、站点地图(Site Map) 5、信息结构图、功能结构图

  1、用例图

  表现了一个角色在系统里要完成的活动是什么，比如用户这个角色与ATM取款机的交互过程中，用户需要完成的活动有存钱，取钱，查询等。而存钱这个活动再可以进一步细分为插卡，输入密码，输入金额，ATM吐钞，用户收款，退卡等活动。用例图可以不考虑用户动作的前后次序，而仅仅提取一些关键的动宾短语，映射出系统应该满足的功能点。

  流程图则表示用户每一个活动的前后次序，比如用户必须要先插入银行卡，才能够输入密码，且流程图必须直接表现出各种异常判断，比如当密码错误时，出现什么提示，密码输入错误超过多少次时，出现什么提示和动作。常用流程图的人是产品经理，设计师，或者任何需要讲述业务如何运作的人。

  截屏2020-05-06上午1.18.11.png

  截屏2020-05-06上午1.18.56.png

  2、E-R图(实体关系图)

  则是数据库架构的工作，表示一个业务系统或场景中的实体时间的关系，比如储户与银行卡的关系是归属1对多，通过开卡事件产生关联。一般来讲，用矩形来表示实体，椭圆标识这个实体的属性，比如储户这个实体的属性有：姓，名，手机号码，住址等。而银行卡的属性有：开户行，开户名称，银行卡号等。

  截屏2020-05-06上午1.21.55.png

  截屏2020-05-06上午1.23.11.png

  3、线框图(Wireframes)

   将具体每个界面的内容布局和权重表达出来，且标注出一些交互细节的设计，比如当密码错误后，如何提示下一步动作。常用线框图的人是设计师。
  

  截屏2020-05-06上午1.24.41.png

  截屏2020-05-06上午1.25.06.png

  4、信息架构图、站点地图(Site
  Map)：表现为了做一个这样的系统，功能与内容的展现层次是什么，比如用户一进去后，欢迎页面的导航如何设计，是否直接出现取款，存款，查询，或者还有别的导航？常用信息架构图的是设计师。但是常用组织架构图的是HR。

  截屏2020-05-06上午1.27.15.png

  截屏2020-05-06上午1.27.39.png

  5、信息结构图、功能结构图

  截屏2020-05-06上午1.29.44.png

  6、 流程图总结

   那么流程图要体现出他的差异定义，要素是什么？总结出了流程图的6大要素，希望大家能够记住，这6个要素可以在以后的文章里不断回顾，你也可以拿来判断你所看到的流程图是否专业
  

  截屏2020-05-06上午1.31.16.png

  参与者：谁在这个流程中？可以是系统，可以是个打印机，更多的指什么角色——一般是有某种工种的人。比如客服同时有小A和小B两人，但是若他们的工作性质完全一样，那么在流程图里只需要写一个客服角色就可以了。

  活动：做了什么事，比如点餐，结帐等活动。

  次序：这些事情发生的前后顺序如何，哪个任务是其他任务的前置条件？比如客人不结帐，就不会产生送他优惠卡的活动。

  输入：每项活动开始取决于什么样的输入物或数据，比如做饭的师傅开始做菜时，需要拿到具体的点菜单。

  输出：每项活动结束后，会输入什么样的文档或数据传递给下一方，比如师傅做好菜后，如何让负责传菜的人知道菜已经做好？

  标准化：采用一套标准化的符号用以传递你的流程图，从而使受众更快明白。

  关于流程图的标准化，并不是强制的，事实上，我们见过很多种类的流程图，只要能够传递明白任务和次序其实已经归类于流程图了

  7、 流程图工具 工欲善其事必先利其器，这句话我还是深信不疑的，那么找几个工具供大家选择

  截屏2020-05-06上午1.35.45.png

  任何复杂事物都可以拆解为最小单元，然后由最小单元逐渐还原复杂事物。图片素材是找资料的，如有雷同，侵权，可以通知我撤掉。
  

  可关注公众号：圆珠笔LeeLen 查看原文章