總結下我對 B 端產(chǎn)品 3 大流程圖的理解

0 評論 4653 瀏覽 16 收藏 9 分鐘

結合流程圖,產(chǎn)品經(jīng)理可以更好地掌握全局業(yè)務場景,評審人員也可以更好地理解需求。這篇文章里,作者就總結了他關于流程圖的理解,包括一定的繪制心得,一起來看看吧。

最近一次溝通需求時,幾個人聊了半天,最后發(fā)現(xiàn)大家壓根不在一個頻道上。一方面可能是因為需求理解問題,另一方面是大家各管一方,只是通過口頭溝通各自的需求,沒有從全場景梳理整個業(yè)務需求。

我覺得如果有一張全局的業(yè)務流程圖,或許就能避免這種情況了。今天來聊聊我對流程圖的理解。

一、我對流程圖的認識

我第一次接觸流程圖,應該是大學 C 語言編程里的程序邏輯流程圖,可惜當時學得不好,也沒體會到流程圖的價值。

工作之后,我最開始只注重原型圖,并不在意流程圖。后來發(fā)現(xiàn)缺少流程圖,很多工作都會非常被動,流程圖逐漸成了我提交設計方案必備的組成部分??偨Y下來流程圖主要有以下幾方面的價值:

1. 化繁為簡,洞察業(yè)務

B端產(chǎn)品往往涉及多業(yè)務場景、多用戶角色、多系統(tǒng)之間的信息流轉。

在梳理業(yè)務場景時,如果用文字去描述這些信息,可能會比較復雜還不一定能表達清楚。通過業(yè)務流程圖可以將復雜的文字通過圖形化的方式表現(xiàn)出來,冗余、缺失、重復的節(jié)點也會一目了然地呈現(xiàn)出來,方便我們與業(yè)務人員共同診斷業(yè)務問題、優(yōu)化業(yè)務流程、確定系統(tǒng)邊界范圍等。

2. 整理思路,指導設計

流程圖可以幫助產(chǎn)品經(jīng)理掌握全局業(yè)務場景,避免一開始就陷入到功能細節(jié)中,為業(yè)務需求轉化為產(chǎn)品功能打好基礎。

在功能設計時,我們通常更關注正常流程的產(chǎn)品設計,而忽略了異常流程的設計。流程圖可以幫助我們查缺補漏,避免活動流程、邏輯上出現(xiàn)遺漏,確保產(chǎn)品設計的完整性。

3. 上帝視角,提高溝通效率

流程圖從宏觀層面展示了業(yè)務或功能邏輯,類似于上視角,幫助評審人員更好地理解需求。

每次設計評審,我基本都會以流程圖開場,讓評審人員可以快速理解需求本身包含的用戶角色、業(yè)務場景信息,消除大家對需求本身的疑問。然后再去討論功能細節(jié),避免大家陷入無休止的細節(jié)糾纏中,提高溝通效率

二、我如何使用流程圖

雖然流程圖有不少類型,產(chǎn)品經(jīng)理用到的有業(yè)務流程圖、功能流程圖,頁面流程圖等,我認為它們之間是顆粒度逐步細化、層層遞進的關系。

1. 業(yè)務流程圖

B 端業(yè)務比較復雜,涉及到不同的用戶、場景,主要以泳道圖展示。

業(yè)務流程圖一般是在產(chǎn)品設計初期,梳理業(yè)務場景,發(fā)現(xiàn)、定位問題,或者向上匯報確定大的業(yè)務流程。業(yè)務流程圖的顆粒度比較粗,不會表現(xiàn)具體操作邏輯。

業(yè)務流程圖確定后,一般不會頻繁調(diào)整。所以不是每次產(chǎn)品設計都需要梳理業(yè)務流程。對于已有業(yè)務流程的產(chǎn)品需求,只要拆解到對應的業(yè)務流程節(jié)點就可以了。

2. 功能流程圖

功能流程圖是對業(yè)務節(jié)點的拆解,是對具體功能的流程設計。因為要指導產(chǎn)品設計,所以內(nèi)容比較詳細,包含操作功能點、判斷邏輯、系統(tǒng)間的交互等,甚至包含關鍵的業(yè)務說明等信息。泳道圖也是多角色的功能流程圖的首選。

正常情況下,每個功能都會有功能流程圖,但是果功能比較簡單,我會省略掉流程圖,或者簡單的表示下邏輯關系,主要是通過頁面原型講解需求,保證開發(fā)人員能接受就可以了。

3. 頁面流程圖

我們設計的產(chǎn)品原型大都是靜態(tài)頁面,即使增加了一些交互動作,開發(fā)人員也不一定知道哪些地方可點擊,所以查看起來并不容易。頁面流程圖主要用來展示頁面之間的跳轉關系,方便開發(fā)人員讀懂頁面原型。

不過現(xiàn)在以敏捷開發(fā)為主,需求涉及的頁面數(shù)量不會非常多。所以實際工作中,我基本不會使用頁面流程圖。

另外為了表達頁面中必要的判斷邏輯,我會在頁面原型中加入邏輯流程圖。比如提交按鈕時的校驗條件,刪除時的邏輯判斷等,作為交互說明的補充,可以更加直觀易懂。

三、繪制流程圖的心得

總的來說,我對流程圖的使用比較淺,主要是為了表達需求的順序和邏輯,所以繪圖也不是特別規(guī)范。用到圖形符號比較有限,主要是開始/結束、流程步驟、判定條件等。

這也是我想表達的一個觀點,流程圖沒有嚴格的形式,只要能夠滿足工作需要就可以了。

1. 繪制流程圖的前提

流程圖只是業(yè)務和需求信息的外在表現(xiàn)形式,本身并不復雜。只有熟悉用戶場景和業(yè)務關系,才能保證繪制出來的流程圖符合實際場景。

另外畫流程圖之前,要明確流程圖的繪制目的和范圍,避免過于發(fā)散,造成不必要的內(nèi)容擴展。

2. 合理布局

繪制流程圖時,需要合理安排各個環(huán)節(jié)和角色之間的順序和布局,避免出現(xiàn)混亂和不清晰的情況。對于一些超級復雜的流程圖,可以拆分成多個流程圖展示。不要用一張流程圖展示,既不方便自己講解,也不方便別人查看。

3. 遵守基本規(guī)范

流程圖的形式比較自由,但是為了便于理解,必須要遵守基本規(guī)范。比如一些常見的符號形式和布局規(guī)范。

  1. 繪制流程圖時,布局應遵循從左到右、從上到下的順序排列;
  2. 一個流程從開始符開始,以結束符結束。開始符號只能出現(xiàn)一次,而結束符號可出現(xiàn)多次。若流程足夠清晰,可省略開始、結束符號;
  3. 同一流程圖內(nèi),符號大小需要保持一致,同時連接線盡量避免交叉,連接線不能無故彎曲,同一路徑的指示箭頭應只有一個;
  4. 流程處理關系為并行關系的,需要將流程放在同一高度;

總結

雖然流程圖并不難,卻是產(chǎn)品設計重要的工具,起碼會顯得比較專業(yè)。用好流程圖對產(chǎn)品設計會有很大幫助,大家可以嘗試用起來。

專欄作家

子牧先生,公眾號:子牧UXD(HelloDesign),人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗設計師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗,擅長體驗設計思維、設計方法論、交互設計研究。

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

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

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

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!