01
什么是流程圖？
1
什么是流程圖呢？
說文解字是一種了解定義的好方法。流程圖=流程+圖，如下圖：
流程：Flow, 是指特定主體為了滿足特定需求而進(jìn)行的有特定邏輯關(guān)系的一系列操作過程，流程是自然而然就存在的。但是它可以不規(guī)范，可以不固定，可以充滿問題。
圖：Chart 或者 Diagram, 是將基本固化有一定規(guī)律的流程進(jìn)行顯性化和書面化，從而有利于傳播與沉淀、流程重組參考。
從定義可以看出，只要有事情和任務(wù)，流程就會有，但是并不是所有的流程都適合用流程圖的方式去表現(xiàn)，適合用流程圖去表現(xiàn)的流程是一定程度固定的有規(guī)律可循的，流程中的關(guān)鍵環(huán)節(jié)不會朝令夕改的。
2
流程圖與其他圖表的對比
細(xì)心觀察你會發(fā)現(xiàn)，身邊但凡很專業(yè)的同事，他們都有很強(qiáng)的業(yè)務(wù)邏輯能力，畫流程圖在他們的工作占比中還是有著不小的比例。工作中我們還用到或聽到很多其他類型的圖表，那流程圖與交互設(shè)計師們經(jīng)常說的線框圖(Wireframes)，信息架構(gòu)圖或站點地圖(Site Map)，開發(fā)工程師們經(jīng)常說的用例圖(Use Case)或E-R圖，有何種差異呢？簡單做個對比，如圖：
如果要串到某一個項目來說，可以理解成：
用例圖（Use Case）
表現(xiàn)了一個角色在系統(tǒng)里要完成的活動是什么，比如用戶這個角色與ATM取款機(jī)的交互過程中，用戶需要完成的活動有存錢，取錢，查詢等。而存錢這個活動再可以進(jìn)一步細(xì)分為插卡，輸入密碼，輸入金額，ATM吐鈔，用戶收款，退卡等活動。用例圖可以不考慮用戶動作的前后次序，而僅僅提取一些關(guān)鍵的動賓短語，映射出系統(tǒng)應(yīng)該滿足的功能點。常用用例圖的人是產(chǎn)品經(jīng)理和開發(fā)工程師。
流程圖則表示用戶每一個活動的前后次序，比如用戶必須要先插入銀行卡，才能夠輸入密碼，且流程圖必須直接表現(xiàn)出各種異常判斷，比如當(dāng)密碼錯誤時，出現(xiàn)什么提示，密碼輸入錯誤超過多少次時，出現(xiàn)什么提示和動作。常用流程圖的人是產(chǎn)品經(jīng)理，設(shè)計師，或者任何需要講述業(yè)務(wù)如何運(yùn)作的人。
信息架構(gòu)圖, 站點地圖
表現(xiàn)為了做一個這樣的系統(tǒng)，功能與內(nèi)容的展現(xiàn)層次是什么，比如用戶一進(jìn)去后，歡迎頁面的導(dǎo)航如何設(shè)計，是否直接出現(xiàn)取款，存款，查詢，或者還有別的導(dǎo)航？常用信息架構(gòu)圖的是設(shè)計師。但是常用組織架構(gòu)圖的是HR。
線框圖（Wireframe）
將具體每個界面的內(nèi)容布局和權(quán)重表達(dá)出來，且標(biāo)注出一些交互細(xì)節(jié)的設(shè)計，比如當(dāng)密碼錯誤后，如何提示下一步動作。常用線框圖的人是設(shè)計師。
實體關(guān)系圖 (E-R圖)
則是數(shù)據(jù)庫架構(gòu)的工作，表示一個業(yè)務(wù)系統(tǒng)或場景中的實體時間的關(guān)系，比如儲戶與銀行卡的關(guān)系是歸屬1對多，通過開卡事件產(chǎn)生關(guān)聯(lián)。一般來講，用矩形來表示實體，橢圓標(biāo)識這個實體的屬性，比如儲戶這個實體的屬性有：姓，名，手機(jī)號碼，住址等。而銀行卡的屬性有：開戶行，開戶名稱，銀行卡號等。
那么流程圖要體現(xiàn)出他的差異定義，要素是什么？總結(jié)出了流程圖的6大要素，可以拿來判斷你所看到的流程圖是否專業(yè)。
- 參與者：誰在這個流程中？可以是系統(tǒng)，可以是個打印機(jī)，更多的指什么角色——一般是有某種工種的人。比如客服同時有小A和小B兩人，但是若他們的工作性質(zhì)完全一樣，那么在流程圖里只需要寫一個客服角色就可以了。
- 活動：做了什么事，比如點餐，結(jié)帳等活動。
- 次序：這些事情發(fā)生的前后順序如何，哪個任務(wù)是其他任務(wù)的前置條件？比如客人不結(jié)帳，就不會產(chǎn)生送他優(yōu)惠卡的活動。
- 輸入：每項活動開始取決于什么樣的輸入物或數(shù)據(jù)，比如做飯的師傅開始做菜時，需要拿到具體的點菜單。
- 輸出：每項活動結(jié)束后，會輸入什么樣的文檔或數(shù)據(jù)傳遞給下一方，比如師傅做好菜后，如何讓負(fù)責(zé)傳菜的人知道菜已經(jīng)做好？
- 標(biāo)準(zhǔn)化：采用一套標(biāo)準(zhǔn)化的符號用以傳遞你的流程圖，從而使受眾更快明白。關(guān)于流程圖的標(biāo)準(zhǔn)化，并不是強(qiáng)制的，事實上，我們見過很多種類的流程圖只要能夠傳遞明白任務(wù)和次序其實已經(jīng)歸類于流程圖了。
02
標(biāo)準(zhǔn)流程圖制作桂規(guī)范
流程圖（Flow Chart）：使用圖形表示算法的思路是一種極好的方法，因為千言萬語不如一張圖！流程圖的制作有一定的規(guī)范，請看下文PPT！
