作為PRD的核心部分，業(yè)務(wù)流程圖對(duì)產(chǎn)品研發(fā)的各個(gè)環(huán)節(jié)能否跑通，業(yè)務(wù)是否順暢至關(guān)重要。好的流程圖，可以快速讓整個(gè)團(tuán)隊(duì)熟悉理解業(yè)務(wù)，并優(yōu)化業(yè)務(wù)。
最近看到一些小伙伴在繪制流程圖過(guò)程中的一些迷茫，有點(diǎn)是不太能區(qū)分流程圖和狀態(tài)機(jī)，也有些小伙伴的流程圖過(guò)于復(fù)雜，縱橫交錯(cuò)之后很難讓人一目了然。
在axure 8.1更新后，正好新增了18個(gè)流程圖標(biāo)，對(duì)直接通過(guò)axure繪制流程圖帶來(lái)了極大的便利，基本上通過(guò)auxre提供的流程圖標(biāo)，多少情況是能較好的完成流程圖的繪制任務(wù)。
很多工具都可以畫出很工整漂亮的流程圖，關(guān)鍵還在于對(duì)業(yè)務(wù)的理解和把握。
不要迷戀工具，你會(huì)有更好的效率。
一、常用圖標(biāo)含義
工欲善其事，必先利其器。要能繪制比較好的流程圖，起碼得了解，在什么情況下應(yīng)該用什么東西來(lái)表達(dá)它的含義，同時(shí)還能保證整個(gè)團(tuán)隊(duì)達(dá)成一致，形成“流程規(guī)范”，特別是對(duì)于某些具有標(biāo)準(zhǔn)性含義的圖形，大家人所共知，則是我們應(yīng)該遵循的共同準(zhǔn)則。
通常作為要執(zhí)行的處理（process），在流程圖中做執(zhí)行框，有時(shí)也直接指代某一個(gè)頁(yè)面。如頁(yè)面和執(zhí)行命令放在同一個(gè)流程中做說(shuō)明，可以通過(guò)背景色、文字說(shuō)明作為區(qū)別。
矩形作為最常用的圖標(biāo)，也往往過(guò)于濫用，不管是過(guò)程中的命令執(zhí)行，甚至是流程的開始和結(jié)束都往往直接用矩形直接代替了事。
業(yè)務(wù)流程圖中的重要組成部分。如果你的功能邏輯很復(fù)雜步驟很長(zhǎng)，一定要通過(guò)定義子流程的方式來(lái)優(yōu)化整個(gè)業(yè)務(wù)流程圖，否則的話，整個(gè)流程圖的可讀性會(huì)非常的差，而且很難把業(yè)務(wù)梳理清晰。
當(dāng)然不排除你繪制一個(gè)圖之后的那種成就感，因?yàn)殡x開你，別人一時(shí)半會(huì)兒真的不能明白。如電商系統(tǒng)的訂單流程，退化貨就可以做成子流程。
好的流程圖，應(yīng)該像一串葡萄，反過(guò)來(lái)就是一張蜘蛛網(wǎng)了。子流程能夠有效的幫你梳理出一個(gè)業(yè)務(wù)系統(tǒng)中的關(guān)鍵環(huán)節(jié)，做任何的業(yè)務(wù)分細(xì)，都應(yīng)該先從大處入手，環(huán)環(huán)相扣，降低圖的“耦合度”。
這個(gè)圖標(biāo)太重要了。表示程序的開始或者結(jié)束，在程序流程圖中用作為起始框或者結(jié)束框。目的就是讓每一個(gè)查看流程圖的小伙伴能清晰的知道這個(gè)流程從哪里開始，又在哪里結(jié)束。
和矩形相比，它的命運(yùn)是另外一種結(jié)局，更多的情況下它被遺忘了。不過(guò)在use case用例圖中，橢圓則用于用例。
表示決策或判斷（例如：If...Then...Else）,在程序流程圖中，用作條件的判斷框。當(dāng)條件達(dá)成時(shí)，怎樣處理，條件不滿足時(shí)怎樣處理，如登陸判斷。
表達(dá)為一個(gè)文件，可以是當(dāng)前流程（場(chǎng)景）下生成的文件，也可以是調(diào)用的文件。
一般情況下，需要根據(jù)實(shí)際情況輔以文字說(shuō)明，特別是在大型的系統(tǒng)中如電商平臺(tái)的訂單流轉(zhuǎn)。
業(yè)務(wù)流程中，常出現(xiàn)一個(gè)環(huán)節(jié)會(huì)生成多個(gè)文件（文檔）的情況，如入職的時(shí)候除了簽署合同之外還有保密協(xié)議等。此時(shí)，再用文件圖標(biāo)就已經(jīng)非常的不合適。
對(duì)當(dāng)前流程或動(dòng)作的注釋或者說(shuō)明。對(duì)關(guān)鍵信息做一段執(zhí)行說(shuō)明，非常有必要。
這個(gè)圖標(biāo)很重要（但較少用的圖標(biāo)），根本原因在于它的識(shí)別度不是特明顯，所以通常會(huì)選擇axure的另外一個(gè)圖標(biāo)：標(biāo)簽，或者再定義一個(gè)有顏色區(qū)分的圖標(biāo)，加深對(duì)關(guān)鍵點(diǎn)的印象，特別是異常情況說(shuō)明。
在使用中常作為流程頁(yè)面跳轉(zhuǎn)、流程跳轉(zhuǎn)的標(biāo)記。這個(gè)圖標(biāo)建議”小心使用“，在流程圖中出現(xiàn)頁(yè)面/流程的跳轉(zhuǎn)，很容易讓人”誤入歧途“出現(xiàn)迷失現(xiàn)象。在必須時(shí)，務(wù)必輔以注釋說(shuō)明。
表示準(zhǔn)備之意，大多數(shù)人用作流程的起始，類似起始框，表示當(dāng)前的流程從這里開始?？芍苯釉趫D標(biāo)中寫”開始“字樣，表示流程從這里開始執(zhí)行。
一般表示數(shù)據(jù)，或確定的數(shù)據(jù)處理。用途最多的是資料的手工輸入（Input），如訂單系統(tǒng)輸入單據(jù)。建議在實(shí)際使用時(shí)加入背景色，更顯目與區(qū)別矩形（執(zhí)行命令）。
來(lái)自于use case 用例，模擬流程中執(zhí)行操作的角色是誰(shuí)。需要注意的時(shí)，角色并非一定是人，有時(shí)候是機(jī)器自動(dòng)執(zhí)行，有時(shí)候也可是是模擬一個(gè)系統(tǒng)管理。
指保存的數(shù)據(jù)（庫(kù)）。既可以是保存在服務(wù)器的數(shù)據(jù)，也可以是保存在本地的數(shù)據(jù)。
業(yè)務(wù)系統(tǒng)中必不可少的一個(gè)流程圖標(biāo)。在axure 8.1中，還有針對(duì)內(nèi)、外部存儲(chǔ)專門的圖標(biāo)，用數(shù)據(jù)圖標(biāo)作為統(tǒng)一的存儲(chǔ)更有助于整個(gè)團(tuán)隊(duì)快速理解。
表示一張圖片，或者置入一個(gè)已經(jīng)畫好的圖片、流程或者一個(gè)環(huán)境。往往也直接用文件（文檔）代替。
梯形、三角形、延遲、關(guān)閉頁(yè)面鏈接、排序、求和等圖形，用的頻率要少很多，這里不再展開。
作為產(chǎn)品經(jīng)理，一定要能夠熟練掌握這些基本圖標(biāo)，并且要讓你的團(tuán)隊(duì)能夠正確的識(shí)別常用圖標(biāo)，提高溝通效率。
二、邏輯結(jié)構(gòu)
業(yè)務(wù)流程圖之所以“難畫”，或者讓人看不明白，除了對(duì)業(yè)務(wù)本身的理解，歸納、抽象之外，在于流程“圖”本身的結(jié)構(gòu)“晦澀難懂”，業(yè)務(wù)流程圖中最容易出現(xiàn)的就是十字交叉，以及各種千里之外迂回連接線，如再出現(xiàn)多流程分支的并發(fā)處理邏輯（多元選擇結(jié)構(gòu)），這樣的流程圖，除了帶給產(chǎn)品經(jīng)理制圖的成就感之外，實(shí)在是讓人如捧天書般不知如何下手。
循序結(jié)構(gòu)
結(jié)構(gòu)意義：處理程序按順序依次執(zhí)行
處理語(yǔ)法：
DO 處理程序1 THEN DO 處理程序2。
應(yīng)用場(chǎng)景：具有循序發(fā)生特性的處理程序，圖形上下（左右，通常上下順序更便于閱讀者習(xí)慣性的理解）順序就是處理程序進(jìn)行順序。
二元選擇結(jié)構(gòu)
結(jié)構(gòu)意義：從兩個(gè)程序（判斷條件）中選擇一個(gè)執(zhí)行，流程依據(jù)某些條件，分別進(jìn)行不同處理程序。
處理語(yǔ)法：
IF? 條件 THEN???
? ? ? ? ? ? ?DO 處理程序1
ELSE????
? ? ? ? ? ? ?DO 處理程序2
應(yīng)用場(chǎng)景：須經(jīng)選擇或決策過(guò)程，再依據(jù)選擇或決策結(jié)果進(jìn)行不同處理程序 。
多元選擇結(jié)構(gòu)
結(jié)構(gòu)意義：為二元選擇結(jié)構(gòu)的一個(gè)變體，從多個(gè)程序中選擇一個(gè)符合條件的繼續(xù)執(zhí)行。流程依據(jù)某些條件，分別進(jìn)行不同處理程序。
處理語(yǔ)法：
FOR 條件 P
? ? ? ? ? CASE 1??? DO 處理程序1
? ? ? ? ? CASE 2??? DO 處理程序2
? ? ? ? ? ?.......
? ? ? ? ? CASE n??? DO 處理程序n
應(yīng)用場(chǎng)景：如訂單系統(tǒng)中，達(dá)成不同的訂單金額即可免郵，在處理此類邏輯的畫風(fēng)就開始變得撲朔迷離，特別容易出現(xiàn)流程迂回導(dǎo)致整個(gè)流程圖頻繁十字交叉。
重復(fù)結(jié)構(gòu)
結(jié)構(gòu)意義：重復(fù)做某件事（執(zhí)行處理程序）直到滿足某一條件為止。
處理語(yǔ)法：
REPEAT
? ? ? ? ? ? DO 處理程序
UNTIL 條件
應(yīng)用場(chǎng)景：處理程序依據(jù)條件需重復(fù)執(zhí)行的情況，如登陸時(shí)至少允許用戶輸入密碼。
三、繪圖規(guī)范
1、一個(gè)流程圖有且只有一個(gè)開始入口（開始圖標(biāo)），當(dāng)流程圖出現(xiàn)多個(gè)結(jié)束出口（結(jié)束圖標(biāo)），則極可能說(shuō)明該流程的耦合度過(guò)高，還有很大的優(yōu)化空間。
流程圖的目其一為了讓閱讀者理解業(yè)務(wù)，同時(shí)也是在考慮業(yè)務(wù)本身的優(yōu)化。
很多時(shí)候，很容易為了把圖畫完，同時(shí)又為了避免“線路”交叉而畫出了多個(gè)結(jié)束點(diǎn)（結(jié)束圖標(biāo)）。
2、選對(duì)合適的圖形，用恰當(dāng)、簡(jiǎn)潔的詞匯描述每一個(gè)節(jié)點(diǎn)。
流程圖的圖標(biāo)可能沒(méi)有絕對(duì)一直的標(biāo)準(zhǔn)，但有它本身約定成俗，習(xí)慣性的用法，特別是常用的矩形，菱形等，應(yīng)當(dāng)盡可能的熟悉并采用這一類圖形的共同規(guī)范，以降低溝通成本（盡管每個(gè)團(tuán)隊(duì)可以自定義圖標(biāo)的含義）。
如輸入密碼，生成訂單，簡(jiǎn)潔而又真實(shí)的業(yè)務(wù)動(dòng)作是恰當(dāng)?shù)囊环N表述。
3、單一入口、單一出口原則。
圖一，姑且可認(rèn)為只是畫風(fēng)的問(wèn)題，對(duì)業(yè)務(wù)不會(huì)造成大的麻煩。
圖二則很容易形成誤解，條件一的判斷邏輯被忽略，因?yàn)闆](méi)有明確的指向節(jié)點(diǎn)。
流程圖的每一個(gè)條件判斷和命令執(zhí)行，都必須指向明確的節(jié)點(diǎn)。處理程序的基本原則是依處理邏輯順序執(zhí)行，每一個(gè)符號(hào)都必須有完整的邏輯關(guān)系，必須保證不出現(xiàn)任何懸而未決狀況。
4、避免交叉，十字交叉圖在流程圖中特別容易讓人混亂。如下圖所示：
前文有提到，好的流程圖，應(yīng)該像一串葡萄，反過(guò)來(lái)就是一張蜘蛛網(wǎng)了。子流程能夠有效的幫你梳理一個(gè)業(yè)務(wù)系統(tǒng)中的關(guān)鍵環(huán)節(jié)，做任何的業(yè)務(wù)分細(xì)，都應(yīng)該先從大處入手，環(huán)環(huán)相扣，降低圖的“耦合度”。
因此，作為一個(gè)產(chǎn)品經(jīng)理，一定要深入的理解業(yè)務(wù)，高度抽象業(yè)務(wù)的邏輯關(guān)系，理清楚什么是主干業(yè)務(wù)，什么是分支流程。
在流程圖的繪制過(guò)程中，充分施展“子流程”的魔力，降低業(yè)務(wù)的耦合度，提升流程圖的可讀性。子流程的應(yīng)用，不但使得上下游各個(gè)環(huán)節(jié)快速的理解業(yè)務(wù)，也有助于提高制圖的效率。
切記，盡一切可能的避免流程的十字交叉。
畫圖不是一個(gè)產(chǎn)品經(jīng)理的炫技，理清楚業(yè)務(wù)邏輯才真正體現(xiàn)價(jià)值。
四、幾條小建議
你應(yīng)該：
在整個(gè)組織內(nèi)思考流程，在部門之間協(xié)作
與流程牽涉的所有環(huán)節(jié)/人員保持持續(xù)溝通，并確認(rèn)一致
繪圖前，確認(rèn)流程正確的起點(diǎn)和結(jié)束
對(duì)規(guī)則保持一致的認(rèn)可
你不能：
把流程圖局限在某個(gè)點(diǎn) ，在真空中工作
單兵作戰(zhàn)，陷入太多的細(xì)節(jié)
按照你自己的想當(dāng)然繪制流程圖
—— END ——
