剛?cè)胄械臅r(shí)候，我會(huì)火急火燎地畫原型圖，因?yàn)楫嬙蛨D的時(shí)候成就感最大，這畢竟是真正意義上的輸出物啊！終于畫完美美的原型圖了，拿給評(píng)審或和開發(fā)溝通，才發(fā)現(xiàn)存在很多邏輯漏洞，不是缺少分支流程，就是沒考慮異常狀態(tài)，就這樣來來回回修改原型圖，被開發(fā)同學(xué)鄙視和效率低下不說，自己都開始懷疑自己了。

隨著項(xiàng)目經(jīng)驗(yàn)的增加和方法論的逐步完善，終于知道在需求和原型圖之間存在著兩道墻，一個(gè)是信息架構(gòu)，另一個(gè)則是流程設(shè)計(jì)。只有按照相應(yīng)的設(shè)計(jì)原則跨過這兩道墻才能在畫原型圖時(shí)做到心中有數(shù)，考慮周全，而不是跟著感覺走。

什么是流程圖？

你是不是會(huì)覺得跟一些人沒有共同語言，并不是因?yàn)槲覀冋f著不同的語言，而是彼此知道的概念不一樣，或者對(duì)同個(gè)概念的理解不同，所以導(dǎo)致了溝通困難，你明明在說A，對(duì)方理解成B，這種雞同鴨講的溝通真是難以忍受。既然概念如此重要，當(dāng)學(xué)習(xí)新知識(shí)時(shí)，第一件事就是透徹的了解概念，在理解概念的前提下再去擴(kuò)展方法論和踐行，才能學(xué)好新知識(shí)。流程圖，絕大多數(shù)人三個(gè)字都認(rèn)識(shí)，但當(dāng)它們組合在一起，表達(dá)了什么意義呢？

流程圖：用圖示的方式反映出特定主體為了滿足特定需求而進(jìn)行的有特定邏輯關(guān)系的一系列操作過程。精簡一下，就是流程圖是用圖示來表示某一系列的操作過程。這個(gè)操作過程有特定的主體，是為了滿足特定的需求且有特定邏輯關(guān)系的。例如：京東的購物流程，特定主體是用戶、特定需求是購物、特定邏輯關(guān)系是用戶購物過程中的邏輯。

產(chǎn)品設(shè)計(jì)中涉及的流程圖有三種，業(yè)務(wù)流程圖、任務(wù)流程圖、頁面流程圖。

三種流程圖

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

凡事都是有流程的，包括最簡單的吃飯睡覺刷牙，刷牙時(shí)，你要先拿起牙刷牙膏、擠牙膏、刷牙、漱口、洗牙刷、放好牙膏牙刷。

刷牙流程

?

你發(fā)現(xiàn)了用戶的一個(gè)痛點(diǎn)，想要去解決它，進(jìn)行產(chǎn)品定位和需求分析之后，你需要對(duì)整個(gè)業(yè)務(wù)模式進(jìn)行分析，需要考慮一下幾個(gè)問題①涉及到哪些主體？②每個(gè)主體都有哪些任務(wù)？③各個(gè)主體之間怎么聯(lián)系的？

業(yè)務(wù)流程（泳道圖）

?

這是網(wǎng)上關(guān)于購物支付的泳道圖，用來反映業(yè)務(wù)流程。上述的泳道圖涉及到賣家、買家、第三方支付、銀行等主體；每個(gè)主體都有其相應(yīng)的任務(wù)；并用箭頭來表示各個(gè)任務(wù)之間的先后次序。

3. 任務(wù)流程圖

泳道圖從戰(zhàn)略層分析了整個(gè)業(yè)務(wù)流程，接下來要去分解到各個(gè)任務(wù)層具體是如何操作的，例如上面買家選購商品這個(gè)任務(wù)就涉及到搜索商品、瀏覽搜索結(jié)果、查看商品詳情、若滿意則進(jìn)入訂單任務(wù)，若不滿意則返回到搜索結(jié)果或者重新搜索，這就是具體的某個(gè)任務(wù)的流程。

選購商品的流程

?

畫具體任務(wù)流程的時(shí)候要注意從整體流程到局部流程，從主干流程到分支，從正常流程到異常流程。對(duì)于交互設(shè)計(jì)師來說，任務(wù)流程的主體一般是產(chǎn)品的用戶，任務(wù)流程圖反映的則是用戶的行為。

拿滴滴和易到來說，打車就是主干流程，查看行程、查看優(yōu)惠券、設(shè)置就是分支流程，做設(shè)計(jì)時(shí)應(yīng)該先考慮打車流程，再去完善其它流程；用戶正常打到車是正常流程，網(wǎng)絡(luò)異常、高峰期打不到車等屬于異常流程，先考慮正常流程、再考慮異常流程，而且異常流程一定要思考的全面。產(chǎn)品的邏輯漏洞多半是由于異常流程沒有考慮清楚，所以畫任務(wù)流程圖能有效的減少產(chǎn)品原型圖的邏輯漏洞。

雖然流程圖簡單，但也有一套規(guī)則。按照規(guī)則來畫，才不會(huì)被笑話。

流程圖繪制規(guī)則

頁面流

通過泳道圖和流程圖，把業(yè)務(wù)流程和各個(gè)功能的任務(wù)流程用圖示的方式梳理清楚。其中任務(wù)流程圖直觀的告訴我們整個(gè)業(yè)務(wù)模型是怎樣的、涉及到哪些主體，這些主體下面都有什么任務(wù)要完成；任務(wù)流程圖展示了主干任務(wù)和分支任務(wù)，描述了一個(gè)任務(wù)的大致流程。

而頁面流程圖的對(duì)象是頁面，頁面是互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)最基本的單元，不管APP也好、H5也好、PC端也好，這些產(chǎn)品由一個(gè)個(gè)頁面組成。頁面流描述了用戶完成一個(gè)任務(wù)需要經(jīng)過哪些頁面。也就是我在哪，經(jīng)過什么操作，能去哪。頁面流有三個(gè)要素：頁面、行動(dòng)點(diǎn)、連接線。下面拿購物的頁面流舉例說明：

購物頁面流

?

畫頁面流時(shí)一般只考慮用戶的正常路徑就行，如果需要指出異常流程，在正常流程附近畫出異常流程就行。產(chǎn)品設(shè)計(jì)從需求分析到信息架構(gòu)、再到業(yè)務(wù)流程——任務(wù)流程——頁面流、再到最后的原型圖（線框圖）是一個(gè)從抽象到具象的過程，也是從概況到細(xì)分的過程。經(jīng)過一步步的分析，逐步將想法變成實(shí)實(shí)在在的產(chǎn)品，這就是產(chǎn)品設(shè)計(jì)的魅力所在。而這其中流程設(shè)計(jì)起到舉足輕重的作用，不可忽視。

PPT：https://it-xzy.github.io/PM-NEW/2018.6.23-PM-A-3.html#/

視頻：https://v.qq.com/x/page/t0699s5srs0.html

總結(jié)

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

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