流程圖很重要，在開發(fā)和測(cè)試中，重要性勝于PRD等文檔，因此多練習(xí)，培養(yǎng)規(guī)范的繪制習(xí)慣和繪制思路，會(huì)減少很多不必要的溝通，也會(huì)讓PM對(duì)產(chǎn)品的脈絡(luò)更加了然于心，庖丁解牛就是這個(gè)道理了。

前前后后做了四五個(gè)項(xiàng)目，確定需求后，交互、UI都要求繪制流程圖，每次都達(dá)不到預(yù)期效果。自己總結(jié)了一下，工具很多，我基本都接觸了，萬(wàn)變不離其宗，再好用的工具也用過(guò)，始終不如意，想來(lái)想去還是覺(jué)得流程圖的功底不夠。

網(wǎng)上搜羅一大圈，大家都各有各的繪制方法，元素的定義也不統(tǒng)一，這并不是什么好事情。所以今天整理了一下流程圖的繪制基本規(guī)范，供大家參考學(xué)習(xí)。

單獨(dú)為項(xiàng)目管理做的流程圖規(guī)范并沒(méi)有，目前的流程圖規(guī)范基本都是為企業(yè)和工業(yè)，研究了一些相關(guān)的資料和我大學(xué)時(shí)候的相關(guān)課件筆記，做了一些優(yōu)化，希望可以更適應(yīng)互聯(lián)網(wǎng)產(chǎn)品的流程圖繪制。

一、流程圖繪制的核心

繪制流程圖是梳理思路的最好方法，沒(méi)有之一。在產(chǎn)品處于想法過(guò)渡到模型的階段，流程圖對(duì)模型建構(gòu)起了提綱挈領(lǐng)的作用。流程圖對(duì)應(yīng)用戶體驗(yàn)要素中的結(jié)構(gòu)層或者范圍層，可以梳理功能模塊、業(yè)務(wù)流程、使用路徑。繪制流程圖一定要注意，太亂、太復(fù)雜的流程圖不是真的多難，是你自己沒(méi)有梳理好，這個(gè)時(shí)候一定要反思。

二、流程圖元素定義

參考：標(biāo)準(zhǔn)流程圖制作規(guī)范講義（百度文庫(kù)）

二、流程圖結(jié)構(gòu)分類

1.循序結(jié)構(gòu)

定義：根據(jù)流程圖的步驟，依次執(zhí)行，符合理想狀態(tài)下的流程圖，也是流程圖主軸的基本結(jié)構(gòu)。這也符合我之前在登陸注冊(cè)中提到的一個(gè)概念——正常功能和異常處理。

語(yǔ)法解讀：DO 任務(wù)1——then do 任務(wù)2

適用場(chǎng)景：流程圖中的主要步驟或環(huán)節(jié)，按照產(chǎn)品設(shè)計(jì)依次進(jìn)行。

2.二元選擇結(jié)構(gòu)

定義：二元選擇結(jié)構(gòu)是最常見(jiàn)的，我們經(jīng)常遇到需要處理“是”或“否”、“確定”或“取消”這樣的組合式選擇。最常用的元素就是”判斷決策”。

語(yǔ)法解讀：if 條件成立，then do 選擇1；or do選擇2。

適用場(chǎng)景：二元選擇結(jié)構(gòu)出現(xiàn)在決策選擇環(huán)境下，一般都是二元組合式選項(xiàng)，必選其一，或者只有其一。當(dāng)選擇二者之一時(shí)，也對(duì)應(yīng)不同的路徑。

3.多重選擇結(jié)構(gòu)

定義：流程圖依據(jù)條件或者類型，提供兩個(gè)以上的選項(xiàng)或者方案，且互相之間不是組合式選項(xiàng)，并列存在，不沖突。

語(yǔ)法解讀：for條件P ? case1 do方案1

Case2 do方案2

Case3 do方案3

………

適用場(chǎng)景：當(dāng)條件或者類型固定后，程序給出多個(gè)同層次的選擇和方案，自由選擇，每個(gè)方案都按照程序設(shè)定給出路徑。

4.重復(fù)結(jié)構(gòu)

定義：條件本身的滿足狀態(tài)處于可激活狀態(tài)，通過(guò)重復(fù)某一要素可滿足該狀態(tài)，從而實(shí)現(xiàn)程序目的。重復(fù)結(jié)構(gòu)只有當(dāng)條件為真時(shí)才繼續(xù)其他程序。

語(yǔ)法解讀：repeat do 程序 until條件滿足

適用場(chǎng)景：可重復(fù)可逆的操作，先進(jìn)行程序處理，再確定是否滿足條件。該操作會(huì)對(duì)條件產(chǎn)生能動(dòng)作用，并最終有可能滿足條件，從而結(jié)束重復(fù)，進(jìn)入出口。

5.DO-while結(jié)構(gòu)

定義：該結(jié)構(gòu)和多重選擇結(jié)構(gòu)相似，區(qū)別在于，當(dāng)條件為false時(shí)，不再重復(fù)。

語(yǔ)法解讀：while條件，do程序，end

適用場(chǎng)景：先判斷條件是否滿足，再?zèng)Q定是否繼續(xù)重復(fù)該操作。

三、流程圖繪制原則

1.流程中每個(gè)元素內(nèi)必須鍵入key word，主軸尤其如此，旁支需要備注的，采用備注元素不影響當(dāng)前流程順序的前提下選取合理位置備注，務(wù)必簡(jiǎn)明扼要。

2.當(dāng)某流程出現(xiàn)選擇或決策結(jié)果時(shí)，需要認(rèn)真走查，避免出現(xiàn)漏洞，導(dǎo)致流程無(wú)法形成閉環(huán)，功能缺失。

3.繪制時(shí)，考慮流程圖全局，合理安排繪制路線，盡量繪制的簡(jiǎn)單明晰。繪制必須遵從從上自下，從左至右的順序，為了提高流程圖的邏輯性，可以在每個(gè)元素上用阿拉伯?dāng)?shù)字進(jìn)行標(biāo)注。

4.處理程序需要形成閉環(huán)。堅(jiān)持一個(gè)入口，一個(gè)出口的特性，使得流程圖在邏輯上不出現(xiàn)缺失（該特性僅適用流程圖內(nèi)部部分流程）

5.路徑應(yīng)避免交叉。

6.統(tǒng)一路徑的指示方向只有一個(gè)。

四、繪制小竅門

1、拆分模塊。經(jīng)常會(huì)遇到業(yè)務(wù)說(shuō)“這個(gè)功能我們也要”‘大概就是這個(gè)樣子’，雖然這是很不負(fù)責(zé)的言論，但是作為PM要針對(duì)業(yè)務(wù)提出的總體目標(biāo)或者需求，進(jìn)行分割，例如用戶下單可以分為登陸、瀏覽商品、編輯訂單、支付動(dòng)作、完成/未完成。按照這種小的模塊來(lái)繪制流程圖會(huì)很清晰，而不至于亂糟糟的一團(tuán)，還不如不繪制。

2、子流程巧用。有很多的小模塊可以不聽的復(fù)用，但是在整個(gè)大的流程中，不聽的繪制重復(fù)的模塊是很費(fèi)時(shí)間，也會(huì)弱化流程圖的清晰感。其實(shí)頻繁復(fù)用的子流程作為“圖例”來(lái)使用是最好不過(guò)的，沒(méi)必要浪費(fèi)時(shí)間重復(fù)繪制，費(fèi)力不討好。

3、泳道圖之間關(guān)聯(lián)盡量單一。繪制泳道圖是處理多角色、多系統(tǒng)、多模塊的復(fù)雜需求的最好方法。泳道圖的本質(zhì)就是希望可以通過(guò)角色、系統(tǒng)、模塊的劃分將復(fù)雜的功能梳理切割清晰，因此多模塊之間的關(guān)聯(lián)盡可能單一，實(shí)際中也不存在多聯(lián)系線條的情況（可自己驗(yàn)證），因此如果泳道之間多條關(guān)聯(lián)，最好自己反思下是不是模塊切割的不合理，繪制圖不夠簡(jiǎn)潔。

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