在產(chǎn)品設(shè)計(jì)中，流程圖是非常重要的一環(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è)順序和管理信息流向的圖表。也可以直接簡單的理解為用圖來表示需要完成產(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ù)的基本，因?yàn)椋仨毐３诌壿嫷耐暾?，以便于技術(shù)方通過流程圖分配工作，增加整體工程的工作效率。
頁面流程圖
相比于業(yè)務(wù)流程圖來說，頁面流程圖就簡單得多，頁面流程圖就是從用戶出發(fā)，表示用戶在使用產(chǎn)品的操作流程，可以簡單理解為在用戶在產(chǎn)品中進(jìn)行操作時，頁面的跳轉(zhuǎn)過程。
怎樣畫頁面流程圖
打開APP，查看各個頁面。
思考不同頁面之間的跳轉(zhuǎn)及跳轉(zhuǎn)前提。
思考頁面之間的聯(lián)系。
明確每個頁面的元素，要體現(xià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ù)流程圖顯然與頁面流程圖的重點(diǎn)都不同，因此，涉及到的功能就有不同了，兩者的維度也有不同了。
總結(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)品都是由點(diǎn)線面組成，每個需求是點(diǎn)，每個頁面是線，通過流程圖的串聯(lián)，最終形成了我們看到的完整的產(chǎn)品。流程圖是產(chǎn)品的骨架，業(yè)務(wù)流程圖是產(chǎn)品的大骨架，頁面流程圖是組成產(chǎn)品骨架的一個個小的骨頭，只有搭好骨架，我們才能為產(chǎn)品填充血肉，注入生命。
感謝看到這里，產(chǎn)品新人，望大家給出批評指導(dǎo)。因?yàn)橹白约号e了，重新做了一份頁面流程圖，謝謝大家對于我的問題的指出，這個流程圖在做的時候我才發(fā)現(xiàn)其實(shí)做好一個真正的完整的邏輯結(jié)構(gòu)清晰的流程圖還需要很長一段時間的修煉，包括也要對后端去做學(xué)習(xí)和了解，這樣才會更好的做好前后端的聯(lián)合，總之，我會繼續(xù)努力的。
