我做iOS開發(fā)，呆過兩家公司，摸爬滾打三年工作經(jīng)驗(yàn)，沒有遇到過心儀的產(chǎn)品經(jīng)理，隨著工作時(shí)間久了，多多少少也聽聞一些八卦，就會(huì)覺得外面的產(chǎn)品經(jīng)理，也差不多都這樣吧。

作為開發(fā)人員，兩耳不聞窗外事，一心只想把自己的代碼擼到最好，不過想達(dá)到這點(diǎn)，并不簡單，過硬的技術(shù)是一方面，另一方面就是與你共事的同事，原型圖、效果圖、接口設(shè)計(jì)這些都可能會(huì)讓你最終的代碼一團(tuán)糟。最重要的是原型圖，產(chǎn)品經(jīng)理作為團(tuán)隊(duì)領(lǐng)頭人，從他手上出來的原型圖就是一個(gè)方向，團(tuán)隊(duì)里的UI，研發(fā)，測試等都指望著原型，一旦表達(dá)不清，出現(xiàn)歧義，研發(fā)的結(jié)果就會(huì)出現(xiàn)很大的偏差，不僅可能會(huì)背離產(chǎn)品方向，還會(huì)影響節(jié)奏和效率。

客戶端開發(fā)環(huán)節(jié)很注重細(xì)節(jié)，開發(fā)人員能觸碰到產(chǎn)品的所有地方和所有細(xì)節(jié)，所有的交互他是第一個(gè)體驗(yàn)，我覺得不能忽視他們的意見，他們的感受不能不在乎。而原型圖和效果圖往往是細(xì)節(jié)控制不夠好的環(huán)節(jié)，尤其是一些新手同事，你在原型圖上不經(jīng)意的點(diǎn)綴，可能需要開發(fā)人員多花好幾倍的時(shí)間去實(shí)現(xiàn)，而你的不經(jīng)意對(duì)產(chǎn)品本身卻沒有一點(diǎn)意義的，也許是我不理解你的想法，但是我也想理解，我也想跟你交流，但是我公司的原型圖，開發(fā)人員是接觸不到的，原型圖先是交到設(shè)計(jì)人員手上，設(shè)計(jì)人員按照原型圖做效果圖，等開發(fā)人員看到效果圖的時(shí)候，你只能照著做了，沒有回轉(zhuǎn)的余地，可能直到你離開公司，你也不一定能認(rèn)識(shí)那個(gè)做原型的人。這是我們公司的一種開發(fā)模式，如果原型圖本身沒有問題，這種模式當(dāng)然可行。

可以說解決原型問題，就能很大程度上解決開發(fā)中的很多令人頭疼的問題，所以這時(shí)候，一名心儀的產(chǎn)品經(jīng)理是很重要的。

一、開發(fā)過程

也正是這樣的一個(gè)環(huán)境，讓我有了想做這款應(yīng)用的想法，既然沒有心儀的產(chǎn)品經(jīng)理來解救我，那我就試著自救吧，我開始慢慢嘗試，因?yàn)橛斜韭毠ぷ鳎灾荒芾孟掳鄷r(shí)間和周末來做開發(fā)。

我腦海里的畫面是一張白紙，白紙旁邊有個(gè)小箱子，里面裝著多種控件元素，有空白頁面、圖片、文字標(biāo)簽、按鈕、導(dǎo)航、網(wǎng)頁、地圖等等，你可以把他們擺到白紙上去，可以通過拉扯來改變他們的大小。這是最初的想法，我只給你一張干凈的空白頁面和一些控件元素，你能利用這些做出什么樣的原型圖，就取決于你的想象力了。

這個(gè)畫面看上去很簡單，但實(shí)現(xiàn)起來是要考慮到很多地方。第一個(gè)最基本的功能就是讓控件動(dòng)起來，可拖動(dòng)位置和改變大小。

Default-控件拖動(dòng)

第二個(gè)基本功能就是對(duì)控件的操作，背景顏色、透明度、邊框、添加子視圖、綁定事件。我需要設(shè)計(jì)一個(gè)控件系統(tǒng)和控件對(duì)應(yīng)的功能系統(tǒng)，然后來管理他們的權(quán)限，因?yàn)槊總€(gè)控件都有不同的操作權(quán)限。

Default-一些控件

Default-控件操作

我并不滿足在一屏幕的空間里畫原型，空間相對(duì)太窄，因?yàn)楫a(chǎn)品的情況會(huì)多種多樣，對(duì)應(yīng)的界面排版也會(huì)不同，比如微信朋友圈，不同種類的信息和不同的情況呈現(xiàn)出來的界面都不盡相同，這個(gè)時(shí)候一屏幕是遠(yuǎn)遠(yuǎn)不夠的，并且真實(shí)的App超出屏幕的內(nèi)容都是可以滑動(dòng)看到的，這個(gè)功能很重要，也接近真實(shí)App的交互方式。

Default-不止一屏空間

一般在做原型圖的時(shí)候，會(huì)有很多可復(fù)用的模塊，于是我讓一些控件可以添加子視圖，成為一個(gè)小組件，方便整體拖動(dòng)、復(fù)制。

Default-組件

所有的交互以接近真實(shí)App的交互為目標(biāo)，讓大部分控件可以添加事件，響應(yīng)事件有真實(shí)App里常見的頁面跳轉(zhuǎn)和彈框，后續(xù)會(huì)增加更多樣的交互方式。輸入框可輸入文字，地圖不再是一張默認(rèn)圖片，網(wǎng)頁可以自己設(shè)置網(wǎng)頁鏈接地址。

Default-綁定事件

接下來要做的就是導(dǎo)航方式，在選擇風(fēng)格的時(shí)候，可以選擇空白頁面、底部導(dǎo)航和側(cè)邊欄導(dǎo)航，都是常見App里面的導(dǎo)航方式，這里的交互方式與真實(shí)App一模一樣。

Default-選擇風(fēng)格

預(yù)覽和編輯，編輯的時(shí)候可添加、刪除、修改原型圖，預(yù)覽的時(shí)候生成一個(gè)原型小程序，激活所有的交互，同時(shí)具有出色的使用體驗(yàn)。

Default-預(yù)覽/編輯

到這里軟件開發(fā)基本就到這了，剩下的是一些細(xì)節(jié)優(yōu)化。找了設(shè)計(jì)朋友幫忙做了圖標(biāo)，因?yàn)楫a(chǎn)品定位在工具，所以在設(shè)計(jì)上下的功夫就比較少了，簡簡單單就可以了，我追求產(chǎn)品極簡，最終的效果我也比較滿意。隨后我建了個(gè)QQ群，寫了篇關(guān)于產(chǎn)品的介紹軟文，在簡書上發(fā)布，吸引了60多人，這批作為內(nèi)測用戶，他們給了我一些意見和建議，很感謝他們。在慢慢優(yōu)化之后，在9月13號(hào)上架了AppStore。

二、給App取名—Default

default在程序語言里面的意思是如果前面的條件都不滿足就執(zhí)行default，所以如果你不滿意從前使用的原型工具，那就使用Default吧。

Default能讓初級(jí)產(chǎn)品經(jīng)理和即將進(jìn)入這個(gè)行業(yè)的朋友們了解到一些常識(shí)性的東西，能保證畫出來的原型圖更加嚴(yán)謹(jǐn)，邏輯清晰，層次分明。我希望原型圖不要是隨隨便便畫出來的，畫原型是為了更加透徹、更加系統(tǒng)的了解自己的產(chǎn)品，在畫原型的過程中，偶爾會(huì)有一些若有所悟的啟發(fā)，這更需要產(chǎn)品經(jīng)理的專注和認(rèn)真，原型圖是為了更好的表達(dá)你的產(chǎn)品思路，這個(gè)過程其實(shí)并不追求快速，而是講究精細(xì)準(zhǔn)確。

三、Default-可生成原型小程序

Default不需要你寫一句代碼即可生成可交互的原型圖，它符合人們追求自由自在的生活態(tài)度，你能在任何時(shí)候任何地點(diǎn)做原型，隨時(shí)輸出你腦海里的“產(chǎn)品模型”，但又無需坐在電腦面前。實(shí)現(xiàn)了無需設(shè)計(jì)開發(fā)介入即可出現(xiàn)一個(gè)真實(shí)的產(chǎn)品原型小程序，除了不具備網(wǎng)絡(luò)數(shù)據(jù)功能。Default要做的就是這樣一件事情——產(chǎn)品經(jīng)理的掌上原型筆記。

Default-可制作原型小程序

最后

用我心目中偉大的產(chǎn)品經(jīng)理張小龍先生說的話作為結(jié)束：哥做的不是產(chǎn)品，哥做的是發(fā)揮潛力的自由。

免費(fèi)兌換碼

Default已上架AppStore現(xiàn)有一批免費(fèi)兌換碼，數(shù)量有限，先到先得。+QQ/微信：511493327

PS: 祝大家都能找到自己心儀的產(chǎn)品經(jīng)理。