![]()
碼市 Slogan
創(chuàng)業(yè)公司的決定往往讓人出其不意
為了籌備10月20號碼市產(chǎn)品發(fā)布會凳寺，CODING 開發(fā)團(tuán)隊(duì)從9月開始如火如荼的開發(fā)碼市網(wǎng)站，10月初碼市網(wǎng)站已基本成型哟沫，可以正常運(yùn)作。再此期間，碼市App并沒有納入籌備計(jì)劃中沽损，取而代之的是碼市移動版。就在發(fā)布會前兩周（沒記錯的話應(yīng)該是10月5號）循头，張老板突然下達(dá)了命令：我們要用一周時間開發(fā)碼市 App绵估，必須趕在碼市發(fā)布會之前上線！OMG卡骂！此事當(dāng)真国裳？！
挑戰(zhàn)就是做一件你認(rèn)為不可能完成的事情
一周時間開發(fā)碼市App 的確稱得上一個極限挑戰(zhàn)全跨，如何合理的安排時間缝左？10月6日開始到10.20號整整兩周，期間要做需求整理浓若、原型制作渺杉、Ui設(shè)計(jì)、程序開發(fā)挪钓，外加一周 AppStore 審核時間是越。為了按時完成任務(wù)，做產(chǎn)品之前必須規(guī)劃好清晰的任務(wù)排期碌上。
任務(wù)排期：
產(chǎn)品定位（1天）-> 原型制作（1天）-> UI設(shè)計(jì)（2天）-> 程序開發(fā)&測試（5天）-> 7天審核
這個排期夠緊迫了吧倚评，可 iOS 客戶端想在預(yù)期的時間上線還是不可能，時間必須再壓縮绍赛。
調(diào)整后任務(wù)排期：
需求整理&原型制作（1天）-> 程序開發(fā)&測試（5天）-> 7天審核
開發(fā)根據(jù)低保真原型圖開始搭建框架蔓纠，與此同時并行 Ui 設(shè)計(jì)。
時間安排妥當(dāng)了吗蚌，接下來用半天時間熟悉碼市網(wǎng)站腿倚，還好之前帶過幾個移動端的懸賞項(xiàng)目，對碼市的流程有一定了解蚯妇。下面是碼市數(shù)據(jù)結(jié)構(gòu)圖：
通過數(shù)據(jù)結(jié)構(gòu)圖你會清晰看到碼市網(wǎng)站所有功能敷燎，然后將功能列出優(yōu)先級， V1.0 需要做哪些功能箩言，剩下的功能放在以后版本做迭代硬贯。淺藍(lán)色框住的模塊做成 Vebview 界面，所謂 Webview 就是嵌入 Web 網(wǎng)頁陨收，小組討論后的結(jié)論是：懸賞詳情做純嵌入式饭豹、參與懸賞做半嵌入式（報(bào)名彈框的部分做成 Native 界面）鸵赖；淺灰色框住的個人資料第一個版本不做。登錄注冊原來計(jì)劃只做登錄拄衰，后來在 CTO 的建議下采用手機(jī)驗(yàn)證碼低門檻的方式它褪。“發(fā)布懸賞” 作為重量級功能張老板強(qiáng)調(diào)一定要做成 Native 界面翘悉，方便需求方隨時隨地發(fā)布懸賞茫打。當(dāng)然一級界面也要做成 Native 界面，畢竟還是要靠臉吃飯的妖混。通過以上描述優(yōu)先級顯而易見老赤。下面是加班加點(diǎn)趕出來的碼市 App 的交互原型圖：
下載過碼市 App 的朋友會發(fā)現(xiàn)，實(shí)際效果和原型還是有些出入的制市，沒關(guān)系抬旺，以你看到的效果為主。首頁是采用豎列表布局祥楣，通過上下滑動查看更多懸賞嚷狞，非常簡單的視覺和交互。由于碼市產(chǎn)品比較輕量級荣堰，首頁底部并沒有使用標(biāo)簽導(dǎo)航形式，而是充分利用了首頁頂部導(dǎo)航以及第一屏的位置竭翠。
下面是一個微小的改動振坚，下拉切換樣式對手機(jī)來說操作比較麻煩，即便是 Web 網(wǎng)頁操作起來也不是很方便斋扰，“所有類型” 作為懸賞最主觀的篩選條件渡八，需要體現(xiàn)出直觀和易操作。
嵌入 Webview 頁面的做法传货，一直是我很擔(dān)心的屎鳍，用戶看到 Webview 頁面其實(shí)會有反感心理，甚至?xí)X得這個產(chǎn)品做得很不友好问裕。我們內(nèi)部也思考過這個問題逮壁，結(jié)論是：嵌入的頁面一定是不需要或者有比較少的交互操作，比如懸賞詳情粮宛，介紹頁窥淆，碼士說等內(nèi)容性頁面。因此功能性頁面需要做成 Native 頁面巍杈，比如：發(fā)布懸賞忧饭，參與懸賞，注冊登錄筷畦，意見反饋词裤。為什么個人資料寧可不做，也不嵌入 Webview ？也正是因?yàn)閭€人資料包含：個人信息吼砂，技能展示逆航，身份認(rèn)證，碼市測試幾個內(nèi)容量大且需要用戶手動完成的功能頁面帅刊。做成嵌入式估計(jì)用戶會瘋掉吧纸泡。
經(jīng)歷了一周加班加點(diǎn)的趕工，碼市 App V 1.0 iOS 版本于 2015.10.12 提交赖瞒，Android 晚幾天提交女揭，也許是上天庇佑抑或人品爆發(fā)兩個平臺都在 20號之前順利上線，碼市 App 這個早產(chǎn)兒就這樣橫空出世了栏饮！此處應(yīng)該有掌聲吧兔，我們做到了一周開發(fā)一個 App 的奇跡，我想這也是移動端團(tuán)隊(duì)迄今為止做的最有成就感的一件事情袍嬉。
一些成果的檢驗(yàn)和對未來展望
碼市 App 的界面設(shè)計(jì)定位是簡潔中性風(fēng)格境蔼，下面展示的 icon 是碼市新年主題圖標(biāo)，碼市就像一個初出茅廬的齊天大圣形象伺通，正在以戲劇的方式改變著眾包行業(yè)箍土。
目前碼市 App 已迭代 4 個版本，更新到 V 1.6 版本罐监，優(yōu)化了很多細(xì)節(jié)吴藻，比如 Webview 頁面進(jìn)度條控件加載流暢的問題啊，個人資料功能的完善等弓柱，身份認(rèn)證和碼市測試還是以懸賞的形式沟堡，招募外部開發(fā)者加入移動端項(xiàng)目組一起完成的，合作的很愉快矢空，產(chǎn)品的效果也特別好航罗。
最后希望知道 CODING 的朋友和不知道 CODING 的朋友看到這篇文字對碼市 App 有新的認(rèn)識。也希望廣大程序猿屁药、產(chǎn)品經(jīng)理粥血、設(shè)計(jì)師朋友們在缺錢的時候來碼市找找賺錢機(jī)會，有創(chuàng)業(yè)夢想的抑或是想解決公司產(chǎn)品問題的老板們多來碼市看看者祖，說不定碼市一不小心就解決了您的問題呢立莉。
