產品經理常用的那些圖

圖形相比文字更加直觀,在產品設計中頻繁被運用。原型圖、信息結構圖、泳道圖、用例圖等是產品經理在日常工作中經常使用的梳理思維和進行表達的工具,並且結合小喵自己使用的情況,推薦大家幾款實用的繪製工具。

cpjl

1. 流程圖

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

1

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

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

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

2

常見的流程圖符號

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

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

3

圖片來源:heidixie的新浪微博

工具推薦:PPT, Axure

2.產品設計草圖

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

4

產品設計草圖,來源:Flickr

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

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

5

工具推薦:手繪、Mockplus

3. 原型圖

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

6

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

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

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

工具推薦:Sketch, Axure, Mockplus

4. 信息結構圖

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

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

7

信息結構圖

工具推薦:Mindmanager, MindNode(Mac)

5. 測試用例圖

8

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

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

工具推薦:Axure

6. 甘特圖

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

9

Omniplan繪製的甘特圖

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章