??? 工作中經常會遇到“產品流程”，流程說白了就是先做什么后做什么。菜苔君日常工作中大概最多接觸的是以下流程，他們包括業(yè)務流程圖、操作流程圖以及頁面流程圖。流程圖的作用在于幫助產品經理梳理、完善用戶操作流程。工作中通過模擬不同用戶在不同場景下對流程中每個步驟的具體操作，便可以很方便地對整個流程進行評估，確定流程是否可以保障所有用戶都能很好地完成整個任務。因此，在進行流程制作之前，我們需要熟悉相關的業(yè)務場景，對用戶整個流程的操作了然于胸。菜苔君習慣先在腦子里熟悉流程后用紙筆寫出流程草圖，再視流程復雜程度看需不需要模型化，模型化菜苔君習慣用VISIO來做。借助可視化的流程圖，溝通效率會提高很多，能有效降低團隊成員的溝通成本。

一、業(yè)務流程圖

??? 畫業(yè)務流程圖通常會用到“泳道圖”，這個是專門表示多角色配合的一種流程。如下圖，是菜苔君以前做過的一個教育類的產品中，老師布置課后作業(yè)的流程：

泳道圖

??? 角色有三個，老師、系統(tǒng)（后臺）、學生。

??? 菜苔君認為，業(yè)務流程應該是站在大局的角度來思考的，思考的時候是著眼于整個系統(tǒng)，而不單是用戶角度，因為用戶不必知道后臺的一些判斷細節(jié)，但是做為產品規(guī)劃人員一定要清楚。而在繪制流程圖時可以不用給出太多細節(jié)的判斷，給出關鍵流程節(jié)點即可。

??? 上面的示例中，老師布置作業(yè)后，系統(tǒng)會生成一份作業(yè)題，反饋給學生，學生可以在規(guī)定時間內完成作業(yè)，也可以在作業(yè)過期后繼續(xù)完成作業(yè)。學生提交作業(yè)后，系統(tǒng)自動批改客觀題，然后將主觀題留給老師手動批改，系統(tǒng)生成作業(yè)報告給學生查看。這樣就基本完成了一個完整的流程。

一、操作流程圖

??? 操作流程圖，就是用戶對產品的一個操作流程，這個流程是為了完成某個任務。比如登錄注冊等。

??? 下面是用戶在購物時，用支付寶支付時選擇網(wǎng)銀進行快捷支付的基本操作流程：

操作流程圖

??? 當用戶選購好商品后，確認付款，進入收銀臺，選擇快捷支付，如果用戶沒有開通快捷支付功能，則需要綁定銀行卡開通該功能再進行支付。操作流程圖的操作主體并不限于消費者用戶，也可以畫一個系統(tǒng)后臺某種操作流程等等。初畫操作流程時可以不用過分在意細節(jié)與逆流程，先用理想的狀態(tài)，再去思考細節(jié)。

一、頁面流程圖

顧名思義，頁面流程圖就是包含部分頁面信息的流程圖，可以認為是包含簡單的交互行為的頁面原型，只是是用流程的形式表現(xiàn)出來：

頁面流程圖

??? 如上所示，是有UI效果的頁面流程圖，頁面內容所包含的信息元素視需求而定，它更接近產品原型。

??? 工作中還遇到過其他的用來描述流程的UML的圖，例如時序圖，也叫順序圖，描述事物變化在時間維度上的先后順序，善于表達對象的交互，比如多個頁面之間、多個角色之間，和泳道圖有些相似。

序列圖

??? 這是使用支付寶時，用錢包支付過程的時序圖，用戶提交訂單信息后選擇余額支付，如果用戶沒有登錄要先登錄支付寶，然后進入支付寶錢包調起支付控件，輸入密碼后進入支付寶網(wǎng)關完成扣款，再一層層返回指令，最后在前端提示支付結果。

??? 不管是哪種流程圖，都是圍繞產品本身展開的，其目的也是為了與產品相關的部門和人員加深對產品邏輯的理解，作為產品經理，要熟知產品的各方面功能邏輯，才能去把信息有效地傳遞給相關人員。