身為產品經理,思維導圖、原型圖、流程圖是必備技能,相信大多數(shù)人都認為繪制流程圖很簡單,不就是一個開始,一個結束,中間加上諸多的進程和判斷,但是想要畫好流程圖,可不止我們認識的那么粗淺。接下來,我根據(jù)自身的實踐經驗,以及學習的一些課程,跟大家分享下畫好流程圖的一些規(guī)范和技巧。
首先,我們講下產品經理為什么要畫流程圖?
其一,對于產品經理而言,流程圖可以幫助梳理用戶操作流程,提高邏輯思維,在早期就發(fā)現(xiàn)并解決問題,避免后期頻繁的需求更改。
其二,對于開發(fā)、測試人員而言,流程圖相較于文字說明更簡潔明了,可降低與之溝通的成本,有效提高工作效率。
其三,對于管理高層而言,流程圖能清晰明了的反映產品的主體業(yè)務邏輯,有助于領導快速理解產品架構體系,可提供一定程度上的決策支持。
接下來,我們講下流程圖的幾種類型。
主要分類三大類:業(yè)務流程圖、數(shù)據(jù)流程圖、頁面流程圖。其中,業(yè)務流程圖又可按表現(xiàn)方式分為任務流程圖和泳道圖;按符號復雜程度分為基本流程圖和完整流程圖。
流程圖的基本要求:
①直觀易懂(語言表達簡潔清晰);
②布局清晰(結構遵從從上至下、從左至右,主干脈絡清晰,盡量避免流線交叉);
③邏輯完整(不遺漏任何一個重要的流程);
④用戶視角(站在用戶的角度反映真實需求,符合用戶操作習慣)。
我們在繪制流程圖過程中,要時刻圍繞這4個要素,檢驗流程圖是否合格。
流程圖常用基本形狀及定義:

流程圖基本規(guī)范
①從上至下、從左至右的流向順序;
②開始符號只能有一個出口;
③校驗邏輯必須用判斷符號,不能用進程符號;
④相同的流程圖,符號大小應為一致,包括符號的長寬以及間距大??;
⑤相同的流程應引用流程,而不是重復繪制;
⑥流線應盡量避免相互交叉;
⑦同一路徑,箭頭只能有一個;
⑧校驗說明應寫在流線上。
流程圖繪制技巧:
①用戶視角
時刻站在用戶的視角去設計流程,讓流程圖為用戶體驗服務;
②流程名稱
流程的“開始和結束”加上流程的名稱,而非簡單的“開始和結束”。如“登錄開始/登錄結束”,這樣我們就可以一目了然知道該流程圖是登錄的一個流程,而不用解讀流程圖中的具體節(jié)點來了解。
③明晰主線
尤其在畫很長的流程圖時至關重要,明晰的主線能夠有效提高流程圖的可讀性。通常以開始任務為起點,以完成任務為終點,中間加上按常規(guī)情況順利完成任務的節(jié)點,這就是一條主干線,然后再在相應的節(jié)點上增加異常情況下的判斷和說明,構成輔助流程。
(畫復雜流程圖就頭疼的童鞋,想想是不是因為一把抓的畫流程圖,一開始就考慮各種情況,導致流程進行不下去,然后出現(xiàn)各種邏輯疏漏,導致每次閱覽流程圖,都能發(fā)現(xiàn)其中的漏洞。)
④合并同類項
在遇到相同的操作或提示時,盡可能的合并同類項,讓流程圖更加簡約美觀。
⑤巧用容器
在流程圖特別長或者特別復雜的情況下,可以使用容器進行分封。
添加方法:框選需要放在同一容器下的內容,右鍵單擊,選擇容器---添加到新容器,然后可以編輯容器的名稱。
⑥巧用標注
流程圖中進程的內容要盡可能簡潔明了,減少流程中的冗余細節(jié),如若內容過多,進程內容可一句話概括主旨,其余具體內容插入標注進行追加說明。
⑦用戶場景說明
許多人都是機械式的看流程圖,看的一頭霧水,不知道具體適用于哪些場景,如果我們提前說明用戶場景,能夠讓讀者更加容易理解其中步驟。
如:小明新下載了一個APP,要進去看看APP里邊都能干什么:
1、該APP需要強制登錄嗎?不登錄可以查看哪些內容?
2、都有哪些登錄方式?填寫錯了如何提示?
⑧標題和樣式
大家繪制的流程圖千篇一律,讀者難免厭煩,這時我們可以把流程圖加以美化,更改主題、添加背景、加入標題,讓你流程圖的逼格得到質的提升,相信大家對美的事物不會拒絕。
今后的日子里,你的流程圖,會畫了嗎?