以美團(tuán)外賣為例，區(qū)別業(yè)務(wù)流程圖和頁面流程圖

　

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

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

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

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

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

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

頁面流程圖

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

怎樣畫頁面流程圖打開軟件，將本身當(dāng)作純粹的用戶，根據(jù)用戶的思維進(jìn)行操作。在正常的操作過程中考慮出現(xiàn)異常時的頁面跳轉(zhuǎn)情況。

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

業(yè)務(wù)流程圖更加完整，表現(xiàn)了整個過程，而頁面流程圖相對來說只表現(xiàn)了整個業(yè)務(wù)流程中的部分。頁面流程圖沒有表現(xiàn)異常流程。頁面流程圖與業(yè)務(wù)流程圖所針對的問題差別，業(yè)務(wù)流程圖針對的更多的是產(chǎn)品自己，頁面流程圖更多的考慮的是用戶與產(chǎn)品的交互。

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

這里同時也以美團(tuán)外賣為例，做了一份簡單的頁面流程圖：

在這兩幅流程圖的對比中，我們可以更加形象的去發(fā)現(xiàn)兩者的差別。就美團(tuán)外賣來說，業(yè)務(wù)流程圖顯然比頁面流程圖復(fù)雜的多。業(yè)務(wù)流程圖包羅了5個角色，而頁面流程是主要以用戶視角，因此，，涉及到的功能就有差別了，兩者的維度也有差別了。

總結(jié)

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

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

感謝看到這里，產(chǎn)品新人，望大家給出批評指導(dǎo)。

標(biāo)簽：東營 鹽城 烏魯木齊 九江 林芝