流程圖定義
流程圖是表示流經(jīng)一個(gè)系統(tǒng)的信息流的圖形代表熙暴。
說白了就是表示先做什么后做什么闺属，實(shí)際上就是“開始慌盯，結(jié)束，行動(dòng)屋剑，狀態(tài)與判斷”的組合润匙。
產(chǎn)品流程圖
產(chǎn)品流程圖包括業(yè)務(wù)流程、操作流程和頁面跳轉(zhuǎn)流程唉匾。
業(yè)務(wù)流程圖
作用：描述系統(tǒng)內(nèi)各角色之間的業(yè)務(wù)關(guān)系和作業(yè)順序孕讳，包括使用產(chǎn)品各種角色中的操作，是描述整個(gè)系統(tǒng)的業(yè)務(wù)走向和業(yè)務(wù)流程巍膘，以業(yè)務(wù)處理過程為中心厂财。
通常會(huì)由幾個(gè)「角色」來組成，他會(huì)有一種流水線般的工作線峡懈，A搞定了璃饱，傳給了B，B搞定他的部分肪康，傳給了C荚恶，C搞定后又要將結(jié)果傳給A做。
操作流程圖
作用：描述用戶為完成某個(gè)任務(wù)而對產(chǎn)品的一個(gè)操作流程
比如成功下單磷支，比如登陸注冊谒撼，比如退款等等。
頁面跳轉(zhuǎn)流程圖
作用：描述頁面之間的跳轉(zhuǎn)邏輯雾狈，主要面向表現(xiàn)層廓潜。
這里面會(huì)設(shè)計(jì)到一些邏輯上的問題，比如一個(gè)提示彈框出現(xiàn)后善榛，如果點(diǎn)擊確定辩蛋，下一步頁面去哪里？點(diǎn)擊取消呢移盆？
例子
拿外賣點(diǎn)餐產(chǎn)品當(dāng)例子：“我要訂餐”
業(yè)務(wù)流程圖
設(shè)計(jì)產(chǎn)品的時(shí)候常常從業(yè)務(wù)流程開始悼院。
假象一下我們的產(chǎn)品是個(gè)第三方訂餐平臺(tái)，平臺(tái)上有很多餐館咒循，用戶通過我們的平臺(tái)點(diǎn)餐付款樱蛤，我們通知餐館做飯，送餐等等剑鞍。我們首先要做的就是理清產(chǎn)品中有多少種角色昨凡，在腦子里想象下如果一個(gè)用戶下單，需要穿梭過多少種角色才能完成它的下單流程蚁署，然后將流程畫出便脊。
畫業(yè)務(wù)流程通常會(huì)用到“泳道圖”這個(gè)是專門來表示多角色配合的一種流程。如下圖
角色有三光戈，用戶哪痰，系統(tǒng)（后臺(tái)）遂赠，廚房（第三方商家）。
跑一下這個(gè)短短的流程晌杰，如果「用戶」選好了今天的飯菜跷睦，提交訂單了，這時(shí)就將訂單信息推送給了「系統(tǒng)」肋演，「系統(tǒng)」在后臺(tái)生成訂單抑诸，用戶的訂單狀態(tài)變?yōu)椤傅却犊睢埂＃ㄆ鋵?shí)系統(tǒng)這部分用戶是看不到的爹殊，但是產(chǎn)品經(jīng)理需要想清楚蜕乡。）用戶會(huì)來到支付頁面，這時(shí)候做一個(gè)判斷梗夸，用戶是否為這個(gè)訂單支付了費(fèi)用呢层玲？如果是，那么「系統(tǒng)」就會(huì)受理這個(gè)訂單反症，將信息推送給第三方「廚房」辛块，如果不是，那么用戶就是取消了訂單铅碍，訂單狀態(tài)變?yōu)椤赣唵问 埂?br>流程中總是由一個(gè)動(dòng)作展開憨降，那么思考時(shí)，我們要對每一步都帶著一個(gè)“如果……不……”會(huì)怎么樣的心態(tài)该酗，就會(huì)發(fā)現(xiàn)很多可以做判斷的地方。如果支付不成功呢士嚎？如果廚房不接單呢呜魄？如果退款不成功呢？這樣想下去你的流程細(xì)節(jié)就會(huì)越來越完善莱衩。
總結(jié)
業(yè)務(wù)流程著眼于整個(gè)系統(tǒng)的爵嗅，注重主要環(huán)節(jié)。
你不只是一個(gè)用戶笨蚁，因?yàn)橛脩羰遣槐刂篮笈_(tái)的一些判斷細(xì)節(jié)或是操作過程的睹晒，但如果你是產(chǎn)品經(jīng)理的話是一定要清楚的。
業(yè)務(wù)流程設(shè)計(jì)流程
設(shè)定角色→跑通流程→用“如果……不……”窮盡判斷括细，思考產(chǎn)品背后的判斷邏輯伪很。
操作流程
以下是是“用戶下單”的操作流程。
總結(jié)
相對于業(yè)務(wù)流程圖奋单，操作流程圖更專注于某一個(gè)任務(wù)或目標(biāo)锉试，注重細(xì)節(jié)；
操作流程圖是以一個(gè)用戶的操作角度來寫览濒，并不限于所謂的消費(fèi)者用戶（后臺(tái)的操作流程也可以）呆盖；
在初畫操作流程的時(shí)候拖云，不要早早的去過分在意細(xì)節(jié)與逆流程。（逆流程便是那些需要判斷是否的那個(gè)“否”的流程）应又，第一次用最理想的狀態(tài)宙项，將流程跑通，再去思考這里面會(huì)不會(huì)有那些“如果……不……”的細(xì)節(jié)株扛。
頁面流程圖
從圖中可以看出構(gòu)成：
界面尤筐。
一個(gè)矩形代表一個(gè)界面，這個(gè)流程中用戶走過兩個(gè)界面（登錄頁和首頁）席里，因?yàn)楸磉_(dá)的是界面的跳轉(zhuǎn)叔磷，界面是用戶實(shí)實(shí)在在接觸到的媒介，非界面的內(nèi)容奖磁，不要出現(xiàn)改基。
動(dòng)作。
矩形之間也就是界面之間加上一個(gè)觸發(fā)動(dòng)作咖为，比如從界面A點(diǎn)擊下一步按鈕秕狰，到達(dá)界面B，“點(diǎn)擊下一步”就是連接這兩個(gè)界面的關(guān)鍵動(dòng)作躁染，需要標(biāo)示出來鸣哀，上圖例子就是“單擊提交按鈕”。
條件吞彤。
一個(gè)動(dòng)作之后可能有多種“是/否”的結(jié)果我衬，則在矩形之間、動(dòng)作之后加上一個(gè)或多個(gè)判斷菱形饰恕。如上圖的檢驗(yàn)賬號(hào)密碼是否輸入正確挠羔。
總結(jié)
業(yè)務(wù)流程與操作流程都在他之上完成，當(dāng)建立起來操作流程埋嵌，頁面跳轉(zhuǎn)的流程也就躍然紙上了破加。只是在做某些交互行為時(shí)要多加注意頁面之間的邏輯、層級(jí)關(guān)系雹嗦，做到跳轉(zhuǎn)不歧義范舀。
歡迎關(guān)注Carson_Ho簡書！
不定期分享關(guān)于**產(chǎn)品策劃**了罪、**產(chǎn)品運(yùn)營**干貨锭环，追求**短、平泊藕、快**田藐，但**卻不缺深度**。
