01

什么是流程圖？

1

什么是流程圖呢？

說文解字是一種了解定義的好方法。流程圖=流程+圖，如下圖：

流程：Flow, 是指特定主體為了滿足特定需求而進行的有特定邏輯關系的一系列操作過程，流程是自然而然就存在的。但是它可以不規(guī)范，可以不固定，可以充滿問題。

圖：Chart 或者 Diagram, 是將基本固化有一定規(guī)律的流程進行顯性化和書面化，從而有利于傳播與沉淀、流程重組參考。

從定義可以看出，只要有事情和任務，流程就會有，但是并不是所有的流程都適合用流程圖的方式去表現(xiàn)，適合用流程圖去表現(xiàn)的流程是一定程度固定的有規(guī)律可循的，流程中的關鍵環(huán)節(jié)不會朝令夕改的。

2

流程圖與其他圖表的對比

細心觀察你會發(fā)現(xiàn)，身邊但凡很專業(yè)的同事，他們都有很強的業(yè)務邏輯能力，畫流程圖在他們的工作占比中還是有著不小的比例。工作中我們還用到或聽到很多其他類型的圖表，那流程圖與交互設計師們經常說的線框圖(Wireframes)，信息架構圖或站點地圖(Site Map)，開發(fā)工程師們經常說的用例圖(Use Case)或E-R圖，有何種差異呢？簡單做個對比，如圖：

如果要串到某一個項目來說，可以理解成：

用例圖（Use Case）

表現(xiàn)了一個角色在系統(tǒng)里要完成的活動是什么，比如用戶這個角色與ATM取款機的交互過程中，用戶需要完成的活動有存錢，取錢，查詢等。而存錢這個活動再可以進一步細分為插卡，輸入密碼，輸入金額，ATM吐鈔，用戶收款，退卡等活動。用例圖可以不考慮用戶動作的前后次序，而僅僅提取一些關鍵的動賓短語，映射出系統(tǒng)應該滿足的功能點。常用用例圖的人是產品經理和開發(fā)工程師。

流程圖則表示用戶每一個活動的前后次序，比如用戶必須要先插入銀行卡，才能夠輸入密碼，且流程圖必須直接表現(xiàn)出各種異常判斷，比如當密碼錯誤時，出現(xiàn)什么提示，密碼輸入錯誤超過多少次時，出現(xiàn)什么提示和動作。常用流程圖的人是產品經理，設計師，或者任何需要講述業(yè)務如何運作的人。

信息架構圖, 站點地圖

表現(xiàn)為了做一個這樣的系統(tǒng)，功能與內容的展現(xiàn)層次是什么，比如用戶一進去后，歡迎頁面的導航如何設計，是否直接出現(xiàn)取款，存款，查詢，或者還有別的導航？常用信息架構圖的是設計師。但是常用組織架構圖的是HR。

線框圖（Wireframe）

將具體每個界面的內容布局和權重表達出來，且標注出一些交互細節(jié)的設計，比如當密碼錯誤后，如何提示下一步動作。常用線框圖的人是設計師。

實體關系圖 (E-R圖)

則是數(shù)據庫架構的工作，表示一個業(yè)務系統(tǒng)或場景中的實體時間的關系，比如儲戶與銀行卡的關系是歸屬1對多，通過開卡事件產生關聯(lián)。一般來講，用矩形來表示實體，橢圓標識這個實體的屬性，比如儲戶這個實體的屬性有：姓，名，手機號碼，住址等。而銀行卡的屬性有：開戶行，開戶名稱，銀行卡號等。

那么流程圖要體現(xiàn)出他的差異定義，要素是什么？總結出了流程圖的6大要素，可以拿來判斷你所看到的流程圖是否專業(yè)。

• 參與者：誰在這個流程中？可以是系統(tǒng)，可以是個打印機，更多的指什么角色——一般是有某種工種的人。比如客服同時有小A和小B兩人，但是若他們的工作性質完全一樣，那么在流程圖里只需要寫一個客服角色就可以了。
• 活動：做了什么事，比如點餐，結帳等活動。
• 次序：這些事情發(fā)生的前后順序如何，哪個任務是其他任務的前置條件？比如客人不結帳，就不會產生送他優(yōu)惠卡的活動。
• 輸入：每項活動開始取決于什么樣的輸入物或數(shù)據，比如做飯的師傅開始做菜時，需要拿到具體的點菜單。
• 輸出：每項活動結束后，會輸入什么樣的文檔或數(shù)據傳遞給下一方，比如師傅做好菜后，如何讓負責傳菜的人知道菜已經做好？
• 標準化：采用一套標準化的符號用以傳遞你的流程圖，從而使受眾更快明白。關于流程圖的標準化，并不是強制的，事實上，我們見過很多種類的流程圖只要能夠傳遞明白任務和次序其實已經歸類于流程圖了。

02

標準流程圖制作桂規(guī)范

流程圖（Flow Chart）：使用圖形表示算法的思路是一種極好的方法，因為千言萬語不如一張圖！流程圖的制作有一定的規(guī)范，請看下文PPT！