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

定義

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

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

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

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

通俗來說，流程圖就是一個有特定邏輯順序的步驟地圖，在這份地圖的幫助下，我們可以預(yù)知某類步驟走法所能到達(dá)的終點，同時，我們也可以通過這份地圖找到某個目的地的具體實現(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)分析師、書記員）這個角度來繪制，并且劃分出了四種常用的種類：

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

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

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

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

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

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

在上文中我想強調(diào)與重申的是“Notice that every type of flowchart focuses on some kind of control, rather than on the particular flow itself。”

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

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

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

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

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

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

1. 定義

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

2. 作用

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

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

3. 實例

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

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

1. 定義

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

2. 作用

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

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

3. 實例

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

1.定義

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

2. 作用

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

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

3.實例

總結(jié)

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

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

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

后話

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

參考:

（1）維基百科：流程圖

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

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

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

題圖由作者提供