流程圖:用圖示的方式反映出特定主體為了滿足特定需求而進行的有特定邏輯關系的一系列操作過程。精簡一下,就是流程圖是用圖示來表示某一系列的操作過程。這個操作過程有特定的主體,是為了滿足特定的需求且有特定邏輯關系的。例如:京東的購物流程,特定主體是用戶、特定需求是購物、特定邏輯關系是用戶購物過程中的邏輯
產品設計中涉及的流程圖有三種,業(yè)務流程圖、任務流程圖、頁面流程圖。
1. 業(yè)務流程圖
凡事都是有流程的,包括最簡單的吃飯睡覺刷牙,刷牙時,你要先拿起牙刷牙膏、擠牙膏、刷牙、漱口、洗牙刷、放好牙膏牙刷。

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

這是網上關于購物支付的泳道圖,用來反映業(yè)務流程。上述的泳道圖涉及到賣家、買家、第三方支付、銀行等主體;每個主體都有其相應的任務;并用箭頭來表示各個任務之間的先后次序。
2.任務流程圖
泳道圖從戰(zhàn)略層分析了整個業(yè)務流程,接下來要去分解到各個任務層具體是如何操作的,例如上面買家選購商品這個任務就涉及到搜索商品、瀏覽搜索結果、查看商品詳情、若滿意則進入訂單任務,若不滿意則返回到搜索結果或者重新搜索,這就是具體的某個任務的流程。

畫具體任務流程的時候要注意從整體流程到局部流程,從主干流程到分支,從正常流程到異常流程。對于交互設計師來說,任務流程的主體一般是產品的用戶,任務流程圖反映的則是用戶的行為。
拿滴滴和易到來說,打車就是主干流程,查看行程、查看優(yōu)惠券、設置就是分支流程,做設計時應該先考慮打車流程,再去完善其它流程;用戶正常打到車是正常流程,網絡異常、高峰期打不到車等屬于異常流程,先考慮正常流程、再考慮異常流程,而且異常流程一定要思考的全面。產品的邏輯漏洞多半是由于異常流程沒有考慮清楚,所以畫任務流程圖能有效的減少產品原型圖的邏輯漏洞。
雖然流程圖簡單,但也有一套規(guī)則。按照規(guī)則來畫,才不會被笑話。

3.頁面流程圖
通過泳道圖和流程圖,把業(yè)務流程和各個功能的任務流程用圖示的方式梳理清楚。其中任務流程圖直觀的告訴我們整個業(yè)務模型是怎樣的、涉及到哪些主體,這些主體下面都有什么任務要完成;任務流程圖展示了主干任務和分支任務,描述了一個任務的大致流程。
而頁面流程圖的對象是頁面,頁面是互聯(lián)網產品設計最基本的單元,不管APP也好、H5也好、PC端也好,這些產品由一個個頁面組成。頁面流描述了用戶完成一個任務需要經過哪些頁面。也就是我在哪,經過什么操作,能去哪。頁面流有三個要素:頁面、行動點、連接線。下面拿購物的頁面流舉例說明:

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