在看文章時(shí)，我們時(shí)不時(shí)會(huì)碰到各種流程圖：業(yè)務(wù)流程圖、功能流程圖、頁(yè)面流程圖、用戶操作流程圖、系統(tǒng)流程圖等等這些叫得出名叫不出名的流程圖，這著實(shí)讓人頭痛不已，這里作者分享一些自己對(duì)于流程圖的理解，著重介紹產(chǎn)品中會(huì)用到的相關(guān)流程圖，希望能夠拋磚引玉。

定義

百度百科：以特定的圖形符號(hào)加上說(shuō)明，表示算法的圖，稱為流程圖或框圖；

智庫(kù)百科：流程圖是流經(jīng)一個(gè)系統(tǒng)的信息流、觀點(diǎn)流或部件流的圖形代表；

維基百科：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.

（譯文：流程圖是一類代表算法、工作流或過(guò)程的圖表，它通過(guò)一些用箭頭連接的各類圖形來(lái)展示其中的步驟。這類圖形表示方法常用來(lái)闡述一個(gè)給定問(wèn)題的解決模型。）

通俗來(lái)說(shuō)，流程圖就是一個(gè)有特定邏輯順序的步驟地圖，在這份地圖的幫助下，我們可以預(yù)知某類步驟走法所能到達(dá)的終點(diǎn)，同時(shí)，我們也可以通過(guò)這份地圖找到某個(gè)目的地的具體實(shí)現(xiàn)路徑。

種類

維基百科原文引述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年提出流程圖可以根據(jù)不同的用戶群（例如管理人員、系統(tǒng)分析師、書記員）這個(gè)角度來(lái)繪制，并且劃分出了四種常用的種類：

文檔流程圖：展示經(jīng)過(guò)一個(gè)系統(tǒng)中的文檔流的控制；

數(shù)據(jù)流程圖：展示對(duì)一個(gè)系統(tǒng)中數(shù)據(jù)流的控制；

系統(tǒng)流程圖：展示對(duì)于物理層面或資源層面上的控制；

程序流程圖：展示一個(gè)系統(tǒng)中對(duì)于程序的控制；

值得注意的是：相較于特定的流程圖本身，每一類流程圖都更關(guān)注于某一種類型的控制。

然而，這些分類還有好幾種。比如說(shuō)，Andrew Veronis (1978)命名了3類基本種類的流程圖：系統(tǒng)流程圖、通用流程圖、詳細(xì)流程圖。同一年，Marilyn Bohl提出：“事實(shí)上，在解決方案規(guī)劃領(lǐng)域有2類流程圖：系統(tǒng)流程圖和程序流程圖”；離現(xiàn)在更近的是2001的Mark A Fryman，他提出：“在商業(yè)和管理領(lǐng)域，流程圖有更多的種類如決策流程圖、邏輯流程圖、系統(tǒng)流程圖、產(chǎn)品流程圖、過(guò)程流程圖”

在上文中我想強(qiáng)調(diào)與重申的是“Notice that every type of flowchart focuses on some kind of control, rather than on the particular flow itself?！?/p>

相較于特定的流程圖本身，每一類流程圖都更關(guān)注于某一種類型的控制。

看到這里，堅(jiān)強(qiáng)如你是不是也得吐槽一句：“真是B了狗，怎么就沒(méi)有一個(gè)固定的標(biāo)準(zhǔn)，我怎么數(shù)得清有多少種，說(shuō)不定明天又出來(lái)一種新類型的流程圖”。其實(shí)，在這里我引用這么一大段東西，不止是為了讓大家吐槽。更是想要傳遞一個(gè)觀點(diǎn)：“現(xiàn)實(shí)世界中不像程序中那么非0即1，某件事物的定義或定性沒(méi)有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)是不難見到的?！钡惺浇逃坪跤指訃?yán)格強(qiáng)調(diào)標(biāo)準(zhǔn)答案這個(gè)概念，就如我們小時(shí)候，教材被視為絕對(duì)的真理，語(yǔ)文課上考察背誦時(shí)，就需一字不多不少得背下來(lái)，句子中加個(gè)語(yǔ)氣助詞“了”可能都算錯(cuò)。種種這種類似的經(jīng)驗(yàn)就很容易造就了一堆死記硬背的讀書人，當(dāng)他們遇到一個(gè)新概念時(shí)就會(huì)查看其定義，如果定義有嚴(yán)格的標(biāo)準(zhǔn)，那就不管是否已經(jīng)理解先背下來(lái)（當(dāng)然，這種背誦行為不是說(shuō)不好），但如果缺乏一份嚴(yán)格的標(biāo)準(zhǔn)，他們就會(huì)驚慌失措，不知道何去何從。互聯(lián)網(wǎng)產(chǎn)品行業(yè)又是一個(gè)新興領(lǐng)域，其中許多標(biāo)準(zhǔn)與規(guī)范也沒(méi)有達(dá)成共識(shí)，這就需要我們勇于探索和總結(jié)了，希望這段話能夠給鼓勵(lì)一些迷茫于沒(méi)有標(biāo)準(zhǔn)教材學(xué)習(xí)的朋友。

話題扯回來(lái)，對(duì)于PM，我們經(jīng)常接觸到的流程圖又有哪些種類呢？按照產(chǎn)品設(shè)計(jì)過(guò)程中的時(shí)間先后順序，我想分享一下自己對(duì)于產(chǎn)品業(yè)務(wù)流程圖、產(chǎn)品功能流程圖、產(chǎn)品頁(yè)面流程圖的思考和總結(jié)（這里請(qǐng)注意我們將討論前提限制在了產(chǎn)品領(lǐng)域）。

標(biāo)準(zhǔn)

雖然流程圖的類別沒(méi)有嚴(yán)格的分類標(biāo)準(zhǔn)，但對(duì)于其圖形表達(dá)已經(jīng)有一套基本的共識(shí)。在介紹具體的流程圖前，我們先對(duì)常用的圖形標(biāo)準(zhǔn)達(dá)成共識(shí)：

產(chǎn)品業(yè)務(wù)流程圖（繪制人：產(chǎn)品經(jīng)理）

1. 定義

產(chǎn)品業(yè)務(wù)流程圖就是通過(guò)圖形化的表達(dá)形式，闡述產(chǎn)品在業(yè)務(wù)層面控制的圖表。產(chǎn)品業(yè)務(wù)流程圖通常作為產(chǎn)品設(shè)計(jì)初期階段的工具使用，通過(guò)圖形化，能夠更清晰、直觀地傳達(dá)產(chǎn)品在業(yè)務(wù)層面的控制（如業(yè)務(wù)動(dòng)作、方向、邏輯等信息）。

2. 作用

業(yè)務(wù)流程圖通常用于介紹產(chǎn)品業(yè)務(wù)，如產(chǎn)品經(jīng)理需要向老板介紹產(chǎn)品業(yè)務(wù)時(shí)，用流程圖輔助講解的效果，相較于純語(yǔ)言或文字表達(dá)要好得多。

繪制業(yè)務(wù)流程圖的過(guò)程能夠幫助PM根據(jù)產(chǎn)品定位對(duì)產(chǎn)品業(yè)務(wù)進(jìn)行設(shè)計(jì)、分析與優(yōu)化。

3. 實(shí)例

注：這里我們以ofo小黃車為例，粗略地繪制其業(yè)務(wù)流程圖、功能流程圖、頁(yè)面流程圖，希望能夠幫助理解

產(chǎn)品功能流程圖（繪制人:產(chǎn)品經(jīng)理）

1. 定義

產(chǎn)品功能流程圖就是通過(guò)圖形化的表達(dá)形式，闡述產(chǎn)品在功能層面控制的圖表。產(chǎn)品功能流程圖通常作為產(chǎn)品設(shè)計(jì)中期階段的工具使用，通過(guò)圖形化，能夠更清晰、直觀地傳達(dá)產(chǎn)品在功能層面的控制（如功能動(dòng)作、方向、邏輯等信息）。

2. 作用

功能流程圖通常用于介紹產(chǎn)品功能模塊的相互關(guān)系或某個(gè)功能模塊的具體組成，如產(chǎn)品經(jīng)理需要向開發(fā)人員介紹某個(gè)新增功能模塊時(shí)，可以在原型圖宣講之前使用功能流程圖讓其對(duì)功能的輪廓和走向了然于胸。

繪制功能流程圖的過(guò)程能夠幫助PM確定產(chǎn)品的功能范圍同時(shí)避免不合理的功能使用邏輯。

3. 實(shí)例

產(chǎn)品頁(yè)面流程圖（繪制人:交互設(shè)計(jì)師、產(chǎn)品經(jīng)理）

1.定義

產(chǎn)品頁(yè)面流程圖就是通過(guò)圖形化的表達(dá)形式，闡述產(chǎn)品在頁(yè)面層面控制的圖表。產(chǎn)品頁(yè)面流程圖通常作為產(chǎn)品設(shè)計(jì)后期階段的工具使用，通過(guò)圖形化，能夠更清晰、直觀地傳達(dá)產(chǎn)品在頁(yè)面層面的控制（如頁(yè)面功能和信息、方向、邏輯等信息）。

2. 作用

頁(yè)面流程圖通常用于介紹產(chǎn)品頁(yè)面元素及頁(yè)面之間的跳轉(zhuǎn)關(guān)系。

產(chǎn)品頁(yè)面流程圖一般由專門的交互設(shè)計(jì)師進(jìn)行設(shè)計(jì)，其繪制過(guò)程能夠幫助交互設(shè)計(jì)師確定產(chǎn)品頁(yè)面之間合理自然的跳轉(zhuǎn)順序以及頁(yè)面本身的功能及信息構(gòu)成。

3.實(shí)例

總結(jié)

通過(guò)上面的實(shí)例我們不難發(fā)現(xiàn)：業(yè)務(wù)流程圖、功能流程圖、頁(yè)面流程圖的主要區(qū)別在于矩形圖形（流程或節(jié)點(diǎn)）的內(nèi)容的所處層次，其分別對(duì)應(yīng)著業(yè)務(wù)動(dòng)作、功能動(dòng)作、頁(yè)面功能和信息。

整體上來(lái)說(shuō)，產(chǎn)品業(yè)務(wù)流程圖、功能流程圖、頁(yè)面流程圖分別是產(chǎn)品設(shè)計(jì)階段早、中、晚時(shí)期的階段性產(chǎn)物。在產(chǎn)品設(shè)計(jì)階段，從業(yè)務(wù)到功能再到具體頁(yè)面設(shè)計(jì)，這是一個(gè)抽象到具體實(shí)現(xiàn)的過(guò)程，也是產(chǎn)品概念轉(zhuǎn)變?yōu)楫a(chǎn)品介質(zhì)的核心過(guò)程。在這個(gè)過(guò)程中，產(chǎn)品業(yè)務(wù)確定了產(chǎn)品功能范圍，產(chǎn)品功能又進(jìn)一步確定了頁(yè)面的實(shí)現(xiàn)范圍。

最后，作者整理了引言中涉及到的各類流程圖的對(duì)比關(guān)系圖

后話

現(xiàn)在你還在意能否數(shù)清流程圖的種類嗎？其實(shí)流程圖就是一個(gè)圖形化的表達(dá)工具，其繪制過(guò)程能夠幫助我們思考系統(tǒng)在某個(gè)層面的控制，流程圖本身的圖形化表達(dá)也能更簡(jiǎn)潔、清晰的傳達(dá)系統(tǒng)在某個(gè)層面的控制信息（節(jié)點(diǎn)、流轉(zhuǎn)方向等）。對(duì)于這個(gè)工具，我們最好不要鉆牛角地非要數(shù)清流程圖的“界門綱目科屬種”（如上文介紹也沒(méi)有這么一個(gè)通用的標(biāo)準(zhǔn)），根據(jù)實(shí)際情況靈活使用和理解才是第一位。

參考:

（1）維基百科：流程圖

（2）全面解讀流程圖｜附共享單車摩拜ofo案例分析

作者：藍(lán)調(diào)Lee，微博號(hào)：藍(lán)調(diào)L

本文由 @藍(lán)調(diào)Lee 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由作者提供