**產品經理之流程圖**

• 可關注公衆號：圓珠筆LeeLen 查看原文章

• 不知道從什麼時候開始發現生活中和工作中一個問題：因爲一個專業名詞的定義，爭論的不可開交，仔細想來，是因爲我們都喜歡一個名詞的專有定義，因爲沒有一個固定的答案，吵到最後大家都會去百度，google，等等…找一個標準的答案cai罷休，否則容易斷章取義，其實雙方談論的已經不是同一個事情了，但這個是九年義務教育造成的，你我改變不了，只能相互提醒罷了。

  1、 流程圖的定義

  每個學計算機的小夥伴都應該知道，在大學的時候有一門課程叫<操作系統>，首先提到的流程圖的概念，我也是搬過來而已，因爲它權威
  
  流程圖：使用特殊符號加上說明，表示算法思路的圖；
  
  使用對象：產品經理、開發、設計師
  
  特點：按照主體進行的次序排布，不同順序會有不同的結果；
  目的： 1、查漏補缺，檢驗是否有遺漏的分支流程 2、傳達需求，用流程圖來更好地表達產品邏輯 3、保證產品的使用邏輯合理順暢
  

  2、流程圖的意義

    流程圖爲觀衆快速瞭解業務提供一種簡明扼要、直觀的概述，直觀簡明的看到：某個主體在什麼時候，什麼條件下，做了什麼事情，得到了什麼結果，這個圖可以在具體的工作場景中得到運用；
  

  1、產品評審會

  流程圖能夠提供一種快速瞭解業務如何運作的視圖，通過業務流程圖，新員工能夠快速明白業務的最終目標是什麼，中有哪些角色在參與以及他們的職責，以及彼此之間的聯接。
  
  除了培訓新員工，在員工輪崗、調職場景中，員工也需要業務流程圖參考，明白新的工作內容如何開展，以及自己所處的位置，自己的上游是誰，下游是誰，自己需要交付的工作內容是什麼。
  

  2、優化流程與重組

  通過調研，分析業務流程圖，引入更多角色，能夠分析出目前業務流程的問題：缺失，重複，風險，效率等等。從而制定相應的優化方案。
  

  3、信息化基礎

   在做系統的功能設計和系統流程設計時，必須先要了解目前業務是如何運作的呢？從而更好分析分析，更好說明系統在什麼環節取代了什麼類型的人肉工作？
  
  
  
  所以我們看到的PRD往往也會先以業務流程圖開始說明，而敘述一個系統建設的好處時，也可以用以前的業務流程與系統上了之後的業務流程進行對比。根據分析，將願景中的新的業務流程圖背後需要系統的功能點撰寫清楚
  

  3、 流程圖的分類

    流程圖其實在高中就有所接觸，比如：條件結構、循環結構、直到型結構，在運用中也是；具體如下
  

  直到型 結構型 循環型

   在工作中，作爲UED，你可能會發現PD經常談的是業務流程，和任務流程，而作爲交互設計師，更多產出的是頁面流程圖。頁面流程圖和業務流程圖到底有什麼關係呢？
  

  先有誰，其次再有誰呢？

  因此流程圖分爲：業務流程圖、任務流程題、頁面流程圖、功能流程圖、數據流程圖

  一個需求從調研開始，到產品落地：由戰略、規劃、執行、業務、功能設計、頁面設計

  也就是：

  <1>先是有一個業務需求和業務目標，也即我們的願景是什麼？（戰略）

  <2>然後就誕生了我們需要分解出什麼樣的任務，如何執行戰術？（規劃）

  <3>然後就誕生了我們需要分解出什麼樣的任務，如何執行戰術？（戰術）

  <4>然後就誕生了需要架構什麼部門，崗位去分工協作？（組織架構）

  <5>然後就誕生了不同的部門在協作完成某件任務時的業務流程？（業務流程）

  <6>業務流程基本穩定後，往往會考慮優化效率，所以會誕生出系統來支持流程，減少人肉環節，促進數據採集（系統願景）

  <7>爲了設計這個系統，PD需要思考什麼功能能夠取代某個環節的人肉工作（功能需求，系統流程）

  <8>不管是怎麼樣的功能最終都會以界面的方式呈現，設計師們會關注用戶在系統裏的任務流，行爲路徑，讓用戶完成任務更加高效愉悅。（頁面流程）

  1、業務流程圖

  業務流程是：

  那我們抽象一下購物的業務流程

  截屏2020-05-06上午12.01.32.png

   無論是網購還是在實體超市，都是以這三個行爲爲主體，然後進行擴展的。相對於大家平時看到的複雜的網購流程圖，以上的三步流程簡直簡單的令人髮指，而這恰恰是印證了大道至簡的原理。我始終堅信無論再複雜的事情都能簡化爲極其簡單的事情，如果你無法將其簡化，說明只是你沒有理解其核心。
  

  2、任務流程圖：反映出⽤用戶完成某個具體任務時的操作流程，是從抽象到具體的過程；

  從整體 --> 局部流程 從主幹 --> 分支流程 從正常 --> 異常流程

  截屏2020-05-06上午12.14.19.png

  3、頁面流程圖：說明用戶完成一個任務，需要經過哪些頁面；

  截屏2020-05-06上午12.42.04.png

   由上圖紅框中的三個節點我們可以看出，頁面流程圖依然是包含在業務流程圖的。這恰恰符合定義中的要求，同時也印證了頁面流程圖的正確性。相較於一開始的極簡流程圖，現在的流程圖已經漸漸變得複雜了一些。我們將抽象的業務，映射在了具象的頁面上，用軟件的頁面承載起了業務需求。而以上就是由業務流程圖到頁面流程圖的轉化過程
  

  4、功能流程圖：指單頁面內或多頁面之間的功能操作流程，其包含在頁面流程中。

  流程圖大全.png

   由上圖紅框中的四個節點我們可以看出，功能流程圖同樣也是由頁面流程圖拓展而來的。功能流程圖是在頁面流程圖的基礎上繼續深化，變得更加複雜。同時也漸漸變得像大家日常看到的流程圖一樣。
  

  5、數據流程圖

  用戶在功能流程圖中的每一個操作，對應都會反映在數據流程圖中，主要表達計算機程序對於業務的實現原理；

  數據流暢圖更偏技術思維，更多的是展現後臺程序的實現原理。所以，常常是開發人員繪製此圖，而產品經理涉及較少。但隨着產品經理地不斷成長，向上提高到戰略層，而向下則會深入到實現層。理解程序的開發原理和背後的數據流轉，無疑會讓產品經理對產品設計有更加深刻的理解。
  

  4-67.png

   相較於之前的圖表，數據流程圖增加了新的維度——程序。客戶端在展現用戶操作行爲的同時，也表達了程序在用戶行爲背後的動作。而往往大家說一個產品複雜的時候，可能只注意到了它的前端交互複雜，而忽視了後端邏輯的複雜。對於一個優秀的產品經理來說，不止要關注前端的用戶體驗，更要能看清事物背後的邏輯。畢竟人人都可以對用戶體驗指手畫腳，而說到程序實現，那可就體現出產品經理的專業性來了。
  

  6、流程圖的畫法之一：泳道圖

  最簡單的業務流程，那麼顆粒度再加深，就抽象出具體的子流程以及多活動的主體的泳道圖；泳道圖是流程圖中的一種畫法，是將流程圖中的一些流程節點按操作角色的不同而劃分

  截屏2020-05-06上午12.35.25.png

  4、 流程圖的畫法

  流程圖主要由：主幹、分支、子流程構成，對於新入職瞭解產品有很好的幫助，對於整理、熟悉業務也有很好的幫助；
  

  流程圖的組成基本的元素有：

  6-52.png

  對於如何畫好流程圖，在畫流程圖的時候應該思考什麼樣的問題，下邊這篇文章寫得很好，自認爲無法超越，分享給大家。

  如何繪製業務流程圖

  5、 流程圖與其他圖的差異性
  1、用例圖(Use Case) 2、E-R圖(實體關係圖)

  3、線框圖(Wireframes)

  4、信息架構圖、站點地圖(Site Map) 5、信息結構圖、功能結構圖

  1、用例圖

  表現了一個角色在系統裏要完成的活動是什麼，比如用戶這個角色與ATM取款機的交互過程中，用戶需要完成的活動有存錢，取錢，查詢等。而存錢這個活動再可以進一步細分爲插卡，輸入密碼，輸入金額，ATM吐鈔，用戶收款，退卡等活動。用例圖可以不考慮用戶動作的前後次序，而僅僅提取一些關鍵的動賓短語，映射出系統應該滿足的功能點。

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

  截屏2020-05-06上午1.18.11.png

  截屏2020-05-06上午1.18.56.png

  2、E-R圖(實體關係圖)

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

  截屏2020-05-06上午1.21.55.png

  截屏2020-05-06上午1.23.11.png

  3、線框圖(Wireframes)

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

  截屏2020-05-06上午1.24.41.png

  截屏2020-05-06上午1.25.06.png

  4、信息架構圖、站點地圖(Site
  Map)：表現爲了做一個這樣的系統，功能與內容的展現層次是什麼，比如用戶一進去後，歡迎頁面的導航如何設計，是否直接出現取款，存款，查詢，或者還有別的導航？常用信息架構圖的是設計師。但是常用組織架構圖的是HR。

  截屏2020-05-06上午1.27.15.png

  截屏2020-05-06上午1.27.39.png

  5、信息結構圖、功能結構圖

  截屏2020-05-06上午1.29.44.png

  6、 流程圖總結

   那麼流程圖要體現出他的差異定義，要素是什麼？總結出了流程圖的6大要素，希望大家能夠記住，這6個要素可以在以後的文章裏不斷回顧，你也可以拿來判斷你所看到的流程圖是否專業
  

  截屏2020-05-06上午1.31.16.png

  參與者：誰在這個流程中？可以是系統，可以是個打印機，更多的指什麼角色——一般是有某種工種的人。比如客服同時有小A和小B兩人，但是若他們的工作性質完全一樣，那麼在流程圖裏只需要寫一個客服角色就可以了。

  活動：做了什麼事，比如點餐，結帳等活動。

  次序：這些事情發生的前後順序如何，哪個任務是其他任務的前置條件？比如客人不結帳，就不會產生送他優惠卡的活動。

  輸入：每項活動開始取決於什麼樣的輸入物或數據，比如做飯的師傅開始做菜時，需要拿到具體的點菜單。

  輸出：每項活動結束後，會輸入什麼樣的文檔或數據傳遞給下一方，比如師傅做好菜後，如何讓負責傳菜的人知道菜已經做好？

  標準化：採用一套標準化的符號用以傳遞你的流程圖，從而使受衆更快明白。

  關於流程圖的標準化，並不是強制的，事實上，我們見過很多種類的流程圖，只要能夠傳遞明白任務和次序其實已經歸類於流程圖了

  7、 流程圖工具 工慾善其事必先利其器，這句話我還是深信不疑的，那麼找幾個工具供大家選擇

  截屏2020-05-06上午1.35.45.png

  任何複雜事物都可以拆解爲最小單元，然後由最小單元逐漸還原複雜事物。圖片素材是找資料的，如有雷同，侵權，可以通知我撤掉。
  

  可關注公衆號：圓珠筆LeeLen 查看原文章