上次介紹了《用例圖這樣畫，3步讓你做需求分析有理有據(jù)》，這次聊聊活動(dòng)圖。

也許你對(duì)活動(dòng)圖并不了解，不過，說起流程圖，想必你不會(huì)陌生。你可以暫且把活動(dòng)圖，看成 UML 中的流程圖。

都知道，做產(chǎn)品要分析流程，可怎么把流程理清楚呢？當(dāng)然不能憑空想象，而應(yīng)該借助分析工具。

每當(dāng)遇到復(fù)雜多變的業(yè)務(wù)，面對(duì)冗長(zhǎng)的流程，我總會(huì)拿出需求分析工具箱，從中挑選合適的工具。用得最多的，非活動(dòng)圖莫屬。

01、認(rèn)識(shí)活動(dòng)圖

之前在《做產(chǎn)品為什么要畫這些圖？》談到， UML 將視圖分為靜態(tài)視圖和動(dòng)態(tài)視圖。

靜態(tài)視圖，描述產(chǎn)品的結(jié)構(gòu)特征，即產(chǎn)品由什么組成的、能做什么、長(zhǎng)什么樣。例如，手機(jī)由屏幕、外殼、攝像頭、電池、芯片等組成，能用來打電話、上網(wǎng)。

動(dòng)態(tài)視圖，描述產(chǎn)品的行為特征，即產(chǎn)品是怎樣運(yùn)行，或如何使用。例如，我們要解鎖打開手機(jī)，得做輸入密碼，或識(shí)別指紋、人臉等操作。

活動(dòng)圖，是常用的動(dòng)態(tài)視圖之一，用來描述產(chǎn)品中具體對(duì)象，在具體場(chǎng)景下，如何使用產(chǎn)品，或參與實(shí)現(xiàn)目標(biāo)的過程。

所謂對(duì)象，是指與產(chǎn)品相關(guān)的人或事物，如用戶、運(yùn)營(yíng)人員、APP、后臺(tái)系統(tǒng)等。

換句話說，活動(dòng)圖描述的是，誰在什么情況下，如何做特定的事情。

畫活動(dòng)圖是為了分析流程，借助可視化的工具，描繪現(xiàn)實(shí)世界中具體事情的運(yùn)轉(zhuǎn)過程（常說的業(yè)務(wù)分析），輸出既方便人們理解，又便于計(jì)算機(jī)開發(fā)實(shí)現(xiàn)的內(nèi)容。

同樣用于流程分析，流程圖與活動(dòng)圖有啥區(qū)別呢？

流程圖歷史更悠久，使用范圍更廣，業(yè)務(wù)人員容易理解。

不過，或許是年代久遠(yuǎn)，而且畫圖元素較多，它的畫圖規(guī)范，要么被忽視，要么說法不一，想畫出一個(gè)標(biāo)準(zhǔn)的流程圖，也不容易。

在工作中，經(jīng)常發(fā)現(xiàn)有人畫流程圖，容易出現(xiàn)把狀態(tài)當(dāng)成動(dòng)作、操作對(duì)象不明確等問題。

以請(qǐng)假審批流程為例，看看這兩種情況，你是否見過。

△ 請(qǐng)假審批流程圖的常見問題

活動(dòng)圖的元素不多、規(guī)范明確，在 UML 的官方文檔中有清晰的定義，方便學(xué)習(xí)。

比方說，它貼心規(guī)定活動(dòng)名需用動(dòng)賓短語，避免了上述流程圖的常見問題。同時(shí)，活動(dòng)圖有同步的畫法，能很好地體現(xiàn)并行流程。

因此，我最常用活動(dòng)圖來描述流程，一起看看它的用法吧。

02、活動(dòng)圖的構(gòu)成

活動(dòng)圖由起始點(diǎn)、活動(dòng)、判斷、泳道、執(zhí)行順序、同步、結(jié)束點(diǎn)構(gòu)成。

△ 活動(dòng)圖常用元素

1、起始與結(jié)束，有頭有尾才完整

一個(gè)活動(dòng)圖開始，會(huì)先畫一個(gè)起始點(diǎn)，用實(shí)心圓表示。流程結(jié)束處，再畫上結(jié)束點(diǎn)，用同心圓表示。

這樣的活動(dòng)圖更為完整，有頭有尾，閱讀者一看便知從哪開始，在哪結(jié)束。

需注意的是，起始點(diǎn)只有一個(gè)，結(jié)束點(diǎn)可能有多個(gè)。

如有多個(gè)結(jié)束點(diǎn)，我習(xí)慣盡量把線連接到同一個(gè)結(jié)束點(diǎn)，讓整個(gè)過程看起來像一個(gè)閉環(huán)，簡(jiǎn)潔一些。

2、活動(dòng)，用圓角矩形表示

每個(gè)活動(dòng)，即具體對(duì)象做的操作，用圓角矩形表示，里面寫上活動(dòng)名稱，活動(dòng)名用動(dòng)賓短語描述。

如輸入手機(jī)號(hào)碼、點(diǎn)擊支付按鈕等，為 動(dòng)詞+名詞 的動(dòng)賓組合。

假如一個(gè)活動(dòng)圖中有多個(gè)執(zhí)行對(duì)象，又沒用泳道區(qū)分，則需要寫清楚是哪個(gè)對(duì)象做了什么動(dòng)作，以便閱讀理解。

如用戶輸入手機(jī)號(hào)碼、運(yùn)營(yíng)人員點(diǎn)擊退款等，為 主語+動(dòng)詞+名詞 的主謂賓組合。

還有個(gè)細(xì)節(jié)常被忽視，即圓角矩形的兩邊是半圓，與流程圖、狀態(tài)圖的畫法不同。

△ 活動(dòng)圖與流程圖、狀態(tài)圖的區(qū)別

3、判斷，用菱形表示

活動(dòng)的執(zhí)行過程中，遇到需要判斷的地方，則用菱形來表示，這也是流程產(chǎn)生分支的地方。

關(guān)于判斷的內(nèi)容（如審批是否通過、支付是否成功等），有的寫在菱形內(nèi)，有的寫在菱形外，有的干脆沒寫。

個(gè)人覺得不必拘泥于形式，有寫判斷內(nèi)容，會(huì)更清楚；如字?jǐn)?shù)少，菱形內(nèi)能寫，會(huì)更簡(jiǎn)潔；如寫不下，則寫在菱形外。

總之，做到統(tǒng)一即可。如一處寫在菱形外，則全部寫在外面；別有的寫在里面，有的寫在外面。

4、泳道，用矩形劃分區(qū)域

活動(dòng)圖中如有多個(gè)不同對(duì)象執(zhí)行的動(dòng)作，一般會(huì)增加泳道來描述各個(gè)對(duì)象的執(zhí)行過程。

泳道用矩形來劃分區(qū)域，矩形上方寫明對(duì)象名稱。

泳道，顧名思義，跟游泳比賽的運(yùn)動(dòng)員只能在其泳道中游泳一樣，規(guī)定每個(gè)對(duì)象的動(dòng)作只能畫在其對(duì)應(yīng)區(qū)域。

泳道活動(dòng)圖，即增加了泳道的活動(dòng)圖，用來梳理、描述有多個(gè)對(duì)象參與的流程，對(duì)象可以是人或部門，也可以是系統(tǒng)。

它可以很好地體現(xiàn)流程中不同參與對(duì)象所做的動(dòng)作和順序。

5、執(zhí)行順序，帶箭頭連線

執(zhí)行順序，與流程圖一樣，用帶箭頭的連線，將不同活動(dòng)按順序連接起來。

6、同步，用小黑棒表示

同步，用一條小黑棒來表示，可以擺豎，也可以擺橫。這是活動(dòng)圖的特色，使之能描述并行流程。

不管業(yè)務(wù)流程，還是系統(tǒng)流程，偶爾會(huì)碰到同時(shí)觸發(fā)動(dòng)作，或要等全部執(zhí)行完才開始下一步的情況，同步這一方法，能很好地描述這些流程。

03、活動(dòng)圖怎么畫

如果你畫過流程圖，畫活動(dòng)圖很容易上手。

下面以之前的手機(jī)話費(fèi)充值 APP 為例（此案例詳見《用例圖這樣畫，3步讓你做需求分析有理有據(jù)》），來介紹我總結(jié)的方法。

1、明確目標(biāo)，找對(duì)象，識(shí)操作

之前談到，用例圖是參與者為完成特定目標(biāo)的一系列活動(dòng)或功能集合。說白了是，什么人做什么事。

活動(dòng)圖，正是描述用例實(shí)現(xiàn)過程的這些活動(dòng)，即什么人如何完成這些事。

因此，畫活動(dòng)圖，得從用例圖開始，根據(jù)每一個(gè)用例來展開。

如果你沒有畫用例圖，也沒關(guān)系，但要圍繞特定目標(biāo)來展開，也就是分析的流程，是誰為了完成什么目標(biāo)。

如果可以，最好拉上與分析主題相關(guān)的人，邊確認(rèn)邊梳理；如若不能，可先找他們調(diào)研，再繪制。

你可以找一塊白板，或一張白紙，或打開畫圖軟件（如 Visio ），把參與流程的人或系統(tǒng)寫出來。

在腦海里，一步步推演，把他們每一步操作記下來，每一步就是一個(gè)活動(dòng)，活動(dòng)名是動(dòng)賓短語。

首先，找出提出服務(wù)請(qǐng)求的活動(dòng)，即活動(dòng)圖的起點(diǎn)。接著，再找出服務(wù)被滿足、目標(biāo)被完成時(shí)的活動(dòng)，即結(jié)束動(dòng)作。然后，逐步完善中間的活動(dòng)。

以案例中的微信手機(jī)充值業(yè)務(wù)為例，我是從用戶的視角，圍繞用戶實(shí)現(xiàn)話費(fèi)充值的目標(biāo)來展開，記下用戶所執(zhí)行的操作。

△ 用戶視角下的微信手機(jī)充值活動(dòng)圖

以充值 APP 為例，之前分析得出，充值得有運(yùn)營(yíng)商支持，支付對(duì)接微信支付、支付寶，協(xié)助用戶處理未到賬，還需有運(yùn)營(yíng)人員介入；整個(gè)充值 APP ，還應(yīng)包括后臺(tái)管理系統(tǒng)。

以“充值話費(fèi)”用例，就有用戶、充值 APP 、管理后臺(tái)、手機(jī)運(yùn)營(yíng)商這幾個(gè)對(duì)象參與了實(shí)現(xiàn)充值的過程。

找到參與對(duì)象后，就能把這些對(duì)象執(zhí)行的操作列出來。

△ 充值 APP 系統(tǒng)用例圖

2、勾勒脈絡(luò)，先主干，后分支

相信不少人畫流程，都遇過越畫越亂、分支越多的情況，這是沒按上述所說，圍繞用例或?yàn)樘囟繕?biāo)來展開。

一個(gè)活動(dòng)圖，建議只有一個(gè)目標(biāo)，如果有多個(gè)目標(biāo)，建議拆分成多個(gè)圖，這樣每個(gè)圖才不至于太復(fù)雜，自己不會(huì)畫暈，別人不會(huì)看懵。

此外，重點(diǎn)還要，先勾勒出主脈絡(luò)，先把主干流程理出來，再逐步完善分支流程。

梳理主干時(shí)，要避免陷入細(xì)節(jié)，等把核心操作找出來，再補(bǔ)充相關(guān)細(xì)節(jié)。

如有的分支比較復(fù)雜，或相對(duì)獨(dú)立，可再拆分成子流程單獨(dú)畫，而在主流程中，只寫進(jìn)入某某流程即可。

常見的分支，一般有審核、異常情況，多是遇到需要判斷之后產(chǎn)生的。

畫圖時(shí)，一般遵循從上往下、從左往右的順序。

△ 充值 APP “充值話費(fèi)”用例活動(dòng)圖主干

3、調(diào)整布局，邊推演，邊檢查

主干分支都完成了，還得根據(jù)版面，調(diào)整優(yōu)化活動(dòng)或泳道的擺放位置，讓圖更容易閱讀。

請(qǐng)注意，盡量確保連線不要交叉。

連線一旦交叉，整個(gè)圖會(huì)變復(fù)雜，執(zhí)行順序容易看錯(cuò)，閱讀體驗(yàn)很不好。

我一般習(xí)慣每個(gè)活動(dòng)占用一行，效果簡(jiǎn)潔一些。如果活動(dòng)較多、版面有限，可以適當(dāng)調(diào)整。

但盡量保持從上往下、從左往右的順序，活動(dòng)之間居中或水平對(duì)齊，連線不要交叉。

△ 充值 APP “充值話費(fèi)”用例泳道活動(dòng)圖

繪圖的過程，要在自己腦海里邊畫圖、邊推演，相當(dāng)于把流程操作過一遍。之后，再換換視角，退后幾步，放大視野，全局去檢查整個(gè)流程。

這有點(diǎn)像寫文章，寫完要自己通讀幾遍。

推演和全局檢查，往往能幫我們發(fā)現(xiàn)流程是否合理、是否順暢、是否有遺漏等問題。

最后，還要把畫完的活動(dòng)圖，拿去找相關(guān)人員（如業(yè)務(wù)、運(yùn)營(yíng)、銷售、開發(fā)等）溝通，確認(rèn)流程表達(dá)無誤、雙方理解一致。

04、劃劃重點(diǎn)

活動(dòng)圖的畫法，相對(duì)簡(jiǎn)單，很多人畫過流程圖，用起來并不難。

啰嗦這么多，是想讓你知道其常用元素的意思，掌握畫圖的思路，明白畫圖的本質(zhì)。

我們通過一個(gè)個(gè)活動(dòng)，把流程梳理并描述出來的過程。

實(shí)際上，是在將腦海里原本模糊、雜亂在的思路理清，使之變得更加清晰、有序。

同時(shí)，我們把各自對(duì)流程的理解，落實(shí)到紙上、屏幕上。

相當(dāng)于把腦中的想法，變成實(shí)實(shí)在在的圖片，這才有了溝通、討論的內(nèi)容基礎(chǔ)，更容易達(dá)成共識(shí)，甚至發(fā)現(xiàn)問題、優(yōu)化流程。

最后，我再給你劃劃重點(diǎn)：

1、畫活動(dòng)圖的方法

1）明確目標(biāo)，找對(duì)象，識(shí)操作

2）勾勒脈絡(luò)，先主干，后分支

3）調(diào)整布局，邊推演，邊檢查

2、畫活動(dòng)圖請(qǐng)遵循

1）從上往下、從左往右的順序

2）活動(dòng)之間盡量對(duì)齊

3）活動(dòng)連線不要交叉

總而言之，我們用活動(dòng)圖，是為了幫助我們分析好流程。

請(qǐng)靈活使用工具，別被工具使用。