起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)產(chǎn)品的三種流程圖，你都知道嗎？
關(guān)于流程設(shè)計(jì)，有三種流程圖……了解了業(yè)務(wù)、確定了需求，會(huì)梳理出產(chǎn)品的信息架構(gòu)。
剛?cè)胄械臅r(shí)候，我會(huì)火急火燎地畫原型圖，因?yàn)楫嬙蛨D的時(shí)候成就感最大，這畢竟是真正意義上的輸出物??！終于畫完美美的原型圖了，拿給評(píng)審或和開發(fā)溝通，才發(fā)現(xiàn)存在很多邏輯漏洞，不是缺少分支流程，就是沒考慮異常狀態(tài)，就這樣來(lái)來(lái)回回修改原型圖，被開發(fā)同學(xué)鄙視和效率低下不說(shuō)，自己都開始懷疑自己了。
隨著項(xiàng)目經(jīng)驗(yàn)的增加和方法論的逐步完善，終于知道在需求和原型圖之間存在著兩道墻，一個(gè)是信息架構(gòu)，另一個(gè)則是流程設(shè)計(jì)。只有按照相應(yīng)的設(shè)計(jì)原則跨過(guò)這兩道墻才能在畫原型圖時(shí)做到心中有數(shù)，考慮周全，而不是跟著感覺走。
什么是流程圖？
你是不是會(huì)覺得跟一些人沒有共同語(yǔ)言，并不是因?yàn)槲覀冋f(shuō)著不同的語(yǔ)言，而是彼此知道的概念不一樣，或者對(duì)同個(gè)概念的理解不同，所以導(dǎo)致了溝通困難，你明明在說(shuō)A，對(duì)方理解成B，這種雞同鴨講的溝通真是難以忍受。既然概念如此重要，當(dāng)學(xué)習(xí)新知識(shí)時(shí)，第一件事就是透徹的了解概念，在理解概念的前提下再去擴(kuò)展方法論和踐行，才能學(xué)好新知識(shí)。流程圖，絕大多數(shù)人三個(gè)字都認(rèn)識(shí)，但當(dāng)它們組合在一起，表達(dá)了什么意義呢？
流程圖：用圖示的方式反映出特定主體為了滿足特定需求而進(jìn)行的有特定邏輯關(guān)系的一系列操作過(guò)程。精簡(jiǎn)一下，就是流程圖是用圖示來(lái)表示某一系列的操作過(guò)程。這個(gè)操作過(guò)程有特定的主體，是為了滿足特定的需求且有特定邏輯關(guān)系的。例如：京東的購(gòu)物流程，特定主體是用戶、特定需求是購(gòu)物、特定邏輯關(guān)系是用戶購(gòu)物過(guò)程中的邏輯。
產(chǎn)品設(shè)計(jì)中涉及的流程圖有三種，業(yè)務(wù)流程圖、任務(wù)流程圖、頁(yè)面流程圖。
三種流程圖
1. 業(yè)務(wù)流程圖
凡事都是有流程的，包括最簡(jiǎn)單的吃飯睡覺刷牙，刷牙時(shí)，你要先拿起牙刷牙膏、擠牙膏、刷牙、漱口、洗牙刷、放好牙膏牙刷。
你發(fā)現(xiàn)了用戶的一個(gè)痛點(diǎn)，想要去解決它，進(jìn)行產(chǎn)品定位和需求分析之后，你需要對(duì)整個(gè)業(yè)務(wù)模式進(jìn)行分析，需要考慮一下幾個(gè)問(wèn)題①涉及到哪些主體？②每個(gè)主體都有哪些任務(wù)？③各個(gè)主體之間怎么聯(lián)系的？
這是網(wǎng)上關(guān)于購(gòu)物支付的泳道圖，用來(lái)反映業(yè)務(wù)流程。上述的泳道圖涉及到賣家、買家、第三方支付、銀行等主體；每個(gè)主體都有其相應(yīng)的任務(wù)；并用箭頭來(lái)表示各個(gè)任務(wù)之間的先后次序。
3. 任務(wù)流程圖
泳道圖從戰(zhàn)略層分析了整個(gè)業(yè)務(wù)流程，接下來(lái)要去分解到各個(gè)任務(wù)層具體是如何操作的，例如上面買家選購(gòu)商品這個(gè)任務(wù)就涉及到搜索商品、瀏覽搜索結(jié)果、查看商品詳情、若滿意則進(jìn)入訂單任務(wù)，若不滿意則返回到搜索結(jié)果或者重新搜索，這就是具體的某個(gè)任務(wù)的流程。
畫具體任務(wù)流程的時(shí)候要注意從整體流程到局部流程，從主干流程到分支，從正常流程到異常流程。對(duì)于交互設(shè)計(jì)師來(lái)說(shuō)，任務(wù)流程的主體一般是產(chǎn)品的用戶，任務(wù)流程圖反映的則是用戶的行為。
拿滴滴和易到來(lái)說(shuō)，打車就是主干流程，查看行程、查看優(yōu)惠券、設(shè)置就是分支流程，做設(shè)計(jì)時(shí)應(yīng)該先考慮打車流程，再去完善其它流程；用戶正常打到車是正常流程，網(wǎng)絡(luò)異常、高峰期打不到車等屬于異常流程，先考慮正常流程、再考慮異常流程，而且異常流程一定要思考的全面。產(chǎn)品的邏輯漏洞多半是由于異常流程沒有考慮清楚，所以畫任務(wù)流程圖能有效的減少產(chǎn)品原型圖的邏輯漏洞。
雖然流程圖簡(jiǎn)單，但也有一套規(guī)則。按照規(guī)則來(lái)畫，才不會(huì)被笑話。
頁(yè)面流
通過(guò)泳道圖和流程圖，把業(yè)務(wù)流程和各個(gè)功能的任務(wù)流程用圖示的方式梳理清楚。其中任務(wù)流程圖直觀的告訴我們整個(gè)業(yè)務(wù)模型是怎樣的、涉及到哪些主體，這些主體下面都有什么任務(wù)要完成；任務(wù)流程圖展示了主干任務(wù)和分支任務(wù)，描述了一個(gè)任務(wù)的大致流程。
而頁(yè)面流程圖的對(duì)象是頁(yè)面，頁(yè)面是互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)最基本的單元，不管APP也好、H5也好、PC端也好，這些產(chǎn)品由一個(gè)個(gè)頁(yè)面組成。頁(yè)面流描述了用戶完成一個(gè)任務(wù)需要經(jīng)過(guò)哪些頁(yè)面。也就是我在哪，經(jīng)過(guò)什么操作，能去哪。頁(yè)面流有三個(gè)要素：頁(yè)面、行動(dòng)點(diǎn)、連接線。下面拿購(gòu)物的頁(yè)面流舉例說(shuō)明：
畫頁(yè)面流時(shí)一般只考慮用戶的正常路徑就行，如果需要指出異常流程，在正常流程附近畫出異常流程就行。產(chǎn)品設(shè)計(jì)從需求分析到信息架構(gòu)、再到業(yè)務(wù)流程——任務(wù)流程——頁(yè)面流、再到最后的原型圖（線框圖）是一個(gè)從抽象到具象的過(guò)程，也是從概況到細(xì)分的過(guò)程。經(jīng)過(guò)一步步的分析，逐步將想法變成實(shí)實(shí)在在的產(chǎn)品，這就是產(chǎn)品設(shè)計(jì)的魅力所在。而這其中流程設(shè)計(jì)起到舉足輕重的作用，不可忽視。
本文由 @鄒志楠 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
分析很棒 思路清晰了 受教
請(qǐng)問(wèn)，實(shí)際設(shè)計(jì)過(guò)程中，從一個(gè)需求變成最終的原型圖，這些流程圖的使用順序是怎樣的？
我覺得是不是還應(yīng)該加上一個(gè)數(shù)據(jù)流程圖呢，一共4中流程（業(yè)務(wù)、任務(wù)、數(shù)據(jù)、頁(yè)面）
總體來(lái)說(shuō)寫的不錯(cuò)
不喜勿噴，根據(jù)介紹個(gè)人實(shí)踐認(rèn)為：
3種：
業(yè)務(wù)流程圖–主要后端技術(shù)關(guān)注【跨系統(tǒng)更多】
頁(yè)面流程圖–主要前端關(guān)注【頁(yè)面之間的交互】
任務(wù)流程圖–主要業(yè)務(wù)，老板關(guān)注，【站在用戶角度去實(shí)現(xiàn)】
想了解一下任務(wù)流程圖和功能流程圖的區(qū)別？
在其他文章里，在業(yè)務(wù)流程之后是功能邏輯圖到功能流程圖。再到頁(yè)面流程圖。
個(gè)人理解功能邏輯和流程偏實(shí)現(xiàn)模型。任務(wù)流程更貼近用戶角度。
其他人對(duì)此的如何看？
你所說(shuō)的業(yè)務(wù)流程圖之后的功能邏輯圖 是指用X-mind的填寫出每個(gè)動(dòng)作的支撐元素的一個(gè)結(jié)構(gòu)，還是，還是流程？
頁(yè)面流的第一段話是不是有個(gè)錯(cuò)誤？
通過(guò)泳道圖和流程圖，把業(yè)務(wù)流程和各個(gè)功能的任務(wù)流程用圖示的方式梳理清楚。其中“任務(wù)流程圖”直觀的告訴我們整個(gè)業(yè)務(wù)模型是怎樣的、涉及到哪些主體，這些主體下面都有什么任務(wù)要完成；“任務(wù)流程圖”展示了主干任務(wù)和分支任務(wù)，描述了一個(gè)任務(wù)的大致流程。
第一個(gè)引號(hào)里面應(yīng)該是業(yè)務(wù)流程圖吧？
一直想知道賬戶和帳戶的區(qū)別 ?
這個(gè)就很復(fù)雜了，在很久很久以前，有一個(gè)傳說(shuō)中的….
跟錢有關(guān)系的是賬
web端的產(chǎn)品也會(huì)使用頁(yè)面流程圖來(lái)表示頁(yè)面之間的關(guān)系嗎？
那個(gè)，三個(gè)流程圖的編號(hào)是不是不太對(duì)
什么編號(hào)??？
1. 業(yè)務(wù)流程圖
3. 任務(wù)流程圖
頁(yè)面流
這個(gè)很好，實(shí)用
很實(shí)用
挺好的
能把事情說(shuō)明白 能讓人看得懂的圖才是好圖
非常實(shí)用，感謝分享！
改天是不是可以講講文中提到的“產(chǎn)品方法論”呢？
其實(shí)今天最重要的一個(gè)發(fā)現(xiàn)是它們是包含結(jié)構(gòu)
“您的贊賞，是對(duì)我創(chuàng)作的最大鼓勵(lì)”這是系統(tǒng)加的嗎？
其實(shí)你打開另一篇文章不就知道了，是的哈
學(xué)習(xí)了，感謝~
先分析，再畫流程圖，然后流程梳理，最后原型
分析的很詳細(xì)，比較透徹，很多人實(shí)際工作中只是畫了任務(wù)流程圖，其實(shí)最重要的是業(yè)務(wù)流程要梳理清楚
說(shuō)得很對(duì)，一直都只會(huì)畫任務(wù)流程圖，今天才重點(diǎn)看業(yè)務(wù)流程圖，發(fā)現(xiàn)很重要
任務(wù)流程圖，業(yè)務(wù)流程圖，頁(yè)面流程圖這三個(gè)都是必須要有的嗎
不是必須要有，只是有了可以把工作做的更好。
醍醐灌頂，感謝感謝！
實(shí)在是干貨，謝謝了。第一次對(duì)流程圖有了完整理解。
感謝分享，以前自己沒有系統(tǒng)的按這個(gè)步驟來(lái)，總覺得亂，先從業(yè)務(wù)流程圖、到任務(wù)流程圖、再到頁(yè)面流程圖 ??
同上
同上+1
mark，我就是火急火急地畫原型開始，收藏！謝謝！
干貨，已收藏。
不過(guò)這就尷尬了，希望題主扔個(gè)信息架構(gòu)圖學(xué)習(xí)下。
信息架構(gòu)圖更多偏向數(shù)據(jù)信息，比如某個(gè)角色包含哪些屬性字段
業(yè)務(wù)流程圖可以理解為幾個(gè)角色的任務(wù)流程圖組合在一起嗎
任務(wù)流程圖會(huì)更細(xì)分，業(yè)務(wù)流程圖相對(duì)要框架一點(diǎn)
現(xiàn)在更多的是將業(yè)務(wù)流程圖和任務(wù)流程圖合并一起
那這個(gè)圖有點(diǎn)大了，小篇幅是表達(dá)不清楚的
yep 因人而異 看開發(fā)和老大的要求
可以雜糅在一起嗎？前幾天參加一個(gè)評(píng)審，產(chǎn)品經(jīng)理畫的雜糅的圖，被噴了
一般業(yè)務(wù)流程圖畫清楚就可以；泳道圖這些都是后期可以再補(bǔ)的 業(yè)務(wù)上才是最重要的一點(diǎn) 每次都是因?yàn)闃I(yè)務(wù)流程和開發(fā)討論N久