我做iOS開發(fā),呆過兩家公司侵蒙,摸爬滾打三年工作經(jīng)驗(yàn)造虎,沒有遇到過心儀的產(chǎn)品經(jīng)理,隨著工作時(shí)間久了纷闺,多多少少也聽聞一些八卦算凿,就會(huì)覺得外面的產(chǎn)品經(jīng)理,也差不多都這樣吧犁功。
作為開發(fā)人員氓轰,兩耳不聞窗外事,一心只想把自己的代碼擼到最好浸卦,不過想達(dá)到這點(diǎn)署鸡,并不簡(jiǎn)單,過硬的技術(shù)是一方面限嫌,另一方面就是與你共事的同事靴庆,原型圖、效果圖怒医、接口設(shè)計(jì)這些都可能會(huì)讓你最終的代碼一團(tuán)糟炉抒。最重要的是原型圖,產(chǎn)品經(jīng)理作為團(tuán)隊(duì)領(lǐng)頭人稚叹,從他手上出來的原型圖就是一個(gè)方向焰薄,團(tuán)隊(duì)里的UI拿诸,研發(fā),測(cè)試等都指望著原型塞茅,一旦表達(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è)畫面看上去很簡(jiǎn)單,但實(shí)現(xiàn)起來是要考慮到很多地方迈螟。第一個(gè)最基本的功能就是讓控件動(dòng)起來叉抡,可拖動(dòng)位置和改變大小。
第二個(gè)基本功能就是對(duì)控件的操作答毫,背景顏色卜壕、透明度、邊框烙常、添加子視圖轴捎、綁定事件。我需要設(shè)計(jì)一個(gè)控件系統(tǒng)和控件對(duì)應(yīng)的功能系統(tǒng)蚕脏,然后來管理他們的權(quán)限侦副,因?yàn)槊總€(gè)控件都有不同的操作權(quán)限。
我并不滿足在一屏幕的空間里畫原型驼鞭,空間相對(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的交互方式。
一般在做原型圖的時(shí)候厅目,會(huì)有很多可復(fù)用的模塊番枚,于是我讓一些控件可以添加子視圖,成為一個(gè)小組件损敷,方便整體拖動(dòng)葫笼、復(fù)制。
所有的交互以接近真實(shí)App的交互為目標(biāo)拗馒,讓大部分控件可以添加事件路星,響應(yīng)事件有真實(shí)App里常見的頁面跳轉(zhuǎn)和彈框,后續(xù)會(huì)增加更多樣的交互方式诱桂。輸入框可輸入文字奥额,地圖不再是一張默認(rèn)圖片,網(wǎng)頁可以自己設(shè)置網(wǎng)頁鏈接地址访诱。
接下來要做的就是導(dǎo)航方式,在選擇風(fēng)格的時(shí)候韩肝,可以選擇空白頁面触菜、底部導(dǎo)航和側(cè)邊欄導(dǎo)航,都是常見App里面的導(dǎo)航方式哀峻,這里的交互方式與真實(shí)App一模一樣涡相。
預(yù)覽和編輯,編輯的時(shí)候可添加剩蟀、刪除催蝗、修改原型圖,預(yù)覽的時(shí)候生成一個(gè)原型小程序育特,激活所有的交互丙号,同時(shí)具有出色的使用體驗(yàn)。
到這里軟件開發(fā)基本就到這了缰冤,剩下的是一些細(xì)節(jié)優(yōu)化犬缨。找了設(shè)計(jì)朋友幫忙做了圖標(biāo),因?yàn)楫a(chǎn)品定位在工具棉浸,所以在設(shè)計(jì)上下的功夫就比較少了怀薛,簡(jiǎn)簡(jiǎn)單單就可以了,我追求產(chǎn)品極簡(jiǎn)迷郑,最終的效果我也比較滿意枝恋。隨后我建了個(gè)QQ群创倔,寫了篇關(guān)于產(chǎn)品的介紹軟文,在簡(jiǎn)書上發(fā)布焚碌,吸引了60多人畦攘,這批作為內(nèi)測(cè)用戶,他們給了我一些意見和建議呐能,很感謝他們念搬。在慢慢優(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)理的掌上原型筆記。
最后
用我心目中偉大的產(chǎn)品經(jīng)理張小龍先生說的話作為結(jié)束:哥做的不是產(chǎn)品阴颖,哥做的是發(fā)揮潛力的自由活喊。
免費(fèi)兌換碼
Default已上架AppStore現(xiàn)有一批免費(fèi)兌換碼,數(shù)量有限,先到先得钾菊。+QQ/微信:511493327
PS: 祝大家都能找到自己心儀的產(chǎn)品經(jīng)理帅矗。