起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識B端產(chǎn)品設(shè)計3大流程圖：業(yè)務(wù)流程圖、功能流程圖、頁面流程圖
本文介紹了B端產(chǎn)品設(shè)計的三個流程圖：業(yè)務(wù)流程圖、功能流程圖、頁面流程圖，與大家分享！
B端產(chǎn)品往往涉及復(fù)雜的業(yè)務(wù)關(guān)系和場景，線下業(yè)務(wù)一般會涉及到采購、銷售、物流、財務(wù)、人力、倉管等多個不同的部門和角色。
如何用產(chǎn)品支撐B端業(yè)務(wù)落地是一項(xiàng)非常有挑戰(zhàn)性的工作，要求產(chǎn)品經(jīng)理既要有對宏觀的把控能力，又要有對細(xì)節(jié)的專注力。
B端產(chǎn)品設(shè)計分為業(yè)務(wù)問題診斷、產(chǎn)品整體方案設(shè)計、產(chǎn)品細(xì)節(jié)方案設(shè)計幾個階段，在不同階段，我們需要借助不同類型的流程圖來幫助我們理清思路。
一、業(yè)務(wù)問題診斷：業(yè)務(wù)流程圖
1. WHY：為什么要畫業(yè)務(wù)流程圖
B端業(yè)務(wù)一般比較復(fù)雜，如果對業(yè)務(wù)沒有清晰的認(rèn)知就盲目開始產(chǎn)品設(shè)計，很容易陷入細(xì)節(jié)而失去全局概念；后期往往會被推倒重來，多做很多無用功。
因此，產(chǎn)品經(jīng)理在正式開始產(chǎn)品設(shè)計前必須先梳理業(yè)務(wù)流程，并與業(yè)務(wù)人員共同診斷業(yè)務(wù)問題、優(yōu)化業(yè)務(wù)流程、確定系統(tǒng)范圍。
對業(yè)務(wù)問題的診斷主要通過業(yè)務(wù)調(diào)研的方式進(jìn)行，業(yè)務(wù)流程圖就是我們業(yè)務(wù)調(diào)研的結(jié)論。
- 明確調(diào)研目標(biāo)：戰(zhàn)略層、戰(zhàn)術(shù)層、執(zhí)行層；
- 選取調(diào)研對象：一般包括高管、中層管理者、一線業(yè)務(wù)人員等；
- 確認(rèn)調(diào)研方法：經(jīng)常使用的方法有深度訪談、調(diào)研問卷、行業(yè)研究等；
- 執(zhí)行調(diào)研計劃：每天結(jié)束后要整理素材或資料，進(jìn)行復(fù)盤；
- 總結(jié)歸納輸出：產(chǎn)出詳細(xì)的調(diào)研報告，梳理業(yè)務(wù)流程圖。
2. WHAT：什么是業(yè)務(wù)流程圖
業(yè)務(wù)流程圖是一種描述管理系統(tǒng)內(nèi)各單位、人員之間的業(yè)務(wù)關(guān)系、作業(yè)順序和管理信息流向的圖表。
它用一些規(guī)定的符號及連線表示某個具體業(yè)務(wù)的處理過程,幫助分析人員找出業(yè)務(wù)流程中的不合理流向。
業(yè)務(wù)流程圖描述的是完整的業(yè)務(wù)流程，以業(yè)務(wù)處理過程為中心，一般沒有數(shù)據(jù)的概念。
3. How：如何繪制業(yè)務(wù)流程圖
業(yè)務(wù)流程圖一般用泳道圖來繪制，通?？v向表示角色，將業(yè)務(wù)流程從頭至尾梳理清楚。
如果部分業(yè)務(wù)過程已在其他系統(tǒng)實(shí)現(xiàn)，則可以在泳道圖增加橫向泳道，梳理業(yè)務(wù)在不同系統(tǒng)之間的邏輯關(guān)系。
如果業(yè)務(wù)流程過于復(fù)雜，也可以繪制多級流程圖，將子流程展開為二級或者三級流程圖，進(jìn)一步描述業(yè)務(wù)情況。
4. 業(yè)務(wù)流程圖示例
二、產(chǎn)品整體方案設(shè)計：功能流程圖
1. WHY：為什么要繪制功能流程圖
經(jīng)過業(yè)務(wù)問題診斷階段，我們梳理出了業(yè)務(wù)流程圖。但是業(yè)務(wù)流程絕對不等同于系統(tǒng)功能，如何將線下的業(yè)務(wù)活動通過系統(tǒng)實(shí)現(xiàn)甚至加以優(yōu)化，正是產(chǎn)品經(jīng)理的價值所在。
通過繪制功能流程圖，能夠幫助我們自上而下地思考，進(jìn)一步理解業(yè)務(wù)需求，梳理產(chǎn)品設(shè)計思路，從系統(tǒng)設(shè)計的角度對業(yè)務(wù)各個參與方進(jìn)行思考。
2. WHAT：什么是功能流程圖
功能流程圖是描述系統(tǒng)或者模塊內(nèi)部功能流向的圖表。
3. HOW：如何繪制功能流程圖
功能流程圖一般也是用泳道圖來繪制，通常橫向表示各個相關(guān)系統(tǒng)，縱向表示角色。
如果流程牽涉的系統(tǒng)和角色太多，可以嘗試調(diào)整泳道順序，避免流程交叉在一起，影響觀感。
4. 功能流程圖示例
三、產(chǎn)品細(xì)節(jié)方案設(shè)計：頁面流程圖
1. WHY：為什么要繪制頁面流程圖
業(yè)務(wù)流程圖經(jīng)過產(chǎn)品和業(yè)務(wù)部門共同評審后，可以進(jìn)入產(chǎn)品細(xì)節(jié)方案設(shè)計階段。
在產(chǎn)品細(xì)節(jié)方案設(shè)計階段，我們需要更進(jìn)一步地考慮功能如何在系統(tǒng)中實(shí)現(xiàn)，產(chǎn)品經(jīng)理需要考慮用戶完成某項(xiàng)功能需要訪問的頁面以及各頁面之間的跳轉(zhuǎn)順序。
繪制頁面關(guān)系圖能夠幫助我們思考產(chǎn)品的邏輯，梳理產(chǎn)品流程，在腦海中搭建起大致的產(chǎn)品輪廓。
2. WHAT：什么是頁面流程圖
頁面流程圖是描述系統(tǒng)功能實(shí)現(xiàn)路徑的圖表。
3. HOW：如何繪制頁面流程圖
頁面流程圖內(nèi)容一般用一個方框表示一個頁面，方框抬頭是頁面編號和頁面名稱，可以簡單描述頁面的主要功能，各頁面之間用操作連接起來。
頁面流程圖的繪制方式比較多樣，大家找到適合自己的就可以，不必拘泥于形式。
4. 頁面流程圖示例
在繪制上述流程圖過程中，一定要特別關(guān)注異常流程。
對于經(jīng)常發(fā)生的異常流程，比如合同變更、訂單終止、財務(wù)退費(fèi)等等，在系統(tǒng)設(shè)計中也是很重要的一部分。
對于偶然發(fā)生的異常情況，如果時間有限，可以先考慮通過其他流程能夠終止和重新發(fā)起，在時間允許的情況下再進(jìn)行進(jìn)一步設(shè)計。
作者：夏至，微信公眾號：B端產(chǎn)品進(jìn)階
本文由 @夏至 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
這三個是先后順序嗎
還有數(shù)據(jù)流程圖吧
頁面流程圖，表示沒太理解，框框里面和綠色圓框的關(guān)系是啥呢？
請問收款業(yè)務(wù)流程圖中，中臺的項(xiàng)目管理作用是什么呢？
請教一下，在完成業(yè)務(wù)流程圖之后，需要先根據(jù)業(yè)務(wù)流程圖梳理出產(chǎn)品功能結(jié)構(gòu)圖之后，再繪制功能流程圖嗎？
簡單易懂，還是要基于對服務(wù)流程的了解完成相關(guān)的操作。受益，感謝
已讀。2021-12-31
時隔半年又看了一遍
功能流程圖 系統(tǒng)邏輯部分應(yīng)該單獨(dú)畫個泳道，區(qū)分下用戶操作和系統(tǒng)操作
感謝建議，確實(shí)一般會區(qū)分，也可以用虛框?qū)嵖騺韰^(qū)分~
功能流程其實(shí)是實(shí)現(xiàn)業(yè)務(wù)流程，功能可能是以系統(tǒng)的方式實(shí)現(xiàn)、優(yōu)化，也可能這兩個流程圖差不多?？梢赃@樣理解嗎？
是的，業(yè)務(wù)流程是指線下實(shí)際生產(chǎn)經(jīng)營的場景下的流程結(jié)果，功能流程是產(chǎn)品經(jīng)理梳理后在系統(tǒng)實(shí)現(xiàn)的流程。如果線下管理比較規(guī)范，兩個流程圖可能是類似的。
作者畫流程圖用的什么軟件？
process on
visio或者process on用的比較多
B端產(chǎn)品設(shè)計分為業(yè)務(wù)問題診斷、產(chǎn)品整體方案設(shè)計、產(chǎn)品細(xì)節(jié)方案設(shè)計幾個階段，在不同階段，我們需要借助不同類型的流程圖來幫助我們厘清思路。
理清，錯了一個字
??
特別細(xì)致的在看，努力學(xué)習(xí)的一枚菜雞，捂臉
好認(rèn)真的小編,都會有回復(fù),加油
文字和圖片示例好像有點(diǎn)不一致?？v向是系統(tǒng)，橫向是角色吧
“功能流程圖一般也是用泳道圖來繪制，通常橫向表示各個相關(guān)系統(tǒng)，縱向表示角色?！?/p>
我是把“列”理解成縱向，把“行”理解成橫向啦，理解有點(diǎn)不一致，意思get就好~
難道是臺灣的？哈哈
所以之前跟臺灣的大家交流要用column和row
原來5月份看過這篇文章，但是現(xiàn)在再來看，確有了一些其他看法。首先業(yè)務(wù)流程圖在做之前需要先做UML的小人功能權(quán)限圖，昨晚以后在做流程圖，流程圖也不必向你上述那樣畫。頁面流程圖也沒必要搞這么復(fù)雜，可以利用很多軟件比如xiaopiu直接生成。
感謝建議，UML小人功能權(quán)限圖太麻煩了，我一般用excel梳理功能權(quán)限。
xiaopiu待我去研究一下，如果能直接生成那太省事啦
想問下大佬，在流程圖之前用uml的小人權(quán)限是用來？因?yàn)槲疫@暫時不知道有沒有涉及到，想多了解了解～～～
你好我是個小白，想請教你
需求后，梳理邏輯，推模塊搭結(jié)構(gòu)，理功能 —– 與業(yè)務(wù)流程，功能流程圖，頁面結(jié)構(gòu)流程，的關(guān)系？目前有些迷茫
業(yè)務(wù)流程圖通常是于客戶溝通后，梳理的一個線下流程大綱。
功能流程圖是通過需求分析，轉(zhuǎn)化為產(chǎn)品設(shè)計的落地內(nèi)容。
頁面流程圖是幫助研發(fā)評估開發(fā)時間和跳轉(zhuǎn)邏輯的
解釋的太到位啦~
寫的不錯
感覺業(yè)務(wù)流程圖僅是對業(yè)務(wù)流程的梳理，把實(shí)際的業(yè)務(wù)流程書面化的表達(dá)出來， 還沒到分析診斷
業(yè)務(wù)流程圖只是一個承載工具，可以先把當(dāng)前業(yè)務(wù)流程表現(xiàn)出來，在此基礎(chǔ)上與業(yè)務(wù)人員共同分析診斷，最終形成優(yōu)化的業(yè)務(wù)流程
業(yè)務(wù)流程圖和功能流程圖感覺沒啥區(qū)別啊？
業(yè)務(wù)流程圖通常比較簡單，沒有具體的邏輯和細(xì)節(jié)，這些都是功能流程圖要交代的。業(yè)務(wù)表示具體操作人員的動作，功能表示系統(tǒng)流轉(zhuǎn)的動作
感謝大佬~受益匪淺~
業(yè)務(wù)流程圖更多的是業(yè)務(wù)人員在線下的操作流程。比如在沒有系統(tǒng)的情況下，超市收銀員收款的流程就是：計算費(fèi)用——收取費(fèi)用——找零——整理款項(xiàng)。
功能流程圖是指在系統(tǒng)上實(shí)現(xiàn)的操作流向。例如收款管理系統(tǒng)的收款功能流程是：掃描商品——查看商品列表和款項(xiàng)總和——確認(rèn)收款。
感謝大佬~受益匪淺
功能流程和任務(wù)流程的區(qū)別呢
高手
學(xué)習(xí)到了
文章中的頁面流程和功能流程確實(shí)畫的太像了，乍一看真的覺得沒什么區(qū)別，但是作者這里的解釋很好。就這意思