流程圖
流程圖是對(duì)過(guò)程、算法、流程的一種圖像表示。
應(yīng)對(duì)燈泡不亮的簡(jiǎn)單流程圖,圖片來(lái)自維基百科
在產(chǎn)品設(shè)計(jì)中，流程圖就是通過(guò)一系列邏輯關(guān)系(條件邏輯、先后順序、因果關(guān)聯(lián)、輸入輸出等)，描述特定情境下滿(mǎn)足特定用戶(hù)需求、完成特定任務(wù)的步驟。它應(yīng)該是相對(duì)模式化的。
流程圖包括的要素有：角色(例如：燈泡)、流轉(zhuǎn)(連接線)、順序(指向關(guān)系)、規(guī)則(是否、條件)、輸入、輸出。
常見(jiàn)的流程圖符號(hào)
產(chǎn)品經(jīng)理可以用流程圖幫助自己梳理清楚設(shè)計(jì)的邏輯，并且在后期開(kāi)發(fā)階段為開(kāi)發(fā)人員提供參考。
流程圖中經(jīng)常用于梳理業(yè)務(wù)的一種圖是泳道圖。
圖片來(lái)源：heidixie的新浪微博
工具推薦：PPT, Axure
產(chǎn)品設(shè)計(jì)草圖
在產(chǎn)品設(shè)計(jì)初期，確認(rèn)基本功能時(shí)，產(chǎn)品經(jīng)理可以用設(shè)計(jì)草圖來(lái)幫助自己思考、完善功能設(shè)計(jì)。相比原型圖和線框圖來(lái)說(shuō)，草圖更為自由，它不限制你的表達(dá)，讓你完全focus在你要思考的問(wèn)題上。
產(chǎn)品設(shè)計(jì)草圖，來(lái)源:Flickr
產(chǎn)品設(shè)計(jì)草圖主要包含的要素有：角色、任務(wù)、邏輯(條件)、輸入、輸出。比如在上圖中，用戶(hù)通過(guò)輸入一些內(nèi)容，然后點(diǎn)擊搜索后才會(huì)跳轉(zhuǎn)到第二個(gè)頁(yè)面。
關(guān)于產(chǎn)品設(shè)計(jì)草圖，大家可以參考這兩本經(jīng)典書(shū)籍：《用戶(hù)體驗(yàn)草圖設(shè)計(jì)》、《關(guān)鍵設(shè)計(jì)報(bào)告》。
工具推薦：手繪、Mockplus
原型圖
在確定了產(chǎn)品的基本功能之后，進(jìn)入到原型設(shè)計(jì)階段，這個(gè)階段產(chǎn)品經(jīng)理需要關(guān)注原型圖。
原型圖中表單交互的形式，點(diǎn)擊后的過(guò)渡效果
原型圖的要素主要有：信息(類(lèi)型、結(jié)構(gòu)、梳理)、布局、權(quán)重(哪些信息更重要)、交互形式。
要學(xué)習(xí)更多關(guān)于原型的知識(shí)，可以參考《從零開(kāi)始學(xué)Axure》系列文章。
工具推薦：Sketch, Axure, Mockplus
信息結(jié)構(gòu)圖
唐杰在《杰出產(chǎn)品經(jīng)理》一書(shū)中提到：信息結(jié)構(gòu)圖是一種接近數(shù)據(jù)庫(kù)結(jié)構(gòu)的圖表，但是他并不是真正意義的數(shù)據(jù)庫(kù)結(jié)構(gòu)。技術(shù)人員會(huì)根據(jù)這張圖表的內(nèi)容再結(jié)合產(chǎn)品原型或需求文檔，然后規(guī)劃和設(shè)計(jì)出真正意義上的數(shù)據(jù)庫(kù)結(jié)構(gòu)。
也就是說(shuō)，信息結(jié)構(gòu)描述的是某個(gè)對(duì)象的屬性，例如下面這張腦圖中，分別對(duì)『文章』和『評(píng)論』兩個(gè)對(duì)象進(jìn)行了屬性的描述，這也是后期在開(kāi)發(fā)過(guò)程中需要明確的數(shù)據(jù)庫(kù)結(jié)構(gòu)。
信息結(jié)構(gòu)圖
工具推薦：Mindmanager, MindNode(Mac)
測(cè)試用例圖
測(cè)試用例圖主要關(guān)注角色、任務(wù)和事件三要素，如下圖是用戶(hù)點(diǎn)餐的用例圖。
測(cè)試用例圖實(shí)際上是把復(fù)雜的流程圖中的場(chǎng)景拆分為一個(gè)一個(gè)的Case(用例)進(jìn)行分析。
工具推薦：Axure
甘特圖
甘特圖(Gantt Chart)由亨利·甘特于1910年開(kāi)發(fā)的，他通過(guò)條狀圖來(lái)顯示項(xiàng)目，進(jìn)度，和其他時(shí)間相關(guān)的系統(tǒng)進(jìn)展的內(nèi)在關(guān)系隨著時(shí)間進(jìn)展的情況。甘特圖需要關(guān)注的要素有時(shí)間、活動(dòng)、順序。
Omniplan繪制的甘特圖
工具推薦：Excel, OmniPlan(Mac), MS Project
用好以上六大圖，在梳理業(yè)務(wù)流程、產(chǎn)品邏輯的時(shí)候會(huì)更加清晰，在控制項(xiàng)目節(jié)奏和把握整體進(jìn)度上也會(huì)更加有的放矢。
