<strong id="eoaoo"></strong>
  • <sup id="eoaoo"><button id="eoaoo"></button></sup>
  • <strong id="eoaoo"></strong>
  • 產品經理常用的六張圖

    發布于: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

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

    Xx性欧美肥妇精品久久久久久_无码专区在线观看韩国_久久免费精品国产72精品_日韩毛片无码永久免费看