在產(chǎn)品設(shè)計(jì)中，流程圖是非常重要的一環(huán)，它決定了我們的產(chǎn)品在后期的各個(gè)環(huán)節(jié)能否跑通，會(huì)不會(huì)出現(xiàn)沒有出口的情況。前段時(shí)間自己在畫各種流程圖的時(shí)候曾經(jīng)很迷茫，分不清業(yè)務(wù)流程圖，頁(yè)面流程圖的區(qū)別，在一段時(shí)間的學(xué)習(xí)后，有了一個(gè)大致的認(rèn)識(shí)，想分享給更多剛?cè)腴T也對(duì)此有疑問的小伙伴。

業(yè)務(wù)流程圖

什么叫業(yè)務(wù)流程圖？百科中描述系統(tǒng)內(nèi)各單位、人員之間業(yè)務(wù)關(guān)系、作業(yè)順序和管理信息流向的圖表。也可以直接簡(jiǎn)單的理解為用圖來表示需要完成產(chǎn)品業(yè)務(wù)的過程。

在業(yè)務(wù)流程圖中，一個(gè)業(yè)務(wù)往往代表了多個(gè)需求，是多個(gè)需求的集合，因此，在繪制業(yè)務(wù)流程圖的時(shí)候，需要全局思考，必須要將主干及所有的分支考慮進(jìn)去，確保功能的完整性，直觀的展示產(chǎn)品的整個(gè)過程。它與頁(yè)面流程圖有著本質(zhì)上的不同。

怎樣畫業(yè)務(wù)流程圖

• 不管是當(dāng)你在創(chuàng)造一個(gè)新產(chǎn)品時(shí)，還是在面對(duì)既有的產(chǎn)品做業(yè)務(wù)流程圖時(shí)，最重要最重要的就是一定要最先找到戰(zhàn)略目標(biāo)，確定產(chǎn)品定位。（美團(tuán)外賣，定位就是外賣）
• 再去深入了解思考核心業(yè)務(wù)流程，確定泳道。（美團(tuán)外賣，核心流程就是從用戶開始下單一直到用戶最終收到外賣的整個(gè)過程）
• 確定產(chǎn)品有哪幾個(gè)階段，思考業(yè)務(wù)在各個(gè)階段的形態(tài)。
• 思考清楚后開始畫業(yè)務(wù)流程圖，在畫的過程中也在頭腦中進(jìn)行梳理，盡可能的不遺漏任何的分支或異常情況。

但是，業(yè)務(wù)流程圖并不是一成不變的，在多次討論會(huì)后中可能會(huì)有改動(dòng)。因此，在剛開始梳理流程圖時(shí)保證邏輯的清晰，可以為將來的工作節(jié)省不必要的時(shí)間。而且，業(yè)務(wù)流程是和技術(shù)方進(jìn)行后續(xù)任務(wù)的基本，因?yàn)?，必須保持邏輯的完整性，以便于技術(shù)方通過流程圖分配工作，增加整體工程的工作效率。

頁(yè)面流程圖

相比于業(yè)務(wù)流程圖來說，頁(yè)面流程圖就簡(jiǎn)單得多，頁(yè)面流程圖就是從用戶出發(fā)，表示用戶在使用產(chǎn)品的操作流程，可以簡(jiǎn)單理解為在用戶在產(chǎn)品中進(jìn)行操作時(shí)，頁(yè)面的跳轉(zhuǎn)過程。

怎樣畫頁(yè)面流程圖

• 打開APP，查看各個(gè)頁(yè)面。
• 思考不同頁(yè)面之間的跳轉(zhuǎn)及跳轉(zhuǎn)前提。
• 思考頁(yè)面之間的聯(lián)系。
• 明確每個(gè)頁(yè)面的元素，要體現(xiàn)誰在做什么

從業(yè)務(wù)流程圖和頁(yè)面流程圖的描述中，可以得出：

• 業(yè)務(wù)流程圖更加完整，體現(xiàn)了整個(gè)過程，而針對(duì)不同用戶的頁(yè)面流程圖相對(duì)來說只體現(xiàn)了整個(gè)業(yè)務(wù)流程中的部分。
• 頁(yè)面流程圖沒有體現(xiàn)異常流程具體處理方法。
• 頁(yè)面流程圖與業(yè)務(wù)流程圖所針對(duì)的問題不同，業(yè)務(wù)流程圖針對(duì)的更多的是產(chǎn)品本身，頁(yè)面流程圖更多的考慮的是用戶與產(chǎn)品的交互。

這里以美團(tuán)外賣為例，做了一份簡(jiǎn)單的業(yè)務(wù)流程圖：

這里同時(shí)也以美團(tuán)外賣為例，做了一份簡(jiǎn)單的只有針對(duì)訂餐用戶方的部分的頁(yè)面流程圖：

在這兩幅流程圖的對(duì)比中，我們可以更加形象的去發(fā)現(xiàn)兩者的不同。就美團(tuán)外賣來說，業(yè)務(wù)流程圖顯然與頁(yè)面流程圖的重點(diǎn)都不同，因此，涉及到的功能就有不同了，兩者的維度也有不同了。

總結(jié)

剛開始的去畫流程圖經(jīng)常會(huì)出現(xiàn)流程缺失，流程邏輯關(guān)系有問題，以及版面混亂等很多問題，不管是畫哪種流程圖，邏輯的清晰才是最大的根本，它們都是我們表達(dá)自己邏輯關(guān)系的一個(gè)載體。同時(shí)，當(dāng)我們?nèi)ブ谱髁鞒虉D的時(shí)候，也同樣更加深刻的梳理了它們?cè)谖覀兡X海中的邏輯關(guān)系，使得我們?cè)诶L圖的過程中也不斷地去優(yōu)化流程。產(chǎn)品經(jīng)理需要會(huì)做減法，不僅僅在需求上，在流程上也是如此，減少繁瑣無用流程，提高效率，也是一門不小的學(xué)問。

總體來說，任何一個(gè)產(chǎn)品都是由點(diǎn)線面組成，每個(gè)需求是點(diǎn)，每個(gè)頁(yè)面是線，通過流程圖的串聯(lián)，最終形成了我們看到的完整的產(chǎn)品。流程圖是產(chǎn)品的骨架，業(yè)務(wù)流程圖是產(chǎn)品的大骨架，頁(yè)面流程圖是組成產(chǎn)品骨架的一個(gè)個(gè)小的骨頭，只有搭好骨架，我們才能為產(chǎn)品填充血肉，注入生命。

感謝看到這里，產(chǎn)品新人，望大家給出批評(píng)指導(dǎo)。因?yàn)橹白约号e(cuò)了，重新做了一份頁(yè)面流程圖，謝謝大家對(duì)于我的問題的指出，這個(gè)流程圖在做的時(shí)候我才發(fā)現(xiàn)其實(shí)做好一個(gè)真正的完整的邏輯結(jié)構(gòu)清晰的流程圖還需要很長(zhǎng)一段時(shí)間的修煉，包括也要對(duì)后端去做學(xué)習(xí)和了解，這樣才會(huì)更好的做好前后端的聯(lián)合，總之，我會(huì)繼續(xù)努力的。

本文由 @卉子醬 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。