产品经理之流程图表达业务逻辑

~ 在看文章时，我们时不时会碰到各种流程图：业务流程图、功能流程图、页面流程图、用户操作流程图、系统流程图等等这些叫得出名叫不出名的流程图，这着实让人头痛不已，这里作者分享一些自己对于流程图的理解，着重介绍产品中会用到的相关流程图，希望能够抛砖引玉。

定义

百度百科：以特定的图形符号加上说明，表示算法的图，称为流程图或框图；

智库百科：流程图是流经一个系统的信息流、观点流或部件流的图形代表；

维基百科：A flowchart is a type of diagram that represents an algorithm, workflow or process, showing the steps as boxes of various kinds, and their order by connecting them with arrows. This diagrammatic representation illustrates a solution model to a given problem.

（译文：流程图是一类代表算法、工作流或过程的图表，它通过一些用箭头连接的各类图形来展示其中的步骤。这类图形表示方法常用来阐述一个给定问题的解决模型。）

通俗来说，流程图就是一个有特定逻辑顺序的步骤地图，在这份地图的帮助下，我们可以预知某类步骤走法所能到达的终点，同时，我们也可以通过这份地图找到某个目的地的具体实现路径。

种类

维基百科原文引述Types部分：

Sterneckert (2003) suggested that flowcharts can be modeled from the perspective of different user groups (such as managers, system analysts and clerks) and that there are four general types:

Document flowcharts, showing controls over a document-flow through a system

Data flowcharts, showing controls over a data-flow in a system

System flowcharts, showing controls at a physical or resource level

Program flowchart, showing the controls in a program within a system

Notice that every type of flowchart focuses on some kind of control, rather than on the particular flow itself。

However, there are several of these classifications. For example, Andrew Veronis (1978) named three basic types of flowcharts: the system flowchart , the general flowchart , and the detailed flowchart . [11] That same year Marilyn Bohl (1978) stated “in practice, two kinds of flowcharts are used in solution planning: system flowcharts and program flowcharts …”. [12] More recently Mark A Fryman (2001) stated that there are more differences: “Decision flowcharts, logic flowcharts, systems flowcharts, product flowcharts, and process flowcharts are just a few of the different types of flowcharts that are used in business and government”.

大意：

Sterneckert在2003年提出流程图可以根据不同的用户群（例如管理人员、系统分析师、书记员）这个角度来绘制，并且划分出了四种常用的种类：

文档流程图：展示经过一个系统中的文档流的控制；

数据流程图：展示对一个系统中数据流的控制；

系统流程图：展示对于物理层面或资源层面上的控制；

程序流程图：展示一个系统中对于程序的控制；

值得注意的是：相较于特定的流程图本身，每一类流程图都更关注于某一种类型的控制。

然而，这些分类还有好几种。比如说，Andrew Veronis (1978)命名了3类基本种类的流程图：系统流程图、通用流程图、详细流程图。同一年，Marilyn Bohl提出：“事实上，在解决方案规划领域有2类流程图：系统流程图和程序流程图”；离现在更近的是2001的Mark A Fryman，他提出：“在商业和管理领域，流程图有更多的种类如决策流程图、逻辑流程图、系统流程图、产品流程图、过程流程图”

在上文中我想强调与重申的是“Notice that every type of flowchart focuses on some kind of control, rather than on the particular flow itself。”

相较于特定的流程图本身，每一类流程图都更关注于某一种类型的控制。

看到这里，坚强如你是不是也得吐槽一句：“真是B了狗，怎么就没有一个固定的标准，我怎么数得清有多少种，说不定明天又出来一种新类型的流程图”。其实，在这里我引用这么一大段东西，不止是为了让大家吐槽。更是想要传递一个观点：“现实世界中不像程序中那么非0即1，某件事物的定义或定性没有一个统一的标准是不难见到的。”但中式教育似乎又更加严格强调标准答案这个概念，就如我们小时候，教材被视为绝对的真理，语文课上考察背诵时，就需一字不多不少得背下来，句子中加个语气助词“了”可能都算错。种种这种类似的经验就很容易造就了一堆死记硬背的读书人，当他们遇到一个新概念时就会查看其定义，如果定义有严格的标准，那就不管是否已经理解先背下来（当然，这种背诵行为不是说不好），但如果缺乏一份严格的标准，他们就会惊慌失措，不知道何去何从。互联网产品行业又是一个新兴领域，其中许多标准与规范也没有达成共识，这就需要我们勇于探索和总结了，希望这段话能够给鼓励一些迷茫于没有标准教材学习的朋友。

话题扯回来，对于PM，我们经常接触到的流程图又有哪些种类呢？按照产品设计过程中的时间先后顺序，我想分享一下自己对于 产品业务流程图、产品功能流程图、产品页面流程图 的思考和总结（这里请注意我们将讨论前提限制在了产品领域）。

标准

虽然流程图的类别没有严格的分类标准，但对于其图形表达已经有一套基本的共识。在介绍具体的流程图前，我们先对常用的图形标准达成共识：

产品业务流程图（绘制人：产品经理）

1. 定义

产品业务流程图就是通过图形化的表达形式，阐述产品在业务层面控制的图表。 产品业务流程图通常作为产品设计初期阶段的工具使用，通过图形化，能够更清晰、直观地传达产品在业务层面的控制（如业务动作、方向、逻辑等信息）。

2. 作用

业务流程图通常用于介绍产品业务，如产品经理需要向老板介绍产品业务时，用流程图辅助讲解的效果，相较于纯语言或文字表达要好得多。

绘制业务流程图的过程能够帮助PM根据产品定位对产品业务进行设计、分析与优化。

3. 实例

注：这里我们以ofo小黄车为例，粗略地绘制其业务流程图、功能流程图、页面流程图，希望能够帮助理解

产品功能流程图（绘制人 : 产品经理）

1. 定义

产品功能流程图就是通过图形化的表达形式，阐述产品在功能层面控制的图表。 产品功能流程图通常作为产品设计中期阶段的工具使用，通过图形化，能够更清晰、直观地传达产品在功能层面的控制（如功能动作、方向、逻辑等信息）。

2. 作用

功能流程图通常用于介绍产品功能模块的相互关系或某个功能模块的具体组成，如产品经理需要向开发人员介绍某个新增功能模块时，可以在原型图宣讲之前使用功能流程图让其对功能的轮廓和走向了然于胸。

绘制功能流程图的过程能够帮助PM确定产品的功能范围同时避免不合理的功能使用逻辑。

3. 实例

产品页面流程图（绘制人:交互设计师、产品经理）

1.定义

产品页面流程图就是通过图形化的表达形式，阐述产品在页面层面控制的图表。 产品页面流程图通常作为产品设计后期阶段的工具使用，通过图形化，能够更清晰、直观地传达产品在页面层面的控制（如页面功能和信息、方向、逻辑等信息）。

2. 作用

页面流程图通常用于介绍产品页面元素及页面之间的跳转关系。

产品页面流程图一般由专门的交互设计师进行设计，其绘制过程能够帮助交互设计师确定产品页面之间合理自然的跳转顺序以及页面本身的功能及信息构成。

3.实例

总结

通过上面的实例我们不难发现：业务流程图、功能流程图、页面流程图的主要区别在于矩形图形（流程或节点）的内容的所处层次，其分别对应着 业务动作、功能动作、页面功能和信息。

整体上来说，产品业务流程图、功能流程图、页面流程图分别是产品设计阶段早、中、晚时期的阶段性产物。 在产品设计阶段，从业务到功能再到具体页面设计，这是一个抽象到具体实现的过程，也是产品概念转变为产品介质的核心过程。在这个过程中，产品业务确定了产品功能范围，产品功能又进一步确定了页面的实现范围。

最后，作者整理了引言中涉及到的各类流程图的对比关系图

后话

现在你还在意能否数清流程图的种类吗？其实流程图就是一个图形化的表达工具，其绘制过程能够帮助我们思考系统在某个层面的控制，流程图本身的图形化表达也能更简洁、清晰的传达系统在某个层面的控制信息（节点、流转方向等）。对于这个工具，我们最好不要钻牛角地非要数清流程图的“界门纲目科属种”（如上文介绍也没有这么一个通用的标准），根据实际情况灵活使用和理解才是第一位。

参考:

（1） 维基百科：流程图

（2） 全面解读流程图｜附共享单车摩拜ofo案例分析

（3） 产品经理之流程图表达业务逻辑 https://www.cnblogs.com/WUXIAOCHANG/p/10570343.html

---

平果县18679639534： 产品的业务流程与产品的操作步骤有什么区别?怎么写? - ？
宇文农宁圣： 这篇文章的目的很简单:通过电商的实例,将业务流程图和任务流程图之间的关联和区别以及在产品中的应用,讲解清楚.流程和流程图 首先来看流程的定义:《牛津词典》里,流程是指一个或一系列连续有规律的行动,这些行动以确定的方式...

平果县18679639534： 什么是业务逻辑?哪种UML图适合对业务逻辑过程建模? - ？
宇文农宁圣： 业务逻辑层(Business Logic Layer)无疑是系统架构中体现核心价值的部分.它的关注点主要集中在业务规则的制定、业务流程的实现等与业务需求有关的系统设计,也即是说它是与系统所应对的领域(Domain)逻辑有关,很多时候,也将业...

平果县18679639534： 如何提升程序员的代码编写能力 - ？
宇文农宁圣： 一、先列三个常见的开发场景:1、拿到一个模块详细设计文档,大部分程序员的通常做法就是开始搭建界面代码,然后从第一个按钮点击事件或页面Load事件开始写第一行业务代码.写的差不多了,就运行一下,发现哪里不是自己想的那样...

平果县18679639534： 面试产品经理需要注意什么 - ？
宇文农宁圣： 1、自认为好的产品经理特点 语言表达要清晰,有逻辑性,不能支支吾吾,语无伦次; 态度要专业点,不要显得太随意,如果是熟人面试除外; 自我介绍的时候,切忌平铺直叙,对于自己教育经历和兴趣爱好,可以简洁明了的说明下;在介绍...

平果县18679639534： 做产品原型设计有哪些需要注意的问题 - ？
宇文农宁圣： 1、画原型前先考虑好业务逻辑和交互逻辑.梳理好逻辑关系,在开始原型设计时才不会出现前后矛盾的状况.2、原型图要规范,简单整洁,主要可以概括为:页面框架要清楚;页面不影响设计;页面元素要统一;页面排版要整齐. 3、原型设计不宜占用过多时间.原型图的意义是为团队成员呈现产品的主要功能和逻辑关系,因此不能为了好看而主次颠倒.对于产品经理来说,在原型设计阶段,只需要使用摹客Mockplus之类的专业工具,就能快速完成原型设计,更多的时间则留给用户需求和产品功能的整理,这样才不会犯本末倒置的错误.

平果县18679639534： 如何从无到有设计一个全新的互联网产品 - ？
宇文农宁圣： 产品流程图产品流程图包括业务流程、操作流程和页面跳转流程.业务流程图描述系统内各角色之间的业务关系和作业顺序,包括使用产品各种角色中的操作,是描述整个系统的业务走向和业务流程,以业务处理过程为中心.操作流程图描述用户为完成某个任务而对产品的一个操作流程.页面跳转流程图描述页面之间的跳转逻辑,主要面向表现层.业务流程设计流程设定角色→跑通流程→用“如果……不……”穷尽判断,思考产品背后的判断逻辑.对于操作流程图和页面跳转流程图设计,关键是要模拟用户场景,则需要考虑三个场景用户在什么时候会使用这个功能;用户在使用这个功能的时候希望能提供给他们什么;用户在结束这个功能的时候的感受;

平果县18679639534： 如何由开发人员转为产品经理 - ？
宇文农宁圣： (转)一个从交互设计转到做产品经理的人的经验.如果你想成为一个优秀的产品经理,至少要有一个平和的心态,如果说做设计、做开发,是有一定的被动执行的因素在里面的话,那么产品经理是对整个产品的全局 把握和进度推荐的主动性是...

平果县18679639534： PRD是什么意思 - ？
宇文农宁圣： PRD即产品需求文档,是产品项目由“概念化”阶段进入到“图纸化”阶段的最主要的一个文档.在产品项目中,PRD有“承上启下”的作用,“向上”是对MRD内容的继承和发展,“向下”是要把MRD中的内容技术化,向研发部门说明产品...