溫馨提示：

如果你有關(guān)于產(chǎn)品經(jīng)理方面的任何問題，歡迎關(guān)注我的微信公眾號(hào)與我互動(dòng)。最新的免費(fèi)系統(tǒng)的產(chǎn)品經(jīng)理課程《老司機(jī)帶你做產(chǎn)品》已經(jīng)推出，請(qǐng)關(guān)注微信公眾號(hào)：iamliuwenzhi

---

很多產(chǎn)品新人剛開始工作時(shí)，喜歡一拿到需求就切入到原型階段。等到需求評(píng)審會(huì)或者和研發(fā)溝通時(shí)，才發(fā)現(xiàn)各種漏洞，有時(shí)候甚至被邏輯強(qiáng)的研發(fā)人員追問得想鉆地縫。

如何避免出現(xiàn)這樣的情況？要知道很多時(shí)候，是因?yàn)槲覀冞B產(chǎn)品邏輯都沒有梳理清楚，就開始搗騰原型圖了。

今天我們就來(lái)了解，如何在切入原型圖前，利用相應(yīng)的工具為產(chǎn)品梳理工作加分。

正如我反復(fù)強(qiáng)調(diào)的，“產(chǎn)品經(jīng)理不要做技淫狂”，工具是為我們和工作服務(wù)的，切勿被工具所綁架。

一、用Visio梳理、繪制任務(wù)流程圖

當(dāng)我們?cè)诜治鲆豢町a(chǎn)品，或者新接手工作時(shí)，通常需要繪制任務(wù)流程圖。在動(dòng)手操作之前，我們需要了解一些基礎(chǔ)概念。

1、什么是流程圖？

流程圖（Flow Charts），這個(gè)概念源自傳統(tǒng)行業(yè)，指的是流經(jīng)一個(gè)系統(tǒng)的信息流、觀點(diǎn)流或部件流的圖形代表。

舉個(gè)例子，你下班回到家，想學(xué)習(xí)一段關(guān)于產(chǎn)品經(jīng)理的視頻課程，那你的操作流程是：

打開瀏覽器??在搜索引擎內(nèi)輸入關(guān)鍵詞??選擇你要學(xué)習(xí)的視頻??觀看視頻??關(guān)閉視頻??總結(jié)分享。

這里，箭頭的流向包含了“是”的邏輯，即每一步操作的結(jié)果，是下一步操作的開端。

2、什么是任務(wù)流程圖？

任務(wù)流程圖，是指用戶在產(chǎn)品中執(zhí)行某個(gè)具體任務(wù)（或者為了達(dá)到某個(gè)目的）的操作流程。

比方說(shuō)網(wǎng)頁(yè)端，要參加一節(jié)商業(yè)實(shí)戰(zhàn)直播課，那么，你從上課到下課的整個(gè)操作流程，用圖形表現(xiàn)出來(lái)就是任務(wù)流程圖。

不要小看任務(wù)流程圖，這是你了解一款產(chǎn)品的內(nèi)在邏輯、挖掘用戶需求的關(guān)鍵點(diǎn)。因?yàn)槲覀冊(cè)谑崂砣蝿?wù)流程的時(shí)候，會(huì)幫助我們?cè)O(shè)身處地的去思考，用戶行為與產(chǎn)品交互關(guān)系、過程、順序，自然而然，就幫我們更深入地理解整個(gè)產(chǎn)品背后的邏輯了。

此外，新人也可以通過練習(xí)繪制現(xiàn)有產(chǎn)品的任務(wù)流程圖，提高邏輯感和產(chǎn)品感。先試著自己畫一次，再去看看別人產(chǎn)品的任務(wù)流程是如何的，誰(shuí)的更好，總結(jié)下來(lái)就會(huì)有收獲。

3、用Visio梳理、繪制任務(wù)流程圖

在繪制任務(wù)流程圖的時(shí)候，我們最常用的工具是Visio（Mac系統(tǒng)一般用OmniGrafle）。在使用工具之前，我們需要了解一些基本的思路、方法和技巧。

• 了解不同圖形的含義

流程圖有一套通用的標(biāo)準(zhǔn)，不同圖形代表不同含義。在使用時(shí)切忌混淆，以免鬧笑話。下面的4種圖形，是我們最常用的。

• 先繪制主線流程圖，再繪制支線流程圖

產(chǎn)品新人在梳理任務(wù)流程的時(shí)候，往往會(huì)陷入細(xì)枝末節(jié)。太關(guān)注細(xì)節(jié)，反而容易增加用戶的操作步驟，或者導(dǎo)致需求反復(fù)更改。

最簡(jiǎn)單的辦法，就是把你對(duì)細(xì)節(jié)的注意力，轉(zhuǎn)移到邏輯上。就像你想約女神看演唱會(huì)，不要一來(lái)就YY怎么逗女神開心，而是可以這樣：

• 先確定主線流程（了解女神的喜好和空閑時(shí)間??買票??找到合適的機(jī)會(huì)提出邀請(qǐng)；祝你一次成功）；
• 再完善支線流程（如購(gòu)買防蚊水、明星周邊等物品；要面面俱到、沒有遺漏哦）。

• 讓你的流程圖一目了然

當(dāng)你做好任務(wù)流程圖后，可以畫一個(gè)“容器”，把主線流程“裝”進(jìn)去，在視覺上突出，做到主次分明。

當(dāng)任務(wù)流程比較復(fù)雜時(shí)，可以把部分內(nèi)容繪制到新建頁(yè)面上，設(shè)置跳轉(zhuǎn)，不是非要在一個(gè)頁(yè)面做完。

當(dāng)你通過練習(xí)，掌握了任務(wù)流程圖，那么，就可以嘗試做更高階的業(yè)務(wù)流程圖（一款產(chǎn)品的業(yè)務(wù)走向，具體內(nèi)涵可在網(wǎng)上搜索），如下圖所示。

這里，再次強(qiáng)調(diào)，你的工作是為了理清邏輯、解決問題，而不是畫一張漂亮養(yǎng)顏的視覺稿件。所以，不要讓工具限制了你的思維，也不要因?yàn)殛P(guān)注偏移到工具的其它功能而降低效率。

二、Balsamiq Mockup繪制草圖的方法與技巧

梳理清楚任務(wù)流程圖，并和團(tuán)隊(duì)溝通確認(rèn)后，我們可能需要制作簡(jiǎn)易的產(chǎn)品原型圖，也就是產(chǎn)品草圖。繪制草圖的目的，在于方便團(tuán)隊(duì)更好討論、更快推進(jìn)工作。

我們?cè)诘?3課講過，Balsamiq Mockup是一款快速原型草圖工具，手繪風(fēng)格，比較好用。這里，簡(jiǎn)單講幾個(gè)繪制草圖的方法和技巧：

• 繪圖之前，先梳理清楚頁(yè)面；
• 每個(gè)頁(yè)面，需要展現(xiàn)出其特點(diǎn)；
• 不需要表現(xiàn)頁(yè)面中所有的元素（不要摳細(xì)節(jié)）。

Balsamiq Mockup也有個(gè)問題，就是東西畫多了以后，使用起來(lái)比較卡。不過比較適合新人練習(xí)和熟悉工具的操作。

總結(jié)：

我們都說(shuō)“工欲善其事，必先利其器”。而“利其器”的前提，是我們要理解為什么用工具、工具本身的特性和常規(guī)使用方法。

同時(shí)，工具的使用往往是相通的。當(dāng)你能夠輕松地用Visio和Balsamiq Mockup繪制原型圖，其他工具對(duì)你來(lái)說(shuō)，也就很容易上手了。

如果沒有工具，是不是我們就沒法開展工作了？其實(shí)在初期階段，最牛逼的工具之一就是2B鉛筆，簡(jiǎn)直是隨心所欲的神器！

其實(shí)，我們工作的內(nèi)核沒有因?yàn)楣ぞ叨兓?#xff0c;變化的是工具，以及工具帶來(lái)的效率飛升。好好用，讓工具帶你飛起來(lái)：）

《產(chǎn)品經(jīng)理入門指南》，是幫助產(chǎn)品新人感性、系統(tǒng)了解產(chǎn)品經(jīng)理基礎(chǔ)知識(shí)、學(xué)習(xí)方法、常見問題的入門級(jí)課程（不涉及工具實(shí)操、實(shí)戰(zhàn)技巧等內(nèi)容哦）。

溫馨提示：

如果你有關(guān)于產(chǎn)品經(jīng)理方面的任何問題，歡迎關(guān)注我的微信公眾號(hào)與我互動(dòng)。最新的免費(fèi)系統(tǒng)的產(chǎn)品經(jīng)理課程《老司機(jī)帶你做產(chǎn)品》已經(jīng)推出，請(qǐng)關(guān)注微信公眾號(hào)：iamliuwenzhi

總結(jié)

以上是生活随笔為你收集整理的visio studio json工具_《产品经理入门指南》彩蛋2：别技淫原型图！你的Visio和Balsamiq Mockup入门了吗？...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。