產(chǎn)品新手的原型工具:Default-原型筆記


我做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)位置和改變大小。

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ì)上下的功夫就比較少了怀薛,簡(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)理的掌上原型筆記。

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)理帅矗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市煞烫,隨后出現(xiàn)的幾起案子浑此,更是在濱河造成了極大的恐慌,老刑警劉巖滞详,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凛俱,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡料饥,警方通過查閱死者的電腦和手機(jī)蒲犬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來岸啡,“玉大人原叮,你說我怎么就攤上這事⊙舱海” “怎么了奋隶?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)悦荒。 經(jīng)常有香客問我唯欣,道長(zhǎng),這世上最難降的妖魔是什么搬味? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任境氢,我火速辦了婚禮,結(jié)果婚禮上身腻,老公的妹妹穿的比我還像新娘。我一直安慰自己匹厘,他們只是感情好嘀趟,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著愈诚,像睡著了一般她按。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上炕柔,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天酌泰,我揣著相機(jī)與錄音,去河邊找鬼匕累。 笑死陵刹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的欢嘿。 我是一名探鬼主播衰琐,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼也糊,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了羡宙?” 一聲冷哼從身側(cè)響起狸剃,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎狗热,沒想到半個(gè)月后钞馁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡匿刮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年僧凰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片僻焚。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡允悦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出虑啤,到底是詐尸還是另有隱情隙弛,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布狞山,位于F島的核電站全闷,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏萍启。R本人自食惡果不足惜总珠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勘纯。 院中可真熱鬧局服,春花似錦、人聲如沸驳遵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽堤结。三九已至唆迁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間竞穷,已是汗流浹背唐责。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瘾带,地道東北人鼠哥。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親肴盏。 傳聞我的和親對(duì)象是個(gè)殘疾皇子旗闽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容