總結(jié)下我對(duì) B 端產(chǎn)品 3 大流程圖的理解
結(jié)合流程圖,產(chǎn)品經(jīng)理可以更好地掌握全局業(yè)務(wù)場景,評(píng)審人員也可以更好地理解需求。這篇文章里,作者就總結(jié)了他關(guān)于流程圖的理解,包括一定的繪制心得,一起來看看吧。
最近一次溝通需求時(shí),幾個(gè)人聊了半天,最后發(fā)現(xiàn)大家壓根不在一個(gè)頻道上。一方面可能是因?yàn)樾枨罄斫鈫栴},另一方面是大家各管一方,只是通過口頭溝通各自的需求,沒有從全場景梳理整個(gè)業(yè)務(wù)需求。
我覺得如果有一張全局的業(yè)務(wù)流程圖,或許就能避免這種情況了。今天來聊聊我對(duì)流程圖的理解。
一、我對(duì)流程圖的認(rèn)識(shí)
我第一次接觸流程圖,應(yīng)該是大學(xué) C 語言編程里的程序邏輯流程圖,可惜當(dāng)時(shí)學(xué)得不好,也沒體會(huì)到流程圖的價(jià)值。
工作之后,我最開始只注重原型圖,并不在意流程圖。后來發(fā)現(xiàn)缺少流程圖,很多工作都會(huì)非常被動(dòng),流程圖逐漸成了我提交設(shè)計(jì)方案必備的組成部分。總結(jié)下來流程圖主要有以下幾方面的價(jià)值:
1. 化繁為簡,洞察業(yè)務(wù)
B端產(chǎn)品往往涉及多業(yè)務(wù)場景、多用戶角色、多系統(tǒng)之間的信息流轉(zhuǎn)。
在梳理業(yè)務(wù)場景時(shí),如果用文字去描述這些信息,可能會(huì)比較復(fù)雜還不一定能表達(dá)清楚。通過業(yè)務(wù)流程圖可以將復(fù)雜的文字通過圖形化的方式表現(xiàn)出來,冗余、缺失、重復(fù)的節(jié)點(diǎn)也會(huì)一目了然地呈現(xiàn)出來,方便我們與業(yè)務(wù)人員共同診斷業(yè)務(wù)問題、優(yōu)化業(yè)務(wù)流程、確定系統(tǒng)邊界范圍等。
2. 整理思路,指導(dǎo)設(shè)計(jì)
流程圖可以幫助產(chǎn)品經(jīng)理掌握全局業(yè)務(wù)場景,避免一開始就陷入到功能細(xì)節(jié)中,為業(yè)務(wù)需求轉(zhuǎn)化為產(chǎn)品功能打好基礎(chǔ)。
在功能設(shè)計(jì)時(shí),我們通常更關(guān)注正常流程的產(chǎn)品設(shè)計(jì),而忽略了異常流程的設(shè)計(jì)。流程圖可以幫助我們查缺補(bǔ)漏,避免活動(dòng)流程、邏輯上出現(xiàn)遺漏,確保產(chǎn)品設(shè)計(jì)的完整性。
3. 上帝視角,提高溝通效率
流程圖從宏觀層面展示了業(yè)務(wù)或功能邏輯,類似于上視角,幫助評(píng)審人員更好地理解需求。
每次設(shè)計(jì)評(píng)審,我基本都會(huì)以流程圖開場,讓評(píng)審人員可以快速理解需求本身包含的用戶角色、業(yè)務(wù)場景信息,消除大家對(duì)需求本身的疑問。然后再去討論功能細(xì)節(jié),避免大家陷入無休止的細(xì)節(jié)糾纏中,提高溝通效率。
二、我如何使用流程圖
雖然流程圖有不少類型,產(chǎn)品經(jīng)理用到的有業(yè)務(wù)流程圖、功能流程圖,頁面流程圖等,我認(rèn)為它們之間是顆粒度逐步細(xì)化、層層遞進(jìn)的關(guān)系。
1. 業(yè)務(wù)流程圖
B 端業(yè)務(wù)比較復(fù)雜,涉及到不同的用戶、場景,主要以泳道圖展示。
業(yè)務(wù)流程圖一般是在產(chǎn)品設(shè)計(jì)初期,梳理業(yè)務(wù)場景,發(fā)現(xiàn)、定位問題,或者向上匯報(bào)確定大的業(yè)務(wù)流程。業(yè)務(wù)流程圖的顆粒度比較粗,不會(huì)表現(xiàn)具體操作邏輯。
業(yè)務(wù)流程圖確定后,一般不會(huì)頻繁調(diào)整。所以不是每次產(chǎn)品設(shè)計(jì)都需要梳理業(yè)務(wù)流程。對(duì)于已有業(yè)務(wù)流程的產(chǎn)品需求,只要拆解到對(duì)應(yīng)的業(yè)務(wù)流程節(jié)點(diǎn)就可以了。
2. 功能流程圖
功能流程圖是對(duì)業(yè)務(wù)節(jié)點(diǎn)的拆解,是對(duì)具體功能的流程設(shè)計(jì)。因?yàn)橐笇?dǎo)產(chǎn)品設(shè)計(jì),所以內(nèi)容比較詳細(xì),包含操作功能點(diǎn)、判斷邏輯、系統(tǒng)間的交互等,甚至包含關(guān)鍵的業(yè)務(wù)說明等信息。泳道圖也是多角色的功能流程圖的首選。
正常情況下,每個(gè)功能都會(huì)有功能流程圖,但是如果功能比較簡單,我會(huì)省略掉流程圖,或者簡單的表示下邏輯關(guān)系,主要是通過頁面原型講解需求,保證開發(fā)人員能接受就可以了。
3. 頁面流程圖
我們?cè)O(shè)計(jì)的產(chǎn)品原型大都是靜態(tài)頁面,即使增加了一些交互動(dòng)作,開發(fā)人員也不一定知道哪些地方可點(diǎn)擊,所以查看起來并不容易。頁面流程圖主要用來展示頁面之間的跳轉(zhuǎn)關(guān)系,方便開發(fā)人員讀懂頁面原型。
不過現(xiàn)在以敏捷開發(fā)為主,需求涉及的頁面數(shù)量不會(huì)非常多。所以實(shí)際工作中,我基本不會(huì)使用頁面流程圖。
另外為了表達(dá)頁面中必要的判斷邏輯,我會(huì)在頁面原型中加入邏輯流程圖。比如提交按鈕時(shí)的校驗(yàn)條件,刪除時(shí)的邏輯判斷等,作為交互說明的補(bǔ)充,可以更加直觀易懂。
三、繪制流程圖的心得
總的來說,我對(duì)流程圖的使用比較淺,主要是為了表達(dá)需求的順序和邏輯,所以繪圖也不是特別規(guī)范。用到圖形符號(hào)比較有限,主要是開始/結(jié)束、流程步驟、判定條件等。
這也是我想表達(dá)的一個(gè)觀點(diǎn),流程圖沒有嚴(yán)格的形式,只要能夠滿足工作需要就可以了。
1. 繪制流程圖的前提
流程圖只是業(yè)務(wù)和需求信息的外在表現(xiàn)形式,本身并不復(fù)雜。只有熟悉用戶場景和業(yè)務(wù)關(guān)系,才能保證繪制出來的流程圖符合實(shí)際場景。
另外畫流程圖之前,要明確流程圖的繪制目的和范圍,避免過于發(fā)散,造成不必要的內(nèi)容擴(kuò)展。
2. 合理布局
繪制流程圖時(shí),需要合理安排各個(gè)環(huán)節(jié)和角色之間的順序和布局,避免出現(xiàn)混亂和不清晰的情況。對(duì)于一些超級(jí)復(fù)雜的流程圖,可以拆分成多個(gè)流程圖展示。不要用一張流程圖展示,既不方便自己講解,也不方便別人查看。
3. 遵守基本規(guī)范
流程圖的形式比較自由,但是為了便于理解,必須要遵守基本規(guī)范。比如一些常見的符號(hào)形式和布局規(guī)范。
- 繪制流程圖時(shí),布局應(yīng)遵循從左到右、從上到下的順序排列;
- 一個(gè)流程從開始符開始,以結(jié)束符結(jié)束。開始符號(hào)只能出現(xiàn)一次,而結(jié)束符號(hào)可出現(xiàn)多次。若流程足夠清晰,可省略開始、結(jié)束符號(hào);
- 同一流程圖內(nèi),符號(hào)大小需要保持一致,同時(shí)連接線盡量避免交叉,連接線不能無故彎曲,同一路徑的指示箭頭應(yīng)只有一個(gè);
- 流程處理關(guān)系為并行關(guān)系的,需要將流程放在同一高度;
總結(jié)
雖然流程圖并不難,卻是產(chǎn)品設(shè)計(jì)重要的工具,起碼會(huì)顯得比較專業(yè)。用好流程圖對(duì)產(chǎn)品設(shè)計(jì)會(huì)有很大幫助,大家可以嘗試用起來。
專欄作家
子牧先生,公眾號(hào):子牧UXD(HelloDesign),人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒評(píng)論,等你發(fā)揮!