流程圖
流程圖是對(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)(連接線(xià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ì)。相比原型圖和線(xiàn)框圖來(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ì)更加有的放矢。