產品經理常用的六張圖

流程圖

流程圖是對過程、算法、流程的一種圖像表示。

應對燈泡不亮的簡單流程圖,圖片來自維基百科

在產品設計中，流程圖就是通過一系列邏輯關系(條件邏輯、先后順序、因果關聯、輸入輸出等)，描述特定情境下滿足特定用戶需求、完成特定任務的步驟。它應該是相對模式化的。

流程圖包括的要素有：角色(例如：燈泡)、流轉(連接線)、順序(指向關系)、規則(是否、條件)、輸入、輸出。

常見的流程圖符號

產品經理可以用流程圖幫助自己梳理清楚設計的邏輯，并且在后期開發階段為開發人員提供參考。

流程圖中經常用于梳理業務的一種圖是泳道圖。

圖片來源：heidixie的新浪微博

工具推薦：PPT, Axure

產品設計草圖

在產品設計初期，確認基本功能時，產品經理可以用設計草圖來幫助自己思考、完善功能設計。相比原型圖和線框圖來說，草圖更為自由，它不限制你的表達，讓你完全focus在你要思考的問題上。

產品設計草圖，來源:Flickr

產品設計草圖主要包含的要素有：角色、任務、邏輯(條件)、輸入、輸出。比如在上圖中，用戶通過輸入一些內容，然后點擊搜索后才會跳轉到第二個頁面。

關于產品設計草圖，大家可以參考這兩本經典書籍：《用戶體驗草圖設計》、《關鍵設計報告》。

工具推薦：手繪、Mockplus

原型圖

在確定了產品的基本功能之后，進入到原型設計階段，這個階段產品經理需要關注原型圖。

原型圖中表單交互的形式，點擊后的過渡效果

原型圖的要素主要有：信息(類型、結構、梳理)、布局、權重(哪些信息更重要)、交互形式。

要學習更多關于原型的知識，可以參考《從零開始學Axure》系列文章。

工具推薦：Sketch, Axure, Mockplus

信息結構圖

唐杰在《杰出產品經理》一書中提到：信息結構圖是一種接近數據庫結構的圖表，但是他并不是真正意義的數據庫結構。技術人員會根據這張圖表的內容再結合產品原型或需求文檔，然后規劃和設計出真正意義上的數據庫結構。

也就是說，信息結構描述的是某個對象的屬性，例如下面這張腦圖中，分別對『文章』和『評論』兩個對象進行了屬性的描述，這也是后期在開發過程中需要明確的數據庫結構。

信息結構圖

工具推薦：Mindmanager, MindNode(Mac)

測試用例圖

測試用例圖主要關注角色、任務和事件三要素，如下圖是用戶點餐的用例圖。

測試用例圖實際上是把復雜的流程圖中的場景拆分為一個一個的Case(用例)進行分析。

工具推薦：Axure

甘特圖

甘特圖(Gantt Chart)由亨利·甘特于1910年開發的，他通過條狀圖來顯示項目，進度，和其他時間相關的系統進展的內在關系隨著時間進展的情況。甘特圖需要關注的要素有時間、活動、順序。

Omniplan繪制的甘特圖

工具推薦：Excel, OmniPlan(Mac), MS Project

用好以上六大圖，在梳理業務流程、產品邏輯的時候會更加清晰，在控制項目節奏和把握整體進度上也會更加有的放矢。