产品经理技能学习：流程图绘制及规范
文章目錄
- 前言
- 一、流程圖入門
- 1.1 流程&流程圖
- 1.2 流程圖的符號要求
- 1.3 流程圖的三大結構
- 1.3.1 順序結構
- 1.3.2 選擇結構
- 1.3.2.1 二元選擇結構
- 1.3.2.2 多重選擇結構
- 1.3.3 循環(huán)結構
- 1.3.3.1 DO-while結構
- 1.4 繪制注意事項
- 二、復雜流程圖的處理
- 三、產(chǎn)品經(jīng)理-流程圖
- 3.1 業(yè)務流程圖
- 3.2 任務流程圖
- 3.3 頁面流程圖
- 四、流程圖示例&注意事項
- 五、流程圖繪制工具
前言
在開發(fā)過程中，遇到一些復雜業(yè)務及交互時，單靠腦海里反復冥想往往容易鉆很久的牛角尖出不來，這時候通常紙筆伺候畫個草圖梳理邏輯，而流程圖也可以作業(yè)一個梳理復雜業(yè)務邏輯或者簡單表明業(yè)務運行邏輯的一個表現(xiàn)工具。學習流程圖的繪制及規(guī)范，也算是在經(jīng)驗上的提升或者技術上的橫向拓展。
一、流程圖入門
1.1 流程&流程圖
流程： 指一項活動或一系列連續(xù)有規(guī)律的事項或行為進行的程序。
流程圖：用來直觀地讓是一個個工作過程的具體步驟圖，使用圖形表示流程的思路。在“技術設計”，“工作步驟”，”商業(yè)簡報“等領域應用較廣，也可叫做輸入-輸出圖。它通常用一些圖框來表示各種類型的操作，在框內(nèi)寫出各個步驟，然后用帶箭頭的線把它們連接起來，以表示執(zhí)行的先后順序，用圖形表示執(zhí)行步驟，十分直觀形象，易于理解。
為什么要學流程圖?
- 提高效率，梳理思路邏輯，設計業(yè)務時直觀的看是否形成閉環(huán)。
- 高效表達，節(jié)省溝通成本
1.2 流程圖的符號要求
下圖介紹了畫流程圖的一些特定符號。通過符號來代替文字表述。每個符號都有特定的意義。
- 上面的符號特別多，常用的如下幾個：
1.3 流程圖的三大結構
流程圖可以分為三大結構：順序結構、選擇結構、循環(huán)結構
1.3.1 順序結構
顧名思義，順序結構即每個步驟按先后順序執(zhí)行，這是最簡單的一種結構。如圖，步驟1，2，3是了個連續(xù)的動作，它們是按順序執(zhí)行的。
1.3.2 選擇結構
選擇結構又稱分支結構，選擇結構用于判斷給定的條件，根據(jù)判斷的結果判斷某些條件，根據(jù)判斷的結果來控制程序的流程。在實際運用中，某一判定結果可以為空操作（如圖二、圖三）。
1.3.2.1 二元選擇結構
定義：二元選擇結構是最常見的，我們經(jīng)常遇到需要處理“是”或“否”、“確定”或“取消”這樣的組合式選擇。最常用的元素就是”判斷決策”。
適用場景：二元選擇結構出現(xiàn)在決策選擇環(huán)境下，一般都是二元組合式選項，必選其一，或者只有其一。當選擇二者之一時，也對應不同的路徑。
1.3.2.2 多重選擇結構
定義：流程圖依據(jù)條件或者類型，提供兩個以上的選項或者方案，且互相之間不是組合式選項，并列存在，不沖突。
適用場景：當條件或者類型固定后，程序給出多個同層次的選擇和方案，自由選擇，每個方案都按照程序設定給出路徑。
1.3.3 循環(huán)結構
循環(huán)結構，又叫重復結構，即流程在一定的條件下，反復執(zhí)行某一操作的流程結構。循環(huán)結構下又可以分為當型結構和直型結構。
- 三個要素：循環(huán)變量、循環(huán)體、循環(huán)終止條件
適用場景：可重復可逆的操作，先進行程序處理，再確定是否滿足條件。該操作會對條件產(chǎn)生能動作用，并最終有可能滿足條件，從而結束重復，進入出口。
1.3.3.1 DO-while結構
定義：該結構和多重選擇結構相似，區(qū)別在于，當條件為false時，不再重復。
適用場景：先判斷條件是否滿足，再決定是否繼續(xù)重復該操作。
1.4 繪制注意事項
二、復雜流程圖的處理
對于簡單的流程圖，通過上面的介紹可以實現(xiàn)基本運用了。而對于較為復雜的流程圖，我們可以在熟練掌握這些基礎的前提下，可以運用子流程和泳道圖來表達較為復雜、涉及多個主體的流程。
什么是邏輯流程圖？
要實現(xiàn)某個功能，需要的業(yè)務流程的實現(xiàn)邏輯用流程圖的形式表示出來。如，某個功能，從哪兒開始，通過什么條件判斷，進入下一步走向哪兒等。
三、產(chǎn)品經(jīng)理-流程圖
3.1 業(yè)務流程圖
- 定義：產(chǎn)品業(yè)務流程圖就是通過圖形化的表達形式，闡述產(chǎn)品在業(yè)務層面控制的圖表。產(chǎn)品業(yè)務流程圖通常作為產(chǎn)品設計初期階段的工具使用，通過圖形化，能夠更清晰、直觀地傳達產(chǎn)品在業(yè)務層面的控制（如業(yè)務動作、方向、邏輯等信息）。
- 作用：業(yè)務流程圖通常用于介紹產(chǎn)品業(yè)務，如產(chǎn)品經(jīng)理需要向老板介紹產(chǎn)品業(yè)務時，用流程圖輔助講解的效果，相較于純語言或文字表達要好得多。
- **場景：**表達產(chǎn)品業(yè)務邏輯的流轉路徑，不涉及具體操作與執(zhí)行細節(jié)。通常使用“泳道圖”來呈現(xiàn)多角色的配合，一般產(chǎn)品經(jīng)理使用的較多。
- 實例：
- 泳道圖
這是網(wǎng)上關于購物支付的泳道圖，用來反映業(yè)務流程。上述的泳道圖涉及到賣家、買家、第三方支付、銀行等主體；每個主體都有其相應的任務；并用箭頭來表示各個任務之間的先后次序。
3.2 任務流程圖
- **定義：**顧名思義，就是用戶對產(chǎn)品的一個操作流程，這個流程是為了完成某個任務。比如成功下單，比如登陸注冊，比如退款等等。我又很簡單的畫了下面的圖，這就是“用戶下單”的操作流程。。
- **作用：**功能流程圖通常用于介紹產(chǎn)品功能模塊的相互關系或某個功能模塊的具體組成，如產(chǎn)品經(jīng)理需要向開發(fā)人員介紹某個新增功能模塊時，可以在原型圖宣講之前使用功能流程圖讓其對功能的輪廓和走向了然于胸。【繪制功能流程圖的過程能夠幫助PM確定產(chǎn)品的功能范圍同時避免不合理的功能使用邏輯。】
- **場景：**表達產(chǎn)品功能邏輯的流轉路徑，指完成某個具體任務的操作流程。這個相比業(yè)務流程圖，已經(jīng)落實到界面設計的流程中了。通常產(chǎn)品經(jīng)理和交互設計師使用的較多。
- 注意：
- 他完全是以一個用戶的操作角度來寫，你也可以去畫一下系統(tǒng)后臺某種操作流程等等，他并不限于所謂的消費者用戶。
- 在初畫操作流程的時候，不要早早的去過分在意細節(jié)與逆流程，逆流程便是那些需要判斷是否的那個“否”的流程。
- 第一次我往往都會用最理想的狀態(tài)，將流程跑通，再去思考這里面會不會有那些“如果……不……”的細節(jié)。
泳道圖從戰(zhàn)略層分析了整個業(yè)務流程，接下來要去分解到各個任務層具體是如何操作的，例如上面買家選購商品這個任務就涉及到搜索商品、瀏覽搜索結果、查看商品詳情、若滿意則進入訂單任務，若不滿意則返回到搜索結果或者重新搜索，這就是具體的某個任務的流程。
- 畫具體功能流程的時候要注意從整體流程到局部流程，從主干流程到分支，從正常流程到異常流程。
- 拿滴滴和易到來說，打車就是主干流程，查看行程、查看優(yōu)惠券、設置就是分支流程，做設計時應該先考慮打車流程，再去完善其它流程；用戶正常打到車是正常流程，網(wǎng)絡異常、高峰期打不到車等屬于異常流程，先考慮正常流程、再考慮異常流程，而且異常流程一定要思考的全面。
- 產(chǎn)品的邏輯漏洞多半是由于異常流程沒有考慮清楚，所以畫任務流程圖能有效的減少產(chǎn)品原型圖的邏輯漏洞。
3.3 頁面流程圖
頁面流程圖的對象是頁面，頁面是互聯(lián)網(wǎng)產(chǎn)品設計最基本的單元，不管APP也好、H5也好、PC端也好，這些產(chǎn)品由一個個頁面組成。頁面流描述了用戶完成一個任務需要經(jīng)過哪些頁面。
也就是我在哪，經(jīng)過什么操作，能去哪。頁面流有三個要素：頁面、行動點、連接線。下面拿購物的頁面流舉例說明：
畫頁面流時一般只考慮用戶的正常路徑就行，如果需要指出異常流程，在正常流程附近畫出異常流程就行。產(chǎn)品設計從需求分析到信息架構、再到業(yè)務流程——任務流程——頁面流、再到最后的原型圖（線框圖）是一個從抽象到具象的過程，也是從概況到細分的過程。經(jīng)過一步步的分析，逐步將想法變成實實在在的產(chǎn)品，這就是產(chǎn)品設計的魅力所在。而這其中流程設計起到舉足輕重的作用，不可忽視。
四、流程圖示例&注意事項
1、 在繪制流程圖時，需要將業(yè)務、功能和頁面三者的描述區(qū)分清楚，避免不同類型的流程圖混雜在一起
2、繪制流程圖一般遵循從上往下，從左往右的結構，從整體的主流程到局部的分支流程
比如畫流程圖時，先把正常的流程梳理清楚（主流程），再考慮判斷標識中的逆流程（分支流程）。
- 下圖以印象筆記的手機號注冊流程舉例說明：左側為主流程，右側為分支流程。
3、流程圖的路徑走向需要有始有終，形成閉環(huán)。不能存在某個步驟中斷找不到解決辦法的情況
下圖在郵箱注冊流程中，紅色框選部分判斷“郵箱是否有效”時，沒有說明郵箱無效時該如何解決，這里的流程是缺失的。
4、靈活使用子流程
某些子流程可能被頻繁復用，如果每次都把子流程展現(xiàn)出來，一方面增加繪制時間成本，另一方面使流程圖變得冗余，降低了可閱讀性。因此被頻繁復用的子流程可以繪制后存入“流程圖庫”中，這樣再次使用該子流程時，只需要用子流程標識說明即可。
- 如下圖，某后臺用戶需要修改更換手機號，但是在修改手機號之前需要該用戶輸入賬號的密碼，出于安全性考慮需要二次確認用戶身份。圖中藍色框選區(qū)域是“手機驗證碼校驗”的子流程。
五、流程圖繪制工具
1、 Visio
Visio：Microsoft Office Visio，是Office軟件系列中的負責繪制流程圖和示意圖的軟件，是一款便于IT和商務人員就復雜信息、系統(tǒng)和流程進行可視化處理、分析和交流的軟件。使用具有專業(yè)外觀的 Office Visio 圖表,可以促進對系統(tǒng)和流程的了解，深入了解復雜信息并利用這些知識做出更好的業(yè)務決策。
2、ProcessOn
在線流程圖繪制，適用于臨時畫圖梳理業(yè)務邏輯等
官方地址
總結
以上是生活随笔為你收集整理的产品经理技能学习：流程图绘制及规范的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 除了WhatsApp以外，还有哪些即时聊
- 下一篇： 昆明冶金职业技术学院计算机,昆明冶金高等