本文主要聚焦產(chǎn)品經(jīng)理平時經(jīng)常用到的，可以有效幫助我們厘清方向、構(gòu)建完美骨架的一些圖表。

所謂美人在骨不在皮，對于一個優(yōu)秀的產(chǎn)品或者某個出色的功能來說，同樣也會有一個完美、清晰的骨架。

當(dāng)我們在規(guī)劃設(shè)計一個新的產(chǎn)品時，也要有先骨后肉的思想——也就是說，在開始設(shè)計開發(fā)之前，方案要首先有戰(zhàn)略規(guī)劃，有功能結(jié)構(gòu)，有業(yè)務(wù)流程。

這些是骨骼，是筋脈。它能讓你對產(chǎn)品的發(fā)展，對版本的迭代有個較為清晰的把握。而具體到每一個小功能，小迭代的時候，又可以讓你不至于顧此失彼，不至于經(jīng)常改動PRD，不至于和研發(fā)測試來回溝通確認(rèn)甚至是扯皮。

本文主要聚焦平時經(jīng)常用到的一些圖表，可以有效幫助我們厘清方向、構(gòu)建完美骨架的工具。大家可根據(jù)實際情況擇需而用。

一、產(chǎn)品畫布

從0到1規(guī)劃一個產(chǎn)品，或者開啟一個新的項目，亦或者著手增加一個較大的功能模塊，戰(zhàn)略規(guī)劃都是必不可少的。

而產(chǎn)品畫布可以把戰(zhàn)略規(guī)劃這種宏大、廣泛的話題聚焦到一個個的模塊里，從而很好的幫助我們各個擊破，客觀的給出整體的分析。

產(chǎn)品畫布的前身是精益畫布（lean canvas），如下圖：

• 你的目標(biāo)市場、目標(biāo)用戶是誰？
• 你想要解決什么問題？
• 當(dāng)前已有哪些解決方法？
• 你的解決方法的優(yōu)勢有哪些？
• 你的商業(yè)模式是什么？
• 通過什么渠道把你的產(chǎn)品傳遞給用戶？
• 你有什么數(shù)據(jù)指標(biāo)來衡量你產(chǎn)品的價值？

用心思考產(chǎn)品畫布上的每一個問題，無論是何種原因?qū)е履阃晟撇涣诉@張圖表的全部內(nèi)容，在進(jìn)行項目之前，都需要三思。因為哪個步驟沒想通，后面都可能會造成不可挽回的痛苦局面。

二、迭代計劃表

當(dāng)明確了產(chǎn)品畫布的每一個關(guān)鍵點后，那么整個產(chǎn)品的基調(diào)基本是定下來了。無論是MVP還是mlp，都要有個大致的迭代計劃表。

大致的意思是：每個迭代計劃要定關(guān)鍵功能點，不是細(xì)枝末節(jié)的東西。

大致的另一個含義是：在實際進(jìn)行中，會有用戶反饋、資源分配、產(chǎn)品方向調(diào)整等不可控因素出現(xiàn)。因此，很多計劃會變動。但這些都是正常健康的，迭代計劃表就是給你一個方向，一邊走一邊修正，最后才會出現(xiàn)一個相對令人滿意的結(jié)果。

上圖可以看出：每個版本都會有個主功能點，每隔幾個版本就會有個大的功能點?？傮w來說，是平滑過渡，平穩(wěn)迭代。

有人說這圖是抖音成熟了大家總結(jié)出來的，抖音是否在一開始就有這樣的規(guī)劃我不曉得。但是，在產(chǎn)品開始規(guī)劃階段，我們要是就有這樣的思想主導(dǎo)。在后續(xù)產(chǎn)品的迭代上，市場輿論或用戶聲音就沒那么容易打亂產(chǎn)品前進(jìn)的節(jié)奏。

三、功能草圖

功能草圖就要看個人的習(xí)慣，我在開始一個設(shè)計前都會拿筆在紙上隨便畫畫。把關(guān)鍵業(yè)務(wù)畫出來，在畫草圖的過程中，后續(xù)幾個步驟要做的事情也漸漸會形成一個大致的輪廓。

比如：功能結(jié)構(gòu)，主業(yè)務(wù)流程等。有時畫著畫著也會有新的想法。

Early app wireframes by Radek Struczynski

四、功能結(jié)構(gòu)圖

在著手具體頁面設(shè)計前，還有一個步驟至關(guān)重要——就是功能結(jié)構(gòu)。

功能結(jié)構(gòu)越細(xì)致越好，從大到小，由總至分。這個功能結(jié)構(gòu)圖同樣可以利用在競品分析的場景上。下圖以微信iOS手機客戶端為例給大家示范下（“示范下”的意思是：我沒畫全，嘻）。

五、泳道圖

一般當(dāng)業(yè)務(wù)流程涉及到多主體時，我們會用“泳道圖”來厘清整個流程。

所謂的“泳道”就是指每一個主體，業(yè)務(wù)涉及到幾個主體，就會有幾個泳道。比如：用戶退款業(yè)務(wù)，涉及到的主體就有用戶、供應(yīng)商、平臺三個，因此在泳道圖中就會出現(xiàn)三個泳道。涉及到多主體的業(yè)務(wù)場景，除了剛才講的電商退款，還有比如說一些p2p的業(yè)務(wù)，crm中合同的審核等。

六、業(yè)務(wù)流程圖

業(yè)務(wù)流程圖應(yīng)該是每個產(chǎn)品經(jīng)理經(jīng)常打交道的一個圖了，他不僅讓我們對整個功能流程有個全局把握，更重要的是他能幫助我們和研發(fā)更好的交流。

沒人喜歡看滿屏滿屏的解說文字，千言萬語都在這圖中。業(yè)務(wù)流程圖的關(guān)鍵其實是完整——就是要盡可能的考慮到每一個條件，每一個分支，不要遺漏掉任何邏輯。

自己如果無法做到（大部分人，大部分情況都是這樣），我們就要學(xué)會利用別人的力量，比如：產(chǎn)品內(nèi)部伙伴大家一起評審下，熟悉相關(guān)業(yè)務(wù)的測試，或者對應(yīng)業(yè)務(wù)的研發(fā)，都可以拉來一起過一遍。

這一步走出去，你會發(fā)現(xiàn)你之前有很多的點都沒考慮掉。不同的主體帶來不同的想法和觀點，所有的意見都能輔助你作出更好的決策。

七、頁面跳轉(zhuǎn)圖

走到這一步，就是十分具體的頁面了。

這一步的頁面跳轉(zhuǎn)圖主要面向?qū)ο笠蛟撌荱I和前端伙伴了。頁面流程圖描述完成一個任務(wù)需要經(jīng)過哪些步驟，每個頁面的跳轉(zhuǎn)規(guī)則，功能邏輯都在這圖里。

你在畫圖的時候，只需要清晰的表現(xiàn)出用戶點擊頁面的什么地方，然后跳轉(zhuǎn)到哪個頁面。

有個關(guān)鍵點需要注意，就是需要考慮一些異常情況。因為當(dāng)我們點擊某個頁面時，不同的條件可能會有不同的結(jié)果。這些要依實際場景和功能來定，但是要時刻把考慮異常情況放到心里，刻到腦子里。

一個產(chǎn)品做到最后你會發(fā)現(xiàn)，大部分精力都花在處理異常上。不出現(xiàn)則已，一出現(xiàn)就損失慘重。

其實這7張圖7個步驟一路走下來，基本上一個活潑健康、美麗可愛的孩子就被造出來了。如果孩子出了問題，一定是某個節(jié)點沒做好?；貭t重造前需要弄清楚，問題出在哪個環(huán)節(jié)了。

本文由@2B產(chǎn)品七七 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unspalsh, 基于CC0協(xié)議