流程圖繪制入門技巧及實戰(zhàn)案例(產(chǎn)品經(jīng)理如何繪制出高逼格的流程圖)

產(chǎn)品經(jīng)理如何繪制流程圖流程圖繪制入門技巧及實戰(zhàn)案例2024/12/282目錄理論篇標(biāo)準(zhǔn)篇技巧篇實戰(zhàn)篇2024/12/28談概念：什么是流程圖從定義可以看出幾點：? 只要有事情和任務(wù)，流程就自然會有?并不是所有的流程都適合用流程圖的方式去表現(xiàn)?適合用流程圖去表現(xiàn)的流程是一定程度固定的，有規(guī)律可循?流程中的關(guān)鍵環(huán)節(jié)不會朝令夕改2024/12/28談分類：流程圖有哪些類型2024/12/28談用途：為什么要繪制流程圖幫助產(chǎn)品經(jīng)理梳理、完成用戶操作流程，在早期發(fā)現(xiàn)、解決問題對產(chǎn)品經(jīng)理而言流程圖相較于文字說明更加簡潔明了，可降低與開發(fā)、測試團(tuán)隊的溝通本錢對開發(fā)測試而言流程圖反映了產(chǎn)品的主體業(yè)務(wù)邏輯，可為管理高層提供一定程度上的決策支持對管理高層而言2024/12/28談工具：有哪些常用工具可以繪制流程圖2024/12/28談要求：流程圖有哪些根本要求?使用的元素盡可能少?表達(dá)的信息盡可能清晰直觀易懂?從上至下，從左至右繪圖?脈絡(luò)清晰，避免流線交叉布局清晰?重要的流程不遺漏?有描述的流程必須完整邏輯完整?反映用戶真實需求?符合用戶操作習(xí)慣用戶視角2024/12/28統(tǒng)一約定的符號及定義92024/12/28從上至下，從左至右的流向順序流程開始動作1動作2流程結(jié)束流程開始動作1動作2流程結(jié)束流程開始動作1動作2流程結(jié)束102024/12/28進(jìn)程符號不做校驗邏輯航班降落城市匹配提示：您的接機(jī)地點目前不支持用車效勞匹配失敗匹配成功獲取到達(dá)機(jī)場提示：您的接機(jī)地點目前不支持用車效勞獲取到達(dá)機(jī)場匹配失敗匹配成功航班降落城市匹配2024/12/28相同流程圖，符號大小應(yīng)為一致獲取航班動態(tài)航班降落城市匹配一號專車支持城市獲取到達(dá)機(jī)場匹配機(jī)場獲取航班動態(tài)航班降落城市匹配一號專車支持城市獲取到達(dá)機(jī)場匹配機(jī)場2024/12/28引用流程，而不是重復(fù)繪制覓優(yōu)平臺出票覓優(yōu)平臺出票1000供給商TMC自動通知覓優(yōu)扣款覓優(yōu)TMC資金池1000否訂單是否仍有效是1000供給商TMC自動通知覓優(yōu)扣款覓優(yōu)TMC資金池1000重新下單覓優(yōu)平臺出票1000供給商TMC自動通知覓優(yōu)扣款覓優(yōu)TMC資金池1000訂單是否仍有效是否重新下單覓優(yōu)平臺出票2024/12/28路徑符號應(yīng)防止相互交叉動作1校驗1是否通過是動作2否校驗2是否通過是動作3否動作1校驗1是否通過是動作2否校驗2是否通過是動作3否2024/12/28同一路徑，箭頭只能有一個校驗用戶是否成功進(jìn)入主頁是提示錯誤原因是否失敗超過3次顯示驗證碼錄入框否是否校驗用戶是否成功進(jìn)入主頁是提示錯誤原因是否失敗超過3次顯示驗證碼錄入框否是否2024/12/28校驗說明寫在流線上校驗用戶是否成功進(jìn)入主頁是提示錯誤原因是否失敗超過3次顯示驗證碼錄入框否是否校驗用戶是否成功進(jìn)入主頁是提示錯誤原因是否失敗超過3次否顯示驗證碼錄入框是否2024/12/28目錄理論篇標(biāo)準(zhǔn)篇技巧篇實戰(zhàn)篇172024/12/28用戶的視角——讓流程圖為用戶體驗效勞產(chǎn)品流程是為了幫助用戶更好地完成任務(wù)時刻保持以用戶的視角去設(shè)計流程更容易提前發(fā)現(xiàn)用戶可能會遇到的問題2024/12/28明晰的主線——讓流程圖脈絡(luò)更加清晰國內(nèi)機(jī)票預(yù)訂流程預(yù)訂開始預(yù)訂結(jié)束選擇預(yù)訂類型及出行人是否繼續(xù)是進(jìn)入填寫訂單頁面返回查詢結(jié)果頁面并定位到之前所選航班位置重新選擇航班否預(yù)訂航班是否違規(guī)是提示違規(guī)工程提示預(yù)定完全合規(guī)否主流程開始任務(wù)執(zhí)行任務(wù)完成任務(wù)關(guān)鍵校驗自動匹配、選擇政策執(zhí)行標(biāo)準(zhǔn)通過失敗提示不通過結(jié)束? 流程圖以開始任務(wù)為起點，完成任務(wù)為終點? 按照常規(guī)情況順利完成任務(wù)的動作序列構(gòu)成主流程? 非順利流轉(zhuǎn)或用于處理異常情況的動作序列構(gòu)成輔助流程2024/12/28合并同類項——讓流程圖更加簡約執(zhí)行任務(wù)關(guān)鍵校驗1通過失敗提示不通過結(jié)束關(guān)鍵校驗2通過失敗提示不通過結(jié)束執(zhí)行任務(wù)關(guān)鍵校驗1通過不通過關(guān)鍵校驗2通過失敗提示不通過結(jié)束優(yōu)化前202024/12/28優(yōu)化后巧用容器——分封復(fù)雜流程Online機(jī)票查詢預(yù)訂流程查詢開始錄入查詢條件，查詢選擇航班艙位預(yù)訂載入填單頁面填寫訂單信息是提交訂單是是否立即支付是否VIBE艙位是預(yù)定完成是提示：該特價艙位是否能P到價格否

暫時無法預(yù)訂，原因：配置P價失敗是用所屬代理人配置

自動刷新航班結(jié)果嘗試P價列表，并且當(dāng)天過濾該艙位是否因公出行

否是否單程否選擇返程/聯(lián)程航班艙位是否VIBE艙位

否所屬代理人配向報價供給商創(chuàng)立訂單創(chuàng)立訂單是否提示：提交訂單失敗，建議選擇其他成功 因：上游供給商創(chuàng)單失敗是是否VIBE中的NFD艙位否 是是否需要審批是選擇審批人提交審批審批是否通過進(jìn)入支付頁面，根短信通知預(yù)訂人

據(jù)用戶支付權(quán)限返回并顯示支付方式

審批已通過是取消訂單，短信通知預(yù)訂人審批被駁回否否PNR是否擦除無效PNR依然有效否重新P〔原訂單票面〕價是能否獲取到不高于票面價的票價能結(jié)束重新生成PNR結(jié)束P價是否成功否

整，該艙位已經(jīng)不能支付，訂單將自動取消是取消訂單否是提示：提交訂單失敗，建議選擇其他

生成PNR航班重試，失敗原

是否成功

因：PNR生成失敗結(jié)束 生成PNR 否

航班重試，失敗原提示：提交訂單失敗，建議選擇其他航班重試，失敗原因：配置P價失敗否

置是否能夠P到

價格結(jié)束 提示：支付失敗否

是否支付成功是更新訂單支付狀態(tài)為“已支付〞，并提示：支付成功通知預(yù)訂人出票失提示：出票失敗，

敗，已支付錢款將是否出票成功

否

失敗原因：xxx

在3個工作日內(nèi)原路退回觸發(fā)退款流程根據(jù)查詢條件返回航班結(jié)果，按照用戶報價方式報價觸發(fā)出票流程是否公司賬戶載入第三方支付頁

統(tǒng)一支付給覓優(yōu)，并實時分賬支付否

面優(yōu)化前：優(yōu)化后：方法：選中符號，添加到新容器標(biāo)題支付流程校驗PNR是否有效查詢預(yù)訂流程下單流程查詢開始錄入查詢條件，查詢選擇航班艙位預(yù)訂載入填單頁面填寫訂單信息是提交訂單是是否立即支付是否VIBE艙位是是預(yù)定完成是提示：該特價艙位是否能P到價格否

暫時無法預(yù)訂，原因：配置P價失敗是用所屬代理人配置

自動刷新航班結(jié)果嘗試P價列表，并且當(dāng)天過濾該艙位是否因公出行

否是否單程否選擇返程/聯(lián)程航班艙位是否VIBE艙位

否所屬代理人配向報價供給商創(chuàng)立訂單創(chuàng)立訂單是否提示：提交訂單失敗，建議選擇其他成功 因：上游供給商創(chuàng)單失敗是是否VIBE中的NFD艙位否 是是否需要審批是選擇審批人提交審批審批是否通過進(jìn)入支付頁面，根短信通知預(yù)訂人

據(jù)用戶支付權(quán)限返回并顯示支付方式

審批已通過是取消訂單，短信通知預(yù)訂人審批被駁回否否PNR是否擦除無效PNR面〕價依然有效否重新P〔原訂單票能否獲取到不高于票面價的票價能結(jié)束重新生成PNR結(jié)束P價是否成功否

整，該艙位已經(jīng)不能支付，訂單將自動取消是取消訂單否是提示：提交訂單失敗，建議選擇其他

生成PNR航班重試，失敗原

是否成功

因：PNR生成失敗結(jié)束 生成PNR 否

航班重試，失敗原提示：提交訂單失敗，建議選擇其他航班重試，失敗原因：配置P價失敗否

置是否能夠P到

價格提示：支付失敗否

是否支付成功結(jié)束是更新訂單支付狀態(tài)為“已支付〞，并提示：支付成功通知預(yù)訂人出票失提示：出票失敗，

敗，已支付錢款將是否出票成功

否

失敗原因：xxx

在3個工作日內(nèi)原路退回觸發(fā)退款流程根據(jù)查詢條件返回航班結(jié)果，按照用戶報價方式報價觸發(fā)出票流程是否公司賬戶載入第三方支付頁

統(tǒng)一支付給覓優(yōu)，并實時分賬支付否

面2024/12/28提交訂單生單是否成功進(jìn)入支付頁面是頁面提示生單失敗否提交訂單生單是否成功進(jìn)入支付頁面是否巧用標(biāo)注——減少流程中的冗余細(xì)節(jié)優(yōu)化前優(yōu)化后方法：選中形狀，插入標(biāo)注2024/12/28用戶場景說明——讓讀者更加容易理解提交并生成訂單審批完成是否審批通過是反響申請人審批未通過Offline推送待審批消息給TMC否短信或郵件提請審批人審批是結(jié)束否自動取消訂單觸發(fā)出票流程選擇審批人是否支付成功是結(jié)束否選擇公司賬戶支付訂單是否需要審批用戶場景：行政助理小蘭幫銷售部同事小明提交了一張機(jī)票訂單：1、該張訂單是否需要審批？需要的話由誰審批？2、審批通過如何處理？審批不通過如何處理？用 描繪開啟流程的情景戶

場 簡述可能的后續(xù)場景景要點防止僅描述一種用戶場景2024/12/28標(biāo)題及樣式——有效提升流程圖的“逼格〞主題背景標(biāo)題三大法寶2024/12/28目錄理論篇標(biāo)準(zhǔn)篇技巧篇實戰(zhàn)篇252024/12/28實戰(zhàn)案例：某網(wǎng)站offline系統(tǒng)登錄流程獨家揭秘基于信息平安設(shè)計的offline系統(tǒng)登錄流程設(shè)計的涅槃之路2024/12/28用戶場景2024/12/28小明是某網(wǎng)站offline系統(tǒng)當(dāng)中的一名用戶，主要負(fù)責(zé)做企業(yè)客戶的效勞工作，現(xiàn)在，他進(jìn)入登錄頁，需要輸入賬戶名密碼進(jìn)行登錄，以下是可能出現(xiàn)的一些場景：1、手快，有些信息忘記輸入就點擊了“登錄〞怎么反響？2、客戶編號、用戶名或密碼輸入錯誤時怎么反響？3、小明忘記密碼，反復(fù)嘗試幾個可能密碼輸入會否有所限制？4、小明的賬戶密碼都沒錯，但其賬號處于被凍結(jié)的狀態(tài)，怎么反響？5、小明的密碼已經(jīng)超過120天未更改，平安隱患怎么解決？6、小明能否知道自己的賬號密碼是否已經(jīng)泄露？第一階：賬戶密碼登錄開始用戶輸入賬戶名密碼用戶點擊“登錄〞是否全部填寫載入登錄后首頁是用戶名密碼是否匹配是控件冒泡提示不能為空否頁面提示：賬戶名或密碼錯誤否結(jié)束登錄完成備注：原始狀態(tài)流程圖2024/12/28第二階：客戶編號備注：新增客戶編號，希望實現(xiàn)同一個號可以注冊到不同的客戶名的效果流程圖登錄開始用戶輸入賬戶名密碼用戶點擊“登錄〞是否全部填寫載入登錄后首頁是用戶名密碼是否匹配是登錄完成控件冒泡提示不能為空否頁面提示：賬戶名或密碼錯誤否結(jié)束客戶編號是否存在是提示：客戶編號不存在否2024/12/28第三階：驗證碼備注：反復(fù)嘗試登錄操作時，可能是用戶忘記密碼，也有可能是惡意攻擊，增加驗證碼以提升賬戶平安性。流程圖登錄開始用戶輸入賬戶名密碼用戶點擊“登錄〞是否全部填寫載入登錄后首頁是用戶名密碼是否匹配是登錄完成控件冒泡提示不能為空否頁面提示：賬戶名或密碼錯誤否結(jié)束客戶編號是否存在是提示：客戶編號不存在否否密碼是否連續(xù)輸錯2次以上否彈出驗證碼輸入框是302024/12/28第四階：凍結(jié)賬戶提示登錄開始用戶輸入賬戶名密碼用戶點擊“登錄〞載入登錄后首頁是

用戶名密碼是否匹配是登錄完成控件冒泡提示不能為空是否全部填寫

否

頁面提示：賬戶名或密碼錯誤否

結(jié)束客戶編號是否存在是頁面提示：客戶編號不存在否否密碼是否連續(xù)輸錯2次否是

彈出驗證碼輸入框賬戶知否處于凍結(jié)狀態(tài)否頁面提示：賬戶已被凍結(jié)，無法登錄結(jié)束備注：賬戶密碼無誤，但賬戶處于凍結(jié)狀態(tài)時，無法完成登錄，但需要給用戶明確的反響，流程圖2024/12/28第五階：強制修改密碼登錄開始用戶輸入賬戶名密碼用戶點擊“登錄〞載入登錄后首頁是用戶名密碼是否匹配是登錄完成控件冒泡提示不能為空是否全部填寫

否

頁面提示：賬戶名或密碼錯誤否

結(jié)束客戶編號是否存在是頁面提示：客戶編號不存在否

否密碼是否連續(xù)輸錯2次否是

彈出驗證碼輸入框賬戶知否處于凍結(jié)狀態(tài)否頁面提示：賬戶已被凍結(jié)，無法登錄結(jié)束密碼是否超過120天未修改否強制修改密碼是

備注：為保證賬戶平安，產(chǎn)品設(shè)計時，設(shè)定了超過120天未更改密碼賬戶，登錄時須強制更換密碼的規(guī)那么流程圖2024/12/28第六階：在線唯一性限制登錄開始用戶輸入賬戶名密碼用戶點擊“登錄〞是否全部填寫載入登錄后首頁是用戶名密碼是否匹配是登錄完成控件冒泡提示不能為空否頁面提示：賬戶名或密碼錯誤否結(jié)束客戶編號是否存在是頁面提示：客戶編號不存在否否密碼是否連續(xù)輸錯2次否彈出驗證碼輸入框是賬戶知否處于凍結(jié)狀態(tài)否頁面提示：賬戶已被凍結(jié)，無法登錄結(jié)束密碼是否超過120天未修改否強制修改密碼是當(dāng)前賬戶是否在其他電腦已登錄否其他電