距離上次發(fā)發(fā)帖已經(jīng)有一個(gè)多月了，本來(lái)想早點(diǎn)發(fā)新帖的但是各種瑣碎的事干擾，一直沒(méi)能寫(xiě)帖子。對(duì)“眾云行”不了解朋友的附帶產(chǎn)品BRD連接（原文：http://www.codemsi.com/pd/321497.html）。

說(shuō)起產(chǎn)品經(jīng)理的日常工作有一個(gè)很重要的點(diǎn)就是梳理產(chǎn)品流程。最開(kāi)始接觸流程設(shè)計(jì)的時(shí)候一直搞不清楚什么是業(yè)務(wù)流程，操作流程，頁(yè)面流程以及這三者的關(guān)系。經(jīng)過(guò)系統(tǒng)研究后得出些心得，和小伙伴們分享下，如有哪里錯(cuò)誤還請(qǐng)指出，感謝糾正?。?！

第一部分：名詞解釋

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

也有人叫“功能流程”，作為梳理產(chǎn)品功能框架的依據(jù)：其實(shí)就是你要做一件事的時(shí)候一共分為幾步走，這幾步的先后順序就是業(yè)務(wù)流程。簡(jiǎn)單舉個(gè)例子：說(shuō)把大象放進(jìn)冰箱里分幾步，第一步打開(kāi)冰箱門(mén)，第二步把大象放進(jìn)去，第三步關(guān)上冰箱門(mén)。轉(zhuǎn)換成流程圖如下：

操作流程：

就是你完成過(guò)每一步需要做的事情和具體怎么做，以大象放進(jìn)冰箱里的例子中的第一步打開(kāi)冰箱門(mén)，為例：

動(dòng)作包括：手握住冰箱門(mén)——拉動(dòng)/推動(dòng)冰箱門(mén)

判定條件：

1. 確認(rèn)冰箱門(mén)是否打開(kāi)，如打開(kāi)直接放入大象，未打開(kāi)則手握住冰箱門(mén)
2. 確認(rèn)冰箱門(mén)是橫開(kāi)或平開(kāi)，橫開(kāi)則橫向拉動(dòng)，平開(kāi)則水平拉動(dòng)。

限制條件：

橫開(kāi)門(mén)必須橫向拉動(dòng)，平開(kāi)必須水平拉動(dòng)。

（關(guān)于限制條件，有的人覺(jué)得在流程圖階段不用考慮，但是我覺(jué)得在整個(gè)梳理流程的過(guò)程中最好能將考慮的細(xì)節(jié)條件都進(jìn)行標(biāo)注，這樣能夠幫助梳理頁(yè)面流程圖和整理產(chǎn)品的信息架構(gòu)，深化交互設(shè)計(jì)。）

結(jié)果條件：將門(mén)打開(kāi)至足以放入大象的開(kāi)口大小，未達(dá)到條件則無(wú)法進(jìn)入下一步。

轉(zhuǎn)為操作流程圖如下：

頁(yè)面流程：

就是用戶(hù)完成前兩道流程需要處于的頁(yè)面環(huán)境，在環(huán)境1中觸及到哪一個(gè)點(diǎn)換滿(mǎn)足哪些條件后，到達(dá)下一環(huán)境。還是以大象放進(jìn)冰箱的任務(wù)舉例說(shuō)明:冰箱關(guān)閉，大象在冰箱外的環(huán)境：出現(xiàn)一個(gè)冰箱，單擊冰箱門(mén)打開(kāi)按鈕，打開(kāi)冰箱門(mén)——進(jìn)入冰箱門(mén)打開(kāi)，大象在冰箱外的環(huán)境，冰箱內(nèi)部分格場(chǎng)景進(jìn)入眼簾，選擇合適的分格空間，把大象放進(jìn)去，——進(jìn)入冰箱門(mén)打開(kāi)，大象在冰箱里的環(huán)境場(chǎng)景：然后單擊關(guān)閉冰箱門(mén)的按鈕，進(jìn)入大象放入冰箱后，冰箱門(mén)關(guān)閉的場(chǎng)景，即完成任務(wù)的場(chǎng)景。轉(zhuǎn)為頁(yè)面流程圖如下：

這個(gè)時(shí)候就會(huì)發(fā)現(xiàn)先前有一些流程是我們沒(méi)有考慮進(jìn)來(lái)的，例如當(dāng)冰箱內(nèi)部空間不足的時(shí)候，是需要調(diào)整冰箱內(nèi)的物品以騰出足夠的空間，還是需要調(diào)換冰箱。以及一些交互過(guò)程中需要出示的小提示頁(yè)面等（例如，冰箱空間不足提示）

繪制頁(yè)面流程圖，也是對(duì)前面操作流程和業(yè)務(wù)流程的檢驗(yàn)，細(xì)化和豐富。

總結(jié)：

綜上所訴，業(yè)務(wù)流程，操作流程，是一種前后推導(dǎo)關(guān)系，業(yè)務(wù)流程作為推到操作流程的前提，操作流程作為深入細(xì)化和檢驗(yàn)業(yè)務(wù)流程的工具。

頁(yè)面流程是業(yè)務(wù)流程和操作流程具體的場(chǎng)景體現(xiàn)，頁(yè)面流程體現(xiàn)了滿(mǎn)足業(yè)務(wù)流程所體現(xiàn)的功能點(diǎn)和信息點(diǎn)，以及通過(guò)操作流程所體現(xiàn)的各功能之間的關(guān)系和具體的操作方法。同時(shí)頁(yè)面流程也在不斷檢驗(yàn)前兩個(gè)流程，幫助優(yōu)化流程。

在這里有一點(diǎn)需要提到的是，無(wú)論是業(yè)務(wù)流程圖，操作流程圖，頁(yè)面流程圖，在繪制的過(guò)程中都盡可能的表示出到達(dá)某一流程的輸入輸出條件，這樣既可以幫助后期的交互設(shè)計(jì)，也可以幫助梳理和豐富該環(huán)節(jié)的流程內(nèi)容，以及產(chǎn)品的功能架構(gòu)和信息架構(gòu)。

第二部分：眾云行案例推解，從BRD到頁(yè)面流程圖

這里以眾云行的流程為例，解釋三個(gè)流程具體的推倒思路。

第一步，細(xì)化BRD

通常情況下我們?cè)诰帉?xiě)B(tài)RD的時(shí)候，會(huì)設(shè)計(jì)出產(chǎn)品大致的業(yè)務(wù)模式（初級(jí)業(yè)務(wù)流程）和涉及到的大的功能點(diǎn)（初級(jí)功能框架）。如圖：

（眾云行BRD中的業(yè)務(wù)模式部分）

（眾云行BRD中的功能規(guī)劃部分，現(xiàn)在看來(lái)寫(xiě)的有點(diǎn)過(guò)了）

進(jìn)入流程設(shè)計(jì)階段（也可以說(shuō)是輸出MRD文檔前的準(zhǔn)備階段）我們最先要做的是兩件事。

1. 梳理用戶(hù)，產(chǎn)品，后臺(tái)三個(gè)端口的主要功能大框和功能關(guān)系，如圖：

我將功能分為用戶(hù)端，產(chǎn)品端，后臺(tái)端三部分。用戶(hù)端：用戶(hù)在使用產(chǎn)品時(shí)需要主動(dòng)獲取或操作的功能。產(chǎn)品端：產(chǎn)品自身需要為用戶(hù)呈現(xiàn)的功能。用戶(hù)端：組織支援前兩大端口功能，滿(mǎn)足后端運(yùn)營(yíng)和監(jiān)管的輔助功能。

2.?細(xì)化業(yè)務(wù)流程。這部分沒(méi)什么說(shuō)的，這里需要注意的是側(cè)重點(diǎn)應(yīng)放在用戶(hù)完成任務(wù)需要經(jīng)過(guò)的環(huán)節(jié)，注意環(huán)節(jié)之間的邏輯和連續(xù)關(guān)系，切勿把中心放在某個(gè)具體的操作動(dòng)作上。如圖：

第二步，繪制操作流程

首先是拆分業(yè)務(wù)流程，按環(huán)節(jié)特點(diǎn)或順序階段先后等條件，將業(yè)務(wù)流程拆分成若干個(gè)小環(huán)節(jié)。然后針對(duì)每一個(gè)小環(huán)節(jié)進(jìn)行操作流程的梳理。

個(gè)人認(rèn)為這里需要注意的是兩點(diǎn)：

1. 細(xì)化各操作流程中特殊情況發(fā)生的可能性，即操作的多種方式或是發(fā)生錯(cuò)誤操作時(shí)的流程關(guān)系。
2. 是/否的判定，盡可能的去考慮一個(gè)操作開(kāi)始/完成時(shí)的輸入/輸出條件。這里可以加以備注，以方便后期繪制頁(yè)面流程圖。

如圖：（以用戶(hù)發(fā)布調(diào)研任務(wù)環(huán)節(jié)為例）

第三步：流程、功能、信息三者的場(chǎng)景化

上文提到每一個(gè)頁(yè)面就是一個(gè)小的用戶(hù)場(chǎng)景，我們要設(shè)想用戶(hù)完成任務(wù)的過(guò)程中需要經(jīng)過(guò)哪些頁(yè)面，使用哪些功能，獲得哪些信息內(nèi)容。體現(xiàn)到頁(yè)面流程圖上 就是每一個(gè)頁(yè)面需要呈現(xiàn)哪些信息，哪些功能點(diǎn)，在打擊哪些按鍵時(shí)進(jìn)入的下一個(gè)頁(yè)面是什么。

這里需要注意的就是：

1. 簡(jiǎn)練頁(yè)面與頁(yè)面之間的邏輯關(guān)系，精簡(jiǎn)頁(yè)面數(shù)量，頁(yè)面數(shù)量的多少直接影響到用戶(hù)在完成任務(wù)時(shí)經(jīng)歷的操作步數(shù)的多少。
2. 細(xì)化同一頁(yè)面內(nèi)可能存在的交互可能性，并將其表述出來(lái)。

以上兩點(diǎn)一方面可以幫助梳理前面的業(yè)務(wù)流程，操作流程，也可以為原型設(shè)計(jì)打好交互基礎(chǔ)。所以本人覺(jué)得在交互設(shè)計(jì)環(huán)節(jié)時(shí)考慮的交互問(wèn)題，可以盡量在這一環(huán)節(jié)考慮，具體的好處有哪些有，過(guò)設(shè)計(jì)經(jīng)驗(yàn)或項(xiàng)目管理經(jīng)驗(yàn)的人應(yīng)該都會(huì)有體會(huì)。廢話(huà)不多說(shuō)直接上圖：（眾云行主框架的頁(yè)面流程關(guān)系）

點(diǎn)擊圖片放大，按“F”鍵可以查看原圖

總結(jié)：

個(gè)人覺(jué)得流程圖部分鍛煉著產(chǎn)品經(jīng)理的邏輯思維和大腦的活躍度，想提高這部分能力可以多整理些經(jīng)典產(chǎn)品的流程部分。整理的越細(xì)致越能幫助產(chǎn)品經(jīng)理更好的完成這部分工作。

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