• 可關(guān)注公眾號(hào)：圓珠筆LeeLen 查看原文章

• 不知道從什么時(shí)候開(kāi)始發(fā)現(xiàn)生活中和工作中一個(gè)問(wèn)題：因?yàn)橐粋€(gè)專(zhuān)業(yè)名詞的定義，爭(zhēng)論的不可開(kāi)交，仔細(xì)想來(lái)，是因?yàn)槲覀兌枷矚g一個(gè)名詞的專(zhuān)有定義，因?yàn)闆](méi)有一個(gè)固定的答案，吵到最后大家都會(huì)去百度，google，等等…找一個(gè)標(biāo)準(zhǔn)的答案cai罷休，否則容易斷章取義，其實(shí)雙方談?wù)摰囊呀?jīng)不是同一個(gè)事情了，但這個(gè)是九年義務(wù)教育造成的，你我改變不了，只能相互提醒罷了。

  1、 流程圖的定義

  每個(gè)學(xué)計(jì)算機(jī)的小伙伴都應(yīng)該知道，在大學(xué)的時(shí)候有一門(mén)課程叫<操作系統(tǒng)>，首先提到的流程圖的概念，我也是搬過(guò)來(lái)而已，因?yàn)樗鼨?quán)威流程圖：使用特殊符號(hào)加上說(shuō)明，表示算法思路的圖；使用對(duì)象：產(chǎn)品經(jīng)理、開(kāi)發(fā)、設(shè)計(jì)師特點(diǎn)：按照主體進(jìn)行的次序排布，不同順序會(huì)有不同的結(jié)果； 目的： 1、查漏補(bǔ)缺，檢驗(yàn)是否有遺漏的分支流程 2、傳達(dá)需求，用流程圖來(lái)更好地表達(dá)產(chǎn)品邏輯 3、保證產(chǎn)品的使用邏輯合理順暢

  2、流程圖的意義

  流程圖為觀眾快速了解業(yè)務(wù)提供一種簡(jiǎn)明扼要、直觀的概述，直觀簡(jiǎn)明的看到：某個(gè)主體在什么時(shí)候，什么條件下，做了什么事情，得到了什么結(jié)果，這個(gè)圖可以在具體的工作場(chǎng)景中得到運(yùn)用；

  1、產(chǎn)品評(píng)審會(huì)

  流程圖能夠提供一種快速了解業(yè)務(wù)如何運(yùn)作的視圖，通過(guò)業(yè)務(wù)流程圖，新員工能夠快速明白業(yè)務(wù)的最終目標(biāo)是什么，中有哪些角色在參與以及他們的職責(zé)，以及彼此之間的聯(lián)接。除了培訓(xùn)新員工，在員工輪崗、調(diào)職場(chǎng)景中，員工也需要業(yè)務(wù)流程圖參考，明白新的工作內(nèi)容如何開(kāi)展，以及自己所處的位置，自己的上游是誰(shuí)，下游是誰(shuí)，自己需要交付的工作內(nèi)容是什么。

  2、優(yōu)化流程與重組

  通過(guò)調(diào)研，分析業(yè)務(wù)流程圖，引入更多角色，能夠分析出目前業(yè)務(wù)流程的問(wèn)題：缺失，重復(fù)，風(fēng)險(xiǎn)，效率等等。從而制定相應(yīng)的優(yōu)化方案。

  3、信息化基礎(chǔ)

  在做系統(tǒng)的功能設(shè)計(jì)和系統(tǒng)流程設(shè)計(jì)時(shí)，必須先要了解目前業(yè)務(wù)是如何運(yùn)作的呢？從而更好分析分析，更好說(shuō)明系統(tǒng)在什么環(huán)節(jié)取代了什么類(lèi)型的人肉工作？所以我們看到的PRD往往也會(huì)先以業(yè)務(wù)流程圖開(kāi)始說(shuō)明，而敘述一個(gè)系統(tǒng)建設(shè)的好處時(shí)，也可以用以前的業(yè)務(wù)流程與系統(tǒng)上了之后的業(yè)務(wù)流程進(jìn)行對(duì)比。根據(jù)分析，將愿景中的新的業(yè)務(wù)流程圖背后需要系統(tǒng)的功能點(diǎn)撰寫(xiě)清楚

  3、 流程圖的分類(lèi)

  流程圖其實(shí)在高中就有所接觸，比如：條件結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、直到型結(jié)構(gòu)，在運(yùn)用中也是；具體如下

  直到型 結(jié)構(gòu)型 循環(huán)型

  在工作中，作為UED，你可能會(huì)發(fā)現(xiàn)PD經(jīng)常談的是業(yè)務(wù)流程，和任務(wù)流程，而作為交互設(shè)計(jì)師，更多產(chǎn)出的是頁(yè)面流程圖。頁(yè)面流程圖和業(yè)務(wù)流程圖到底有什么關(guān)系呢？

  先有誰(shuí)，其次再有誰(shuí)呢？

  因此流程圖分為：業(yè)務(wù)流程圖、任務(wù)流程題、頁(yè)面流程圖、功能流程圖、數(shù)據(jù)流程圖

  一個(gè)需求從調(diào)研開(kāi)始，到產(chǎn)品落地：由戰(zhàn)略、規(guī)劃、執(zhí)行、業(yè)務(wù)、功能設(shè)計(jì)、頁(yè)面設(shè)計(jì)

  也就是：

  <1>先是有一個(gè)業(yè)務(wù)需求和業(yè)務(wù)目標(biāo)，也即我們的愿景是什么？（戰(zhàn)略）

  <2>然后就誕生了我們需要分解出什么樣的任務(wù)，如何執(zhí)行戰(zhàn)術(shù)？（規(guī)劃）

  <3>然后就誕生了我們需要分解出什么樣的任務(wù)，如何執(zhí)行戰(zhàn)術(shù)？（戰(zhàn)術(shù)）

  <4>然后就誕生了需要架構(gòu)什么部門(mén)，崗位去分工協(xié)作？（組織架構(gòu)）

  <5>然后就誕生了不同的部門(mén)在協(xié)作完成某件任務(wù)時(shí)的業(yè)務(wù)流程？（業(yè)務(wù)流程）

  <6>業(yè)務(wù)流程基本穩(wěn)定后，往往會(huì)考慮優(yōu)化效率，所以會(huì)誕生出系統(tǒng)來(lái)支持流程，減少人肉環(huán)節(jié)，促進(jìn)數(shù)據(jù)采集（系統(tǒng)愿景）

  <7>為了設(shè)計(jì)這個(gè)系統(tǒng)，PD需要思考什么功能能夠取代某個(gè)環(huán)節(jié)的人肉工作（功能需求，系統(tǒng)流程）

  <8>不管是怎么樣的功能最終都會(huì)以界面的方式呈現(xiàn)，設(shè)計(jì)師們會(huì)關(guān)注用戶在系統(tǒng)里的任務(wù)流，行為路徑，讓用戶完成任務(wù)更加高效愉悅。（頁(yè)面流程）

  1、業(yè)務(wù)流程圖

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

  那我們抽象一下購(gòu)物的業(yè)務(wù)流程

  截屏2020-05-06上午12.01.32.png

  無(wú)論是網(wǎng)購(gòu)還是在實(shí)體超市，都是以這三個(gè)行為為主體，然后進(jìn)行擴(kuò)展的。相對(duì)于大家平時(shí)看到的復(fù)雜的網(wǎng)購(gòu)流程圖，以上的三步流程簡(jiǎn)直簡(jiǎn)單的令人發(fā)指，而這恰恰是印證了大道至簡(jiǎn)的原理。我始終堅(jiān)信無(wú)論再?gòu)?fù)雜的事情都能簡(jiǎn)化為極其簡(jiǎn)單的事情，如果你無(wú)法將其簡(jiǎn)化，說(shuō)明只是你沒(méi)有理解其核心。

  2、任務(wù)流程圖：反映出?用戶完成某個(gè)具體任務(wù)時(shí)的操作流程，是從抽象到具體的過(guò)程；

  從整體 --> 局部流程 從主干 --> 分支流程 從正常 --> 異常流程

  截屏2020-05-06上午12.14.19.png

  3、頁(yè)面流程圖：說(shuō)明用戶完成一個(gè)任務(wù)，需要經(jīng)過(guò)哪些頁(yè)面；

  截屏2020-05-06上午12.42.04.png

  由上圖紅框中的三個(gè)節(jié)點(diǎn)我們可以看出，頁(yè)面流程圖依然是包含在業(yè)務(wù)流程圖的。這恰恰符合定義中的要求，同時(shí)也印證了頁(yè)面流程圖的正確性。相較于一開(kāi)始的極簡(jiǎn)流程圖，現(xiàn)在的流程圖已經(jīng)漸漸變得復(fù)雜了一些。我們將抽象的業(yè)務(wù)，映射在了具象的頁(yè)面上，用軟件的頁(yè)面承載起了業(yè)務(wù)需求。而以上就是由業(yè)務(wù)流程圖到頁(yè)面流程圖的轉(zhuǎn)化過(guò)程

  4、功能流程圖：指單頁(yè)面內(nèi)或多頁(yè)面之間的功能操作流程，其包含在頁(yè)面流程中。

  流程圖大全.png

  由上圖紅框中的四個(gè)節(jié)點(diǎn)我們可以看出，功能流程圖同樣也是由頁(yè)面流程圖拓展而來(lái)的。功能流程圖是在頁(yè)面流程圖的基礎(chǔ)上繼續(xù)深化，變得更加復(fù)雜。同時(shí)也漸漸變得像大家日常看到的流程圖一樣。

  5、數(shù)據(jù)流程圖

  用戶在功能流程圖中的每一個(gè)操作，對(duì)應(yīng)都會(huì)反映在數(shù)據(jù)流程圖中，主要表達(dá)計(jì)算機(jī)程序?qū)τ跇I(yè)務(wù)的實(shí)現(xiàn)原理；

  數(shù)據(jù)流暢圖更偏技術(shù)思維，更多的是展現(xiàn)后臺(tái)程序的實(shí)現(xiàn)原理。所以，常常是開(kāi)發(fā)人員繪制此圖，而產(chǎn)品經(jīng)理涉及較少。但隨著產(chǎn)品經(jīng)理地不斷成長(zhǎng)，向上提高到戰(zhàn)略層，而向下則會(huì)深入到實(shí)現(xiàn)層。理解程序的開(kāi)發(fā)原理和背后的數(shù)據(jù)流轉(zhuǎn)，無(wú)疑會(huì)讓產(chǎn)品經(jīng)理對(duì)產(chǎn)品設(shè)計(jì)有更加深刻的理解。

  4-67.png

  相較于之前的圖表，數(shù)據(jù)流程圖增加了新的維度——程序。客戶端在展現(xiàn)用戶操作行為的同時(shí)，也表達(dá)了程序在用戶行為背后的動(dòng)作。而往往大家說(shuō)一個(gè)產(chǎn)品復(fù)雜的時(shí)候，可能只注意到了它的前端交互復(fù)雜，而忽視了后端邏輯的復(fù)雜。對(duì)于一個(gè)優(yōu)秀的產(chǎn)品經(jīng)理來(lái)說(shuō)，不止要關(guān)注前端的用戶體驗(yàn)，更要能看清事物背后的邏輯。畢竟人人都可以對(duì)用戶體驗(yàn)指手畫(huà)腳，而說(shuō)到程序?qū)崿F(xiàn)，那可就體現(xiàn)出產(chǎn)品經(jīng)理的專(zhuān)業(yè)性來(lái)了。

  6、流程圖的畫(huà)法之一：泳道圖

  最簡(jiǎn)單的業(yè)務(wù)流程，那么顆粒度再加深，就抽象出具體的子流程以及多活動(dòng)的主體的泳道圖；泳道圖是流程圖中的一種畫(huà)法，是將流程圖中的一些流程節(jié)點(diǎn)按操作角色的不同而劃分

  截屏2020-05-06上午12.35.25.png

  4、 流程圖的畫(huà)法

  流程圖主要由：主干、分支、子流程構(gòu)成，對(duì)于新入職了解產(chǎn)品有很好的幫助，對(duì)于整理、熟悉業(yè)務(wù)也有很好的幫助；

  流程圖的組成基本的元素有：

  6-52.png

  對(duì)于如何畫(huà)好流程圖，在畫(huà)流程圖的時(shí)候應(yīng)該思考什么樣的問(wèn)題，下邊這篇文章寫(xiě)得很好，自認(rèn)為無(wú)法超越，分享給大家。

  如何繪制業(yè)務(wù)流程圖

  5、 流程圖與其他圖的差異性
  1、用例圖(Use Case) 2、E-R圖(實(shí)體關(guān)系圖)

  3、線框圖(Wireframes)

  4、信息架構(gòu)圖、站點(diǎn)地圖(Site Map) 5、信息結(jié)構(gòu)圖、功能結(jié)構(gòu)圖

  1、用例圖

  表現(xiàn)了一個(gè)角色在系統(tǒng)里要完成的活動(dòng)是什么，比如用戶這個(gè)角色與ATM取款機(jī)的交互過(guò)程中，用戶需要完成的活動(dòng)有存錢(qián)，取錢(qián)，查詢等。而存錢(qián)這個(gè)活動(dòng)再可以進(jìn)一步細(xì)分為插卡，輸入密碼，輸入金額，ATM吐鈔，用戶收款，退卡等活動(dòng)。用例圖可以不考慮用戶動(dòng)作的前后次序，而僅僅提取一些關(guān)鍵的動(dòng)賓短語(yǔ)，映射出系統(tǒng)應(yīng)該滿足的功能點(diǎn)。

  流程圖則表示用戶每一個(gè)活動(dòng)的前后次序，比如用戶必須要先插入銀行卡，才能夠輸入密碼，且流程圖必須直接表現(xiàn)出各種異常判斷，比如當(dāng)密碼錯(cuò)誤時(shí)，出現(xiàn)什么提示，密碼輸入錯(cuò)誤超過(guò)多少次時(shí)，出現(xiàn)什么提示和動(dòng)作。常用流程圖的人是產(chǎn)品經(jīng)理，設(shè)計(jì)師，或者任何需要講述業(yè)務(wù)如何運(yùn)作的人。

  截屏2020-05-06上午1.18.11.png

  截屏2020-05-06上午1.18.56.png

  2、E-R圖(實(shí)體關(guān)系圖)

  則是數(shù)據(jù)庫(kù)架構(gòu)的工作，表示一個(gè)業(yè)務(wù)系統(tǒng)或場(chǎng)景中的實(shí)體時(shí)間的關(guān)系，比如儲(chǔ)戶與銀行卡的關(guān)系是歸屬1對(duì)多，通過(guò)開(kāi)卡事件產(chǎn)生關(guān)聯(lián)。一般來(lái)講，用矩形來(lái)表示實(shí)體，橢圓標(biāo)識(shí)這個(gè)實(shí)體的屬性，比如儲(chǔ)戶這個(gè)實(shí)體的屬性有：姓，名，手機(jī)號(hào)碼，住址等。而銀行卡的屬性有：開(kāi)戶行，開(kāi)戶名稱(chēng)，銀行卡號(hào)等。

  截屏2020-05-06上午1.21.55.png

  截屏2020-05-06上午1.23.11.png

  3、線框圖(Wireframes)

  將具體每個(gè)界面的內(nèi)容布局和權(quán)重表達(dá)出來(lái)，且標(biāo)注出一些交互細(xì)節(jié)的設(shè)計(jì)，比如當(dāng)密碼錯(cuò)誤后，如何提示下一步動(dòng)作。常用線框圖的人是設(shè)計(jì)師。

  截屏2020-05-06上午1.24.41.png

  截屏2020-05-06上午1.25.06.png

  4、信息架構(gòu)圖、站點(diǎn)地圖(Site
  Map)：表現(xiàn)為了做一個(gè)這樣的系統(tǒng)，功能與內(nèi)容的展現(xiàn)層次是什么，比如用戶一進(jìn)去后，歡迎頁(yè)面的導(dǎo)航如何設(shè)計(jì)，是否直接出現(xiàn)取款，存款，查詢，或者還有別的導(dǎo)航？常用信息架構(gòu)圖的是設(shè)計(jì)師。但是常用組織架構(gòu)圖的是HR。

  截屏2020-05-06上午1.27.15.png

  截屏2020-05-06上午1.27.39.png

  5、信息結(jié)構(gòu)圖、功能結(jié)構(gòu)圖

  截屏2020-05-06上午1.29.44.png

  6、 流程圖總結(jié)

  那么流程圖要體現(xiàn)出他的差異定義，要素是什么？總結(jié)出了流程圖的6大要素，希望大家能夠記住，這6個(gè)要素可以在以后的文章里不斷回顧，你也可以拿來(lái)判斷你所看到的流程圖是否專(zhuān)業(yè)

  截屏2020-05-06上午1.31.16.png

  參與者：誰(shuí)在這個(gè)流程中？可以是系統(tǒng)，可以是個(gè)打印機(jī)，更多的指什么角色——一般是有某種工種的人。比如客服同時(shí)有小A和小B兩人，但是若他們的工作性質(zhì)完全一樣，那么在流程圖里只需要寫(xiě)一個(gè)客服角色就可以了。

  活動(dòng)：做了什么事，比如點(diǎn)餐，結(jié)帳等活動(dòng)。

  次序：這些事情發(fā)生的前后順序如何，哪個(gè)任務(wù)是其他任務(wù)的前置條件？比如客人不結(jié)帳，就不會(huì)產(chǎn)生送他優(yōu)惠卡的活動(dòng)。

  輸入：每項(xiàng)活動(dòng)開(kāi)始取決于什么樣的輸入物或數(shù)據(jù)，比如做飯的師傅開(kāi)始做菜時(shí)，需要拿到具體的點(diǎn)菜單。

  輸出：每項(xiàng)活動(dòng)結(jié)束后，會(huì)輸入什么樣的文檔或數(shù)據(jù)傳遞給下一方，比如師傅做好菜后，如何讓負(fù)責(zé)傳菜的人知道菜已經(jīng)做好？

  標(biāo)準(zhǔn)化：采用一套標(biāo)準(zhǔn)化的符號(hào)用以傳遞你的流程圖，從而使受眾更快明白。

  關(guān)于流程圖的標(biāo)準(zhǔn)化，并不是強(qiáng)制的，事實(shí)上，我們見(jiàn)過(guò)很多種類(lèi)的流程圖，只要能夠傳遞明白任務(wù)和次序其實(shí)已經(jīng)歸類(lèi)于流程圖了

  7、 流程圖工具 工欲善其事必先利其器，這句話我還是深信不疑的，那么找?guī)讉€(gè)工具供大家選擇

  截屏2020-05-06上午1.35.45.png

  任何復(fù)雜事物都可以拆解為最小單元，然后由最小單元逐漸還原復(fù)雜事物。圖片素材是找資料的，如有雷同，侵權(quán)，可以通知我撤掉。

  可關(guān)注公眾號(hào)：圓珠筆LeeLen 查看原文章

總結(jié)

以上是生活随笔為你收集整理的**产品经理之流程图**的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。