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

0 評(píng)論 3858 瀏覽 15 收藏 9 分鐘

結(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ī)范。

  1. 繪制流程圖時(shí),布局應(yīng)遵循從左到右、從上到下的順序排列;
  2. 一個(gè)流程從開始符開始,以結(jié)束符結(jié)束。開始符號(hào)只能出現(xiàn)一次,而結(jié)束符號(hào)可出現(xiàn)多次。若流程足夠清晰,可省略開始、結(jié)束符號(hào);
  3. 同一流程圖內(nèi),符號(hào)大小需要保持一致,同時(shí)連接線盡量避免交叉,連接線不能無故彎曲,同一路徑的指示箭頭應(yīng)只有一個(gè);
  4. 流程處理關(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ù)。

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