圖形相比文字更加直觀恳邀,在產(chǎn)品設(shè)計中頻繁被運用懦冰。原型圖、信息結(jié)構(gòu)圖谣沸、泳道圖刷钢、用例圖等是產(chǎn)品經(jīng)理在日常工作中經(jīng)常使用的梳理思維和進(jìn)行表達(dá)的工具,并且結(jié)合小喵自己使用的情況乳附,推薦大家?guī)卓顚嵱玫睦L制工具内地。
1. 流程圖
流程圖是對過程、算法赋除、流程的一種圖像表示瓤鼻。
在產(chǎn)品設(shè)計中,流程圖就是通過一系列邏輯關(guān)系(條件邏輯贤重、先后順序茬祷、因果關(guān)聯(lián)、輸入輸出等)并蝗,描述特定情境下滿足特定用戶需求祭犯、完成特定任務(wù)的步驟。它應(yīng)該是相對模式化的滚停。
流程圖包括的要素有:角色(例如:燈泡)沃粗、流轉(zhuǎn)(連接線)、順序(指向關(guān)系)键畴、規(guī)則(是否最盅、條件)、輸入起惕、輸出涡贱。
產(chǎn)品經(jīng)理可以用流程圖幫助自己梳理清楚設(shè)計的邏輯,并且在后期開發(fā)階段為開發(fā)人員提供參考惹想。
流程圖中經(jīng)常用于梳理業(yè)務(wù)的一種圖是泳道圖问词。
?? 工具推薦:PPT, Axure
2.產(chǎn)品設(shè)計草圖
在產(chǎn)品設(shè)計初期,確認(rèn)基本功能時嘀粱,產(chǎn)品經(jīng)理可以用設(shè)計草圖來幫助自己思考激挪、完善功能設(shè)計辰狡。相比原型圖和線框圖來說,草圖更為自由垄分,它不限制你的表達(dá)宛篇,讓你完全focus在你要思考的問題上。
產(chǎn)品設(shè)計草圖主要包含的要素有:角色薄湿、任務(wù)叫倍、邏輯(條件)、輸入嘿般、輸出段标。比如在上圖中,用戶通過輸入一些內(nèi)容炉奴,然后點擊搜索后才會跳轉(zhuǎn)到第二個頁面逼庞。
關(guān)于產(chǎn)品設(shè)計草圖,大家可以參考這兩本經(jīng)典書籍:《用戶體驗草圖設(shè)計》瞻赶、《關(guān)鍵設(shè)計報告》赛糟。
?? 工具推薦:手繪、Mockplus
3. 原型圖
在確定了產(chǎn)品的基本功能之后砸逊,進(jìn)入到原型設(shè)計階段璧南,這個階段產(chǎn)品經(jīng)理需要關(guān)注原型圖。
原型圖的要素主要有:信息(類型师逸、結(jié)構(gòu)司倚、梳理)、布局篓像、權(quán)重(哪些信息更重要)动知、交互形式。
要學(xué)習(xí)更多關(guān)于原型的知識员辩,可以參考《從零開始學(xué)Axure》系列文章盒粮。
?? 工具推薦:Sketch, Axure, Mockplus
4. 信息結(jié)構(gòu)圖
唐杰在《杰出產(chǎn)品經(jīng)理》一書中提到:信息結(jié)構(gòu)圖是一種接近數(shù)據(jù)庫結(jié)構(gòu)的圖表,但是他并不是真正意義的數(shù)據(jù)庫結(jié)構(gòu)奠滑。技術(shù)人員會根據(jù)這張圖表的內(nèi)容再結(jié)合產(chǎn)品原型或需求文檔丹皱,然后規(guī)劃和設(shè)計出真正意義上的數(shù)據(jù)庫結(jié)構(gòu)。
也就是說宋税,信息結(jié)構(gòu)描述的是某個對象的屬性摊崭,例如下面這張腦圖中,分別對『文章』和『評論』兩個對象進(jìn)行了屬性的描述弃甥,這也是后期在開發(fā)過程中需要明確的數(shù)據(jù)庫結(jié)構(gòu)爽室。
?? 工具推薦:Mindmanager, MindNode(Mac)
5. 測試用例圖
測試用例圖主要關(guān)注角色、任務(wù)和事件三要素淆攻,如下圖是用戶點餐的用例圖阔墩。
測試用例圖實際上是把復(fù)雜的流程圖中的場景拆分為一個一個的Case(用例)進(jìn)行分析。
?? 工具推薦:Axure
6. 甘特圖
甘特圖(Gantt Chart)由亨利·甘特于1910年開發(fā)的瓶珊,他通過條狀圖來顯示項目啸箫,進(jìn)度,和其他時間相關(guān)的系統(tǒng)進(jìn)展的內(nèi)在關(guān)系隨著時間進(jìn)展的情況伞芹。甘特圖需要關(guān)注的要素有時間忘苛、活動、順序唱较。
?? 工具推薦:Excel, OmniPlan(Mac), MS Project
用好以上六大圖扎唾,在梳理業(yè)務(wù)流程、產(chǎn)品邏輯的時候會更加清晰南缓,在控制項目節(jié)奏和把握整體進(jìn)度上也會更加有的放矢胸遇。