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

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

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

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

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

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

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

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

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

生成PNR航班重試，失敗原

是否成功

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

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

置是否能夠P到

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

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

敗，已支付錢(qián)款將是否出票成功

否

失敗原因：xxx

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

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

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

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

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

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

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

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

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

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

生成PNR航班重試，失敗原

是否成功

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

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

置是否能夠P到

價(jià)格提示：支付失敗否

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

敗，已支付錢(qián)款將是否出票成功

否

失敗原因：xxx

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

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

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

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

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

否

頁(yè)面提示：賬戶名或密碼錯(cuò)誤否

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

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

否

頁(yè)面提示：賬戶名或密碼錯(cuò)誤否

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

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

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

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