作為產(chǎn)品經(jīng)理，一直認(rèn)為原型設(shè)計(jì)應(yīng)該不僅僅是設(shè)計(jì)師們的工作，也應(yīng)該是產(chǎn)品經(jīng)理的工作——尤其是在前期需求討論階段。

一個(gè)產(chǎn)品的骨架與靈魂，是由產(chǎn)品經(jīng)理賦予的；血與肉，是由研發(fā)工程師賦予的；五官、四肢是由設(shè)計(jì)師們賦予的。然而，在還沒(méi)有血肉之前，如何為團(tuán)隊(duì)成員勾勒出一幅完整的“骨架”，就是產(chǎn)品經(jīng)理必修的功課了。因?yàn)檫@副骨架勾勒的如何，會(huì)直接影響團(tuán)隊(duì)各崗位同事對(duì)于需求理解的一致性，有效減少因?yàn)槔斫獠町悗?lái)的無(wú)意義PK；同時(shí)，能夠直接影響前期需求溝通和討論的效率，幫助團(tuán)隊(duì)盡快針對(duì)需求達(dá)成一致。

綜上，這副需要勾勒的“骨架”圖，就是產(chǎn)品經(jīng)理需要做的原型設(shè)計(jì)。

·正文

愛(ài)因斯坦說(shuō)，if I can’t picture is, I can’t understand it.

大多數(shù)時(shí)候，產(chǎn)品經(jīng)理們都能picture出自己的產(chǎn)品設(shè)計(jì)思路，但從某個(gè)角度來(lái)說(shuō)，產(chǎn)品經(jīng)理需要做的工作，比愛(ài)因斯坦要困難的多。畢竟相對(duì)論不是每個(gè)人都能看懂，而產(chǎn)品經(jīng)理的原型設(shè)計(jì)卻需要保證團(tuán)隊(duì)中不同崗位、負(fù)責(zé)不同工作、知識(shí)結(jié)構(gòu)各不相同的每個(gè)成員，都能夠完全的understand it。

因?yàn)榍捌谛枰透鱾€(gè)崗位的同事溝通，也就決定了產(chǎn)品經(jīng)理所做的原型設(shè)計(jì)需要具備以下特點(diǎn)：

1. 低保真、高效率 —— 不必投入太多精力在美觀和交互邏輯上，只需要表達(dá)出核心頁(yè)面和功能即可；

2. 易修改、易傳播 —— 能夠方便的進(jìn)行修改補(bǔ)充，同時(shí)可以輕松的導(dǎo)出、共享給項(xiàng)目團(tuán)隊(duì)所有人；

已有的常見(jiàn)工具中：

白板+筆、windows——的確低保真和高效率，但是不能方便的傳播和隨時(shí)修改；

excel、visio——它們更適合在需求確認(rèn)之后，將功能邏輯按照規(guī)范做標(biāo)準(zhǔn)化的文字描述；

powerpoint，Photoshop——它們太低效了，往往投入大量時(shí)間做了powerpoint講起來(lái)是既沒(méi)有power也沒(méi)有point……

綜上，在這個(gè)需要和各崗位成員溝通、需求闡述與確認(rèn)并快速迭代的過(guò)程中（如下圖），產(chǎn)品經(jīng)理的原型設(shè)計(jì)必須“高效完成、易于演示、并保證所有成員完全理解”

正所謂，工欲善其事必先利其器。

誠(chéng)然，我相信小米加步槍也能取得革命的勝利（曾見(jiàn)過(guò)有高人用excel也能作出令人乍舌的原型設(shè)計(jì)），但是，選擇一款適合自己的原型設(shè)計(jì)工具不是更好？

接下來(lái)為大家推薦一些適合產(chǎn)品經(jīng)理用的原型設(shè)計(jì)工具：

· web原型設(shè)計(jì)工具

1. Axure
http://www.axure.com/
http://www.axure.org/

Axure已經(jīng)在太多的場(chǎng)合被太多次的提起過(guò)，在這里不必多言。

優(yōu)點(diǎn)：
組件/實(shí)例資源豐富；see it happen——近乎完美的演示
缺點(diǎn)：
學(xué)習(xí)曲線陡峭，需要投入較多時(shí)間；個(gè)人認(rèn)為不太適合產(chǎn)品經(jīng)理使用，當(dāng)然還是建議剛?cè)胄械耐瑢W(xué)花時(shí)間學(xué)一下。

2. GUI Design Studio
http://www.carettasoftware.com/guidesignstudio/

如果把Axure比作原型設(shè)計(jì)中的Photoshop，那么GUI Design Studio就是windows 畫圖板了

優(yōu)點(diǎn)：
簡(jiǎn)單、小巧、易學(xué)、易用；原型模擬演示功能絲毫不遜色于Axure

缺點(diǎn)：
更專注于windows 桌面軟件的原型設(shè)計(jì)，對(duì)web、手機(jī)端設(shè)計(jì)幫助有限；中文破解版功能有缺失

3. Pencil
http://www.evolus.vn/Pencil/Screenshots.html
https://addons.mozilla.org/en-US/firefox/addon/8487

Pencil是一款以FF插件形式存在的原型繪制工具，如其名一樣簡(jiǎn)單，適合用于web原型快速繪制。

優(yōu)點(diǎn)：
FF插件形式運(yùn)行；簡(jiǎn)單、小巧、快速、方便

缺點(diǎn)：
組件庫(kù)較小、功能有限

4. Mockingbird
http://gomockingbird.com/

Mockbird是一款在線原型繪制工具，組件豐富，使用于web端、手機(jī)端產(chǎn)品設(shè)計(jì)。

提供了完全基于瀏覽器窗口的產(chǎn)品原型設(shè)計(jì)服務(wù)，采用了Cappuccino的JavaScript開(kāi)源框架，能夠較為逼真的模擬 Axure 這類桌面軟件，給用戶極大的親切感。No Flash, No IE, All in Canvas, Apple Style！

優(yōu)點(diǎn)：
在線即可使用，加載速度快；組件較為豐富、可在線保存

缺點(diǎn)：
不支持IE，對(duì)Chrome支持的不好；輸出的PNG不支持中文

5. Mockflow
http://app.mockflow.com/mockflow/

Mockflow是本次需要重點(diǎn)推薦的工具，同樣作為在線版本，其豐富的組件友好而強(qiáng)大，并且支持一個(gè)在線共享的組件庫(kù)！十分適合web端與手機(jī)端產(chǎn)品原型設(shè)計(jì)。

優(yōu)點(diǎn)：
組件庫(kù)及其豐富，界面炫酷；在線版運(yùn)行流暢、強(qiáng)大的右鍵菜單；支持中文、多文檔在線保存

缺點(diǎn)：
在線版保存有空間限制；演示功能略遜于Mockups

·手機(jī)軟件原型設(shè)計(jì)部分

1. Mockups
http://www.balsamiq.com/demos/mockups/Mockups.html

Mockups是一款設(shè)計(jì)師為了自己工作方便而開(kāi)發(fā)的個(gè)人軟件，開(kāi)發(fā)者本人都沒(méi)有想到手繪的風(fēng)格和簡(jiǎn)單的組件能讓該軟件如此受歡迎，實(shí)際上它最吸引人的地方是完美的演示功能。

優(yōu)點(diǎn)：
為手機(jī)端原型設(shè)計(jì)而開(kāi)發(fā)，模擬演示功能十分強(qiáng)大；風(fēng)格很萌…

缺點(diǎn)：
基于Adobe AIR，文件尺寸較大時(shí)軟件性能表現(xiàn)一般；對(duì)中文多字體的支持比較差，不支持插入圖片。

2. iPhone Mockup
http://iphonemockup.lkmc.ch/

iPhone mockup 是一款更專注與iPhone上軟件原型設(shè)計(jì)的工具，提供了iPhone上常用的全部組件。

優(yōu)點(diǎn)：

支持在線協(xié)作，同一設(shè)計(jì)可由不同的人修改；iPhone設(shè)計(jì)組件豐富，并提供手繪和標(biāo)準(zhǔn)兩種風(fēng)格

缺點(diǎn)：

功能比較少，不支持導(dǎo)出到圖片文件，不支持演示；

3. Lumzy

http://lumzy.com/app/

Lumzy是基于Flash/Flex平臺(tái)上的產(chǎn)品原型設(shè)計(jì)軟件，其組件同樣適合做手機(jī)端原型設(shè)計(jì)。

優(yōu)點(diǎn)：

界面友好、功能豐富；支持圖片插入，預(yù)覽、導(dǎo)出功能；支持手繪、mac、win三種風(fēng)格切換。

缺點(diǎn)：

適用于手機(jī)的組件不如前兩款豐富。

4. iPlotz

http://iplotz.com/app/index.php

與Lumzy相同，iPlotz也是基于Flash/Flex平臺(tái)的在線原型設(shè)計(jì)軟件。

相比前者，iPlotz提供專門針對(duì)iPhone的組件庫(kù)，同時(shí)有非常強(qiáng)大的項(xiàng)目/時(shí)間管理功能。

優(yōu)點(diǎn)：

同Lumzy，包含iPhone專門組件庫(kù)，支持html預(yù)覽和導(dǎo)出。

總結(jié)&建議：

沒(méi)有最好的工具，只有最適合自己的工具。只要能高效、準(zhǔn)確無(wú)誤表達(dá)設(shè)計(jì)意圖的工具，就都是好工具！

先用紙筆手繪，勾畫出產(chǎn)品整體架構(gòu)；之后再做原型設(shè)計(jì)。

先用工具做出最常用的組件，并將其group&lock&save，這樣可以節(jié)約很多時(shí)間。

· 結(jié)束語(yǔ)

最后，分享幾點(diǎn)工作中的個(gè)人感觸， 與大家共勉：

產(chǎn)品經(jīng)理并不一定是專才，但應(yīng)該盡可能做到全才；即便是全才，也不是神，請(qǐng)充分信任伙伴；團(tuán)隊(duì)里肯定不會(huì)有豬一樣的隊(duì)友，所以請(qǐng)不要把自己當(dāng)作神……

要充分信任設(shè)計(jì)師的專業(yè)能力，時(shí)刻牢記自己代表的用戶，團(tuán)隊(duì)里其他成員也是用戶；不要過(guò)分受自己主觀的影響而質(zhì)疑甚至挑戰(zhàn)設(shè)計(jì)師的專業(yè)能力。

把需求理解的不一致消滅在產(chǎn)品經(jīng)理的原型設(shè)計(jì)階段；解放設(shè)計(jì)師，讓他們?nèi)ν度氲叫枨蟠_認(rèn)后的設(shè)計(jì)工作中去。

讓我們接過(guò)設(shè)計(jì)師們的槍，一起 ·華·麗·的·戰(zhàn)·吧！

本文來(lái)自：http://djt.open.qq.com/article-114-1.html