產品經理常用的六張圖

發布于:2016-01-29 22:03:06     

流程圖

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

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

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

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

常見的流程圖符號

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

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

圖片來源:heidixie的新浪微博

工具推薦:PPT, Axure

產品設計草圖

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

產品設計草圖,來源:Flickr

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

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

工具推薦:手繪、Mockplus

原型圖

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

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

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

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

工具推薦:Sketch, Axure, Mockplus

信息結構圖

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

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

信息結構圖

工具推薦:Mindmanager, MindNode(Mac)

測試用例圖

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

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

工具推薦:Axure

甘特圖

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

Omniplan繪制的甘特圖

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

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

快乐十分胆拖复式表