在工作中，畫流程圖是產(chǎn)品經(jīng)理的基本技能之一，對于業(yè)務(wù)流程圖、功能流程圖和頁面流程圖這三者，常常容易混淆，在遇到流程圖設(shè)計(jì)時(shí)難以下手。作者對這三種流程圖進(jìn)行了梳理，并總結(jié)了應(yīng)用的場景。

作為產(chǎn)品經(jīng)理，你真的能區(qū)分業(yè)務(wù)流程圖、功能流程圖和頁面流程圖嗎？在工作中，經(jīng)常有產(chǎn)品經(jīng)理會(huì)犯設(shè)計(jì)流程圖時(shí)把三者雜糅在一起的錯(cuò)誤，或遇到設(shè)計(jì)流程圖時(shí)無從下手的尷尬處境。

流程圖是產(chǎn)品入門必備的基本技能之一。產(chǎn)品經(jīng)理設(shè)計(jì)流程圖，要有很強(qiáng)的業(yè)務(wù)邏輯理解能力。

流程圖描述一個(gè)流程中各項(xiàng)任務(wù)的邏輯順序，重點(diǎn)是讓其形成一個(gè)閉環(huán)。從而幫助我們?nèi)娴亓私鈽I(yè)務(wù)處理的過程，分析出業(yè)務(wù)流程的合理性。

流程圖是按照一定的規(guī)則和說明，用有順序且?guī)Ъ^連接的線框圖，將一個(gè)業(yè)務(wù)或功能的具體操作步驟展現(xiàn)出來。

對于產(chǎn)品經(jīng)理而言，流程圖是一種表達(dá)需求過程、業(yè)務(wù)邏輯和功能說明的線框圖。

設(shè)計(jì)流程圖最忌諱的就是把業(yè)務(wù)流程圖、功能流程圖與頁面流程圖雜糅一起。

要想設(shè)計(jì)好流程圖，首先得了解流程的六大要素及方法論。流程的六大要素包括：參與者、活動(dòng)、次序、輸入、輸出、標(biāo)準(zhǔn)化。流程的方法論包括：梳理業(yè)務(wù)邏輯、明確角色與任務(wù)、分析異常情況、流程優(yōu)化與調(diào)整等。

流程圖比抽象的文字描述，更能表達(dá)業(yè)務(wù)邏輯，更能提高工作效率，更能重組優(yōu)化流程。

在日常工作中，流程圖對產(chǎn)品經(jīng)理梳理業(yè)務(wù)有很大的作用，主要體現(xiàn)在：

• 需求對稱時(shí)，能將業(yè)務(wù)方一些邏輯復(fù)雜與規(guī)則不清楚的需求，用流程圖清晰的表現(xiàn)出來，降低雙方溝通成本。
• 需求分析時(shí)，幫助我們梳理業(yè)務(wù)邏輯，簡化繁瑣的操作流程，優(yōu)化復(fù)雜的關(guān)鍵節(jié)點(diǎn)，有助于功能邏輯的實(shí)現(xiàn)。此外，還能幫助我們查漏補(bǔ)缺，快速發(fā)現(xiàn)業(yè)務(wù)邏輯上的不足之處，以便及時(shí)優(yōu)化與調(diào)整。
• 需求評審時(shí)，借助流程圖澄清需求，會(huì)讓我們的思路更清晰、邏輯更順暢。能高效地解決與開發(fā)的溝通問題，避免因?yàn)闃I(yè)務(wù)邏輯表達(dá)不清楚而被開發(fā)懟。

梳理產(chǎn)品的流程一定要形成標(biāo)準(zhǔn)的操作規(guī)范，這是對產(chǎn)品基本素養(yǎng)的一個(gè)約束，可以幫助產(chǎn)品經(jīng)理了解業(yè)務(wù)如何運(yùn)轉(zhuǎn)。

即閉環(huán)式梳理讓流程設(shè)計(jì)合理落地，主要包括：首先與業(yè)務(wù)方充分溝通清楚需求的內(nèi)容，了解清楚需求的背景；其次將業(yè)務(wù)需求轉(zhuǎn)化為產(chǎn)品需求，提煉需求的功能點(diǎn)；然后結(jié)合用戶使用場景，通過用例描述需求的業(yè)務(wù)規(guī)則；再則對需求做定性和定量分析，基于用戶訪問路徑，盡可能細(xì)化異常場景；最后設(shè)計(jì)流程圖，確保業(yè)務(wù)的主流程走通，并涵蓋所有子流程節(jié)點(diǎn)。

在整個(gè)梳理過程中，我們會(huì)深入了解產(chǎn)品形態(tài)、業(yè)務(wù)流程、產(chǎn)品邏輯之間的扭轉(zhuǎn)關(guān)系，并輸出業(yè)務(wù)形態(tài)圖、用戶用例圖與流程圖。

繪制流程圖常用的工具有：Visio、Axure、Process On、Draw.io、Gliffy Diagrams、SmartDraw、億圖圖示、PPT、Word等。好的工具不在多，在這里推薦Visio。除了掌握工具基本技能外，還得了解一些設(shè)計(jì)方法論。

工具只是手段，流程才是核心。這是產(chǎn)品之“器”中很重要的一部分內(nèi)容。流程圖是產(chǎn)品設(shè)計(jì)過程中，前、中、后期的階段性產(chǎn)物。

按照產(chǎn)品內(nèi)容描述的維度，將流程圖分為：業(yè)務(wù)流程圖、功能流程圖與頁面流程圖等。

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

業(yè)務(wù)流程圖就是將產(chǎn)品的業(yè)務(wù)邏輯流程化，并以圖表的形式表達(dá)。

業(yè)務(wù)流程圖抽象地描述業(yè)務(wù)進(jìn)行的次序，以及流轉(zhuǎn)過程中傳遞的信息，但不涉及具體的用戶操作與執(zhí)行細(xì)節(jié)。

一般將流程圖分為：基礎(chǔ)流程圖和跨職能流程圖。

對于產(chǎn)品經(jīng)理而言，在產(chǎn)品規(guī)劃階段，業(yè)務(wù)流程圖是項(xiàng)目立項(xiàng)時(shí)，舉足輕重表達(dá)方式；在產(chǎn)品設(shè)計(jì)階段，業(yè)務(wù)流程圖是撰寫PRD時(shí)，至關(guān)重要的邏輯體現(xiàn)；在需求評審階段，業(yè)務(wù)流程圖是需求講解時(shí)，不可或缺的溝通手段。

以商品退貨為例，我們從角色和事項(xiàng)兩個(gè)維度梳理業(yè)務(wù)，了解整個(gè)事件的操作流程。

首先按角色劃分為顧客、電商平臺與商家；其次再畫出退貨的主干流程，然后判斷是否符合退貨條件，是否已發(fā)貨、是否商品完好等分支流程，最后按時(shí)間順序用有向箭頭關(guān)聯(lián)，就輸出了一份完整的業(yè)務(wù)流程圖。

二、功能流程

功能流程圖就是將系統(tǒng)或模塊的所有功能，以及功能之間的流向關(guān)系，以圖形的形式表達(dá)。

功能流程圖強(qiáng)調(diào)的是功能之間的邏輯和因果關(guān)系，且可以具體的表達(dá)每個(gè)頁面內(nèi)所包含的功能。

以用戶登錄為例，我們從功能和條件兩個(gè)維度梳理業(yè)務(wù)，了解整個(gè)功能的判斷邏輯。

首先列出所有操作功能：打開APP，點(diǎn)擊登錄，輸入賬號密碼；然后增加判斷條件：校驗(yàn)登錄信息一致性，校驗(yàn)注冊信息一致性；最后按操作次序關(guān)聯(lián)，就得到了功能流程圖。

三、頁面流程

頁面流程圖就是將產(chǎn)品的所有頁面，及頁面之間的流轉(zhuǎn)關(guān)系，以圖形的形式表達(dá)。

即站在用戶的視角，通過相關(guān)操作，可看到不同頁面的不同內(nèi)容，或發(fā)現(xiàn)頁面跳轉(zhuǎn)的體驗(yàn)問題。

頁面流程的三要素包括：頁面、操作、連接線。

頁面流程圖是表現(xiàn)用戶在使用產(chǎn)品的操作流程上，不同的操作指令下，不同頁面流轉(zhuǎn)關(guān)系，本質(zhì)是凸顯頁面元素與邏輯關(guān)系，提升原型設(shè)計(jì)的效率。

以便產(chǎn)品經(jīng)理對產(chǎn)品整體的流暢性，有一個(gè)更好的把控。

以購物車商品結(jié)算為例，我們從頁面和動(dòng)作兩個(gè)維度梳理業(yè)務(wù)，了解整個(gè)頁面的跳轉(zhuǎn)邏輯。

首先列出參與購物車商品結(jié)算的相關(guān)頁面：淘寶首頁、商品詳情頁、購物車頁、確認(rèn)訂單頁、確認(rèn)付款頁、訂單詳情頁；然后列出主要操作功能，最后按照操作次序用連接線關(guān)聯(lián)相關(guān)頁面，就得到頁面流程圖。

綜上可知：

• 業(yè)務(wù)流程圖側(cè)重表達(dá)產(chǎn)品業(yè)務(wù)邏輯的流轉(zhuǎn)路徑；
• 功能流程圖側(cè)重表達(dá)產(chǎn)品功能邏輯的操作路徑；
• 頁面流程圖側(cè)重表達(dá)產(chǎn)品頁面元素之間的跳轉(zhuǎn)關(guān)系。

流程設(shè)計(jì)是連接需求分析和原型設(shè)計(jì)的一個(gè)橋梁，最重要的是梳理業(yè)務(wù)。

• 從產(chǎn)品角度而言，梳理業(yè)務(wù)就是著重實(shí)現(xiàn)產(chǎn)品的交互動(dòng)作，功能的操作流程，系統(tǒng)的判斷邏輯；
• 從技術(shù)角度而言，梳理業(yè)務(wù)就是著重實(shí)現(xiàn)工作流的扭轉(zhuǎn)，狀態(tài)流的變化，數(shù)據(jù)流的走向；
• 對于產(chǎn)品經(jīng)理而言，高效的流程設(shè)計(jì)在于把業(yè)務(wù)掰開揉碎后，能夠重新打通整個(gè)業(yè)務(wù)流程。

即透視關(guān)鍵事件，制定優(yōu)化方案，改進(jìn)現(xiàn)有流程，讓業(yè)務(wù)、功能或頁面操作形成一個(gè)完整的閉環(huán)。

專欄作家

游善朱哥，微信公眾號：朱哥聊產(chǎn)品，人人都是產(chǎn)品經(jīng)理專欄作家。暢銷書《產(chǎn)品閉環(huán)：重新定義產(chǎn)品經(jīng)理》和《金融產(chǎn)品方法論》作者，近10年金融產(chǎn)品人，專注于金融行業(yè)（貸款、理財(cái)、支付）的產(chǎn)品知識分享，從0到1負(fù)責(zé)多款金融產(chǎn)品的全過程規(guī)劃與設(shè)計(jì)。

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

題圖來自Unsplash，基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。