上篇文章講了《頁(yè)面流程圖如何繪畫(huà)》，這篇文章講講PM畫(huà)得最多的圖形“功能流程”。下一篇講如何畫(huà)業(yè)務(wù)流程圖。

這就是我所理解的產(chǎn)品架構(gòu)三部曲。

常見(jiàn)的錯(cuò)誤畫(huà)法

先梳理一下大部分PM畫(huà)功能流程的常見(jiàn)錯(cuò)誤，方便理解其邊界。

混入業(yè)務(wù)維度

特別容易把業(yè)務(wù)模塊也畫(huà)到功能流程圖里面。

區(qū)分你的功能流程圖里面有木有業(yè)務(wù)模塊并不難。唯一的判斷標(biāo)準(zhǔn)是該圖中的每個(gè)節(jié)點(diǎn)都應(yīng)該是這個(gè)產(chǎn)品中真實(shí)存在的功能名稱，否則應(yīng)該是混入了其他東西。

真正的難點(diǎn)在于如何將業(yè)務(wù)流程映射成合理的功能流程，以及功能流程如何映射成恰當(dāng)?shù)臉I(yè)務(wù)流程。

混入頁(yè)面維度

其次容易將頁(yè)面寫(xiě)到功能流程圖里面。比如某頁(yè)面只是某個(gè)功能的子集，你非要把它寫(xiě)到功能流程圖里面，是不合適的。

比如微信里面，發(fā)送照片給好友是一個(gè)功能，但是涉及到的頁(yè)面“照片”、“選擇相冊(cè)”、“某一相冊(cè)詳情”以及操作“選中某一照片”，他們都不是功能，完全不應(yīng)該顯示在功能流程圖里面。

當(dāng)然某些功能的命名，有可能和頁(yè)面是一樣的。

混入操作維度

每個(gè)功能可能包含很多操作，比如微信中發(fā)送照片給好友，包含了”點(diǎn)擊相冊(cè)”，”滾動(dòng)照片列表”，”選擇照片并發(fā)送”等操作。需要正確區(qū)分操作不是功能。

功能流程是什么

講了一些常見(jiàn)的錯(cuò)誤畫(huà)法之后，再次定義一下功能流程的概念。

功能流程是指產(chǎn)品的所有功能以及相互間關(guān)系。

功能間關(guān)系

注意功能是相互獨(dú)立的，但是通過(guò)合理組合，可形成新功能。不太建議用一級(jí)功能二級(jí)功能，父功能子功能的叫法。

包含哪些元素

功能，使用矩形表示。

功能流向，使用有線箭頭表示。

條件，使用有線箭頭上的文字表示。

已定義流程，使用組合矩形表示。不是必須的，如果整個(gè)產(chǎn)品的功能太復(fù)雜，可能需要。

詳見(jiàn)我整理的功能流程圖資料，點(diǎn)擊查看。

功能命名

要么是名詞，比如購(gòu)物車。可加定語(yǔ)，比如我的紅包。

要么是動(dòng)賓短語(yǔ)，比如確認(rèn)訂單。

要么是通用叫法、比如我的。

可以參考同行業(yè)的TOP5競(jìng)品。

如果功能簡(jiǎn)單，產(chǎn)品層面的1個(gè)功能盡量對(duì)應(yīng)著Axure的1個(gè)Page。如果很復(fù)雜，請(qǐng)拆分到多個(gè)頁(yè)面。

詳見(jiàn)產(chǎn)品需求文檔需要遵循的命名規(guī)則。

功能定位

功能是邏輯意義上的概念，用戶是感知到該產(chǎn)品具備哪些功能。一個(gè)功能可能是跨越多個(gè)頁(yè)面，也可能存在于某頁(yè)面里。而頁(yè)面是物理意義上的概念，用戶可以在產(chǎn)品里面看到包含哪些頁(yè)面。

另外功能本身是相互獨(dú)立的。但是通過(guò)合理組合，可形成新功能。不太建議用一級(jí)功能和二級(jí)功能，父功能和子功能的說(shuō)法。

如何畫(huà)功能流程圖

羅列所有功能

按照PM設(shè)定的用戶使用產(chǎn)品流程，來(lái)畫(huà)出每個(gè)節(jié)點(diǎn)的功能。從首次打開(kāi)APP開(kāi)始算起，進(jìn)入首頁(yè)會(huì)有多種走向，均需分別畫(huà)出來(lái)。

請(qǐng)注意不要隨意把頁(yè)面名稱畫(huà)進(jìn)來(lái)，除非你確定含有一個(gè)同名的功能。

比如上圖乍一看，好像這幾個(gè)都是功能，畫(huà)得好像并沒(méi)有錯(cuò)。點(diǎn)擊對(duì)應(yīng)的原型地址，方便理解下文。

可事實(shí)上，首頁(yè)只是頁(yè)面的叫法，而不是功能。另外它至少包含了發(fā)布邀約，查看邀約列表，頻道列表三個(gè)功能。

用有向箭頭關(guān)聯(lián)

使用有向箭頭將功能之間聯(lián)系起來(lái)。注意箭頭方向代表用戶的使用步驟。

如果你是使用Axure，請(qǐng)不要傻乎乎的使用默認(rèn)模式拖一根線到2個(gè)功能矩形框上，而是切換到連接線模式然后鼠標(biāo)移動(dòng)到矩形框連接紅點(diǎn)并關(guān)聯(lián)到另外一個(gè)。

增加條件判斷

很多功能是有前置條件的，請(qǐng)使用有向箭頭并輔以文字表示。

所謂的條件就是前后端需要判斷的邏輯。常見(jiàn)的條件有3種邏輯結(jié)構(gòu)。

檢查是否犯錯(cuò)

上面說(shuō)的幾個(gè)常見(jiàn)錯(cuò)誤，最好檢查一下有沒(méi)有犯。

得到功能流程圖

根據(jù)上面的步驟，我大概畫(huà)了一下微信客戶端主要的功能流程圖。

完整的圖形可以點(diǎn)擊源地址查看。

總結(jié)

如果你們的產(chǎn)品比較復(fù)雜的話，可能需要根據(jù)用戶角色、前后端不同來(lái)分別畫(huà)出對(duì)應(yīng)的功能流程圖。

比如微信的功能流程圖，至少有用戶使用微信，用戶使用小程序，自媒體使用公眾號(hào)，開(kāi)發(fā)者開(kāi)發(fā)公眾號(hào)，開(kāi)發(fā)者開(kāi)發(fā)小程序等很多個(gè)。

簡(jiǎn)單來(lái)說(shuō)，你先得清楚你們的業(yè)務(wù)需要多少個(gè)產(chǎn)品來(lái)支持，產(chǎn)品間的關(guān)系是什么，每種產(chǎn)品需要多少種用戶角色，相互間的關(guān)系，有多少個(gè)端。

下篇文章《如何正確的畫(huà)出業(yè)務(wù)流程圖》會(huì)細(xì)講這方面的知識(shí)。

相關(guān)閱讀

如何正確地畫(huà)出頁(yè)面流程圖

如何用ER圖繪制業(yè)務(wù)實(shí)體模型

如何繪畫(huà)狀態(tài)機(jī)來(lái)描述業(yè)務(wù)的變化

移動(dòng)PM需要梳理這些流程圖

#專欄作家#

浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay。

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