從業(yè)務(wù)流程出發(fā)，將其逐步拆分，完善成一個(gè)具體到可以落地的內(nèi)容。而拆分的過程就是先總結(jié)業(yè)務(wù)流程，然后將業(yè)務(wù)流程降低維度，拆分成多個(gè)功能模塊，每個(gè)功能流程再降維，拆分到頁面邏輯，落實(shí)到每個(gè)頁面中。

一、業(yè)務(wù)流程

根據(jù)3W法則來描述業(yè)務(wù)事件，即“who+what+who”，首先我們需要確定的是整個(gè)業(yè)務(wù)的操作主體，也就是我們所說的角色，第一個(gè)who。

另外，我們還需要確定行為目標(biāo)物，也就是第二個(gè)who，這邊可能存在的行為目標(biāo)物就是錢和貨物。what則是兩者之間的聯(lián)系行為（行為本身可能會(huì)包含目標(biāo)物），是什么行為將兩者串聯(lián)在一起的。

那么如何判斷你的業(yè)務(wù)事件中是否混入的一些異物呢？有個(gè)比較簡單的方法，就是你把業(yè)務(wù)流程想成瀑布或者樓梯，每個(gè)事件都是有層序關(guān)系的，不存在并列關(guān)系，如果這邊存在并列關(guān)系了，那么你的業(yè)務(wù)流程可能就出現(xiàn)問題了。

例子：

1. 平臺(tái)上架商品

2. 買家挑選商品

3. 買家購買商品

4. 平臺(tái)收到貨款

5. 平臺(tái)發(fā)送商品

6. 買家收到商品

7. 買家確認(rèn)商品

8. 平臺(tái)結(jié)束訂單

二、功能結(jié)構(gòu)圖

有了業(yè)務(wù)流程之后，我們?nèi)绾问崂沓龉δ芰鞒棠兀嘈旁S多小伙伴依然一臉懵逼，不知該如何繼續(xù)往下。這時(shí)候，上面的第一個(gè)who就起作用了，作為發(fā)起者，我們可以將屬于它的流程都整理出來。

例子：

買家挑選商品->買家購買商品->買家收到商品->買家確認(rèn)商品

我們可以把他理解為只包含一個(gè)角色的部分業(yè)務(wù)流程圖。

然后是將買家這個(gè)主體去掉，變成：

挑選商品->購買商品->收到商品->確認(rèn)商品

?

這樣我們得到了4個(gè)功能模塊，但是這些功能模塊是由多個(gè)功能點(diǎn)組成，所以我們需要繼續(xù)拆分。我們這邊就以購買商品這個(gè)功能模塊為例

首先我們需要確定這塊功能涉及到的主體和客體。購買的主要客體其實(shí)就是錢和貨物。我們將兩個(gè)客體帶入上面三個(gè)問題，首先將貨物代入其中。

我是誰：需要的就是認(rèn)清自己，即貨物包含的具體內(nèi)容是哪些？即貨物的型號(hào)，顏色，也就是我們說的SKU描述，以及數(shù)量。然后我們根據(jù)需求去篩選需要的信息。大部分APP展現(xiàn)的就是商品的部分信息以及數(shù)量。

我從哪里來：貨物是從平臺(tái)那邊來。這邊由于主體是平臺(tái)，所以我從哪里來不用考慮。打個(gè)×。

要到哪里去：要到買家那里去。這邊主體是買家，所以保留，打個(gè)√。然后開始思考這個(gè)問題，衍生出了一系列的問題

買家在哪里，我要怎么去。這就是大部分APP訂單界面的用戶地址和郵寄方式這兩塊內(nèi)容。

然后把錢代入這三個(gè)問題:

我是誰：也就是一共多少錢。也就是訂單頁面的總價(jià)格。

我從哪里來：錢是從買家那邊來。所以需要用戶填寫支付方式。

要到哪里去：要到平臺(tái)那里去。打個(gè)×。

是不是感覺差不多了，來我們整理一下。購買商品是一個(gè)功能模塊。

其中還有一些子功能點(diǎn)，即訂單貨物詳情確認(rèn)，訂單貨物價(jià)格確認(rèn)，訂單郵寄方式選擇，填寫收貨地址，選擇支付方式。

三、功能流程圖

將四個(gè)功能模塊全部拆解成功能結(jié)構(gòu)之后，根據(jù)功能流程將它們連接在一起就形成了功能流程圖。

四、頁面流程圖

頁面流程需要注意的點(diǎn):

1.目標(biāo)是為了完成一個(gè)功能模塊的功能點(diǎn)盡量放在一個(gè)頁面中，不要讓用戶的體驗(yàn)中斷，產(chǎn)生我是誰，我在哪里的感覺。

舉例：一般我們不會(huì)把登錄界面拆成兩個(gè)頁面，一個(gè)頁面讓用戶輸入用戶名/手機(jī)，一個(gè)頁面讓用戶輸入密碼。

2.需要考慮到一個(gè)功能點(diǎn)需要展示的內(nèi)容，不要將過多元素一下子全部展現(xiàn)給用戶，該拆還是要拆開！

舉例：上面的功能流程圖中，挑選商品中就包含了查看商品列表的功能點(diǎn)，這個(gè)功能由于要展現(xiàn)所有相關(guān)的商品，所以展示信息較多，所以一般的做法是單獨(dú)成頁。

3.明確觸發(fā)頁面跳轉(zhuǎn)的trigger，即觸發(fā)條件。頁面跳轉(zhuǎn)肯定是有一定跳轉(zhuǎn)邏輯的，要明確好跳轉(zhuǎn)的邏輯。

4.完成頁面流程之后再次確認(rèn)一遍功能點(diǎn)已經(jīng)全部收納到頁面中了，防止功能缺失和遺漏。