碼市 Slogan

創業公司的決定往往讓人出其不意

為了籌備10月20號碼市產品發布會，CODING 開發團隊從9月開始如火如荼的開發碼市網站，10月初碼市網站已基本成型，可以正常運作。再此期間，碼市App并沒有納入籌備計劃中，取而代之的是碼市移動版。就在發布會前兩周（沒記錯的話應該是10月5號），張老板突然下達了命令：我們要用一周時間開發碼市 App，必須趕在碼市發布會之前上線！OMG！此事當真？！

挑戰就是做一件你認為不可能完成的事情

一周時間開發碼市App 的確稱得上一個極限挑戰，如何合理的安排時間？10月6日開始到10.20號整整兩周，期間要做需求整理、原型制作、Ui設計、程序開發，外加一周 AppStore 審核時間。為了按時完成任務，做產品之前必須規劃好清晰的任務排期。

任務排期：

產品定位（1天）-> 原型制作（1天）-> UI設計（2天）-> 程序開發&測試（5天）-> 7天審核

這個排期夠緊迫了吧，可 iOS 客戶端想在預期的時間上線還是不可能，時間必須再壓縮。

調整后任務排期：

需求整理&原型制作（1天）-> 程序開發&測試（5天）-> 7天審核

開發根據低保真原型圖開始搭建框架，與此同時并行 Ui 設計。

時間安排妥當了，接下來用半天時間熟悉碼市網站，還好之前帶過幾個移動端的懸賞項目，對碼市的流程有一定了解。下面是碼市數據結構圖：

碼市數據結構圖

通過數據結構圖你會清晰看到碼市網站所有功能，然后將功能列出優先級， V1.0 需要做哪些功能，剩下的功能放在以后版本做迭代。淺藍色框住的模塊做成 Vebview 界面，所謂 Webview 就是嵌入 Web 網頁，小組討論后的結論是：懸賞詳情做純嵌入式、參與懸賞做半嵌入式（報名彈框的部分做成 Native 界面）；淺灰色框住的個人資料第一個版本不做。登錄注冊原來計劃只做登錄，后來在 CTO 的建議下采用手機驗證碼低門檻的方式。“發布懸賞” 作為重量級功能張老板強調一定要做成 Native 界面，方便需求方隨時隨地發布懸賞。當然一級界面也要做成 Native 界面，畢竟還是要靠臉吃飯的。通過以上描述優先級顯而易見。下面是加班加點趕出來的碼市 App 的交互原型圖：

交互原型圖①

交互原型圖②

下載過碼市 App 的朋友會發現，實際效果和原型還是有些出入的，沒關系，以你看到的效果為主。首頁是采用豎列表布局，通過上下滑動查看更多懸賞，非常簡單的視覺和交互。由于碼市產品比較輕量級，首頁底部并沒有使用標簽導航形式，而是充分利用了首頁頂部導航以及第一屏的位置。

下面是一個微小的改動，下拉切換樣式對手機來說操作比較麻煩，即便是 Web 網頁操作起來也不是很方便，“所有類型” 作為懸賞最主觀的篩選條件，需要體現出直觀和易操作。

細節改進

嵌入 Webview 頁面的做法，一直是我很擔心的，用戶看到 Webview 頁面其實會有反感心理，甚至會覺得這個產品做得很不友好。我們內部也思考過這個問題，結論是：嵌入的頁面一定是不需要或者有比較少的交互操作，比如懸賞詳情，介紹頁，碼士說等內容性頁面。因此功能性頁面需要做成 Native 頁面，比如：發布懸賞，參與懸賞，注冊登錄，意見反饋。為什么個人資料寧可不做，也不嵌入 Webview ？也正是因為個人資料包含：個人信息，技能展示，身份認證，碼市測試幾個內容量大且需要用戶手動完成的功能頁面。做成嵌入式估計用戶會瘋掉吧。

經歷了一周加班加點的趕工，碼市 App V 1.0 iOS 版本于 2015.10.12 提交，Android 晚幾天提交，也許是上天庇佑抑或人品爆發兩個平臺都在 20號之前順利上線，碼市 App 這個早產兒就這樣橫空出世了！此處應該有掌聲，我們做到了一周開發一個 App 的奇跡，我想這也是移動端團隊迄今為止做的最有成就感的一件事情。

一些成果的檢驗和對未來展望

碼市 App 的界面設計定位是簡潔中性風格，下面展示的 icon 是碼市新年主題圖標，碼市就像一個初出茅廬的齊天大圣形象，正在以戲劇的方式改變著眾包行業。

效果圖展示

目前碼市 App 已迭代 4 個版本，更新到 V 1.6 版本，優化了很多細節，比如 Webview 頁面進度條控件加載流暢的問題啊，個人資料功能的完善等，身份認證和碼市測試還是以懸賞的形式，招募外部開發者加入移動端項目組一起完成的，合作的很愉快，產品的效果也特別好。

最后希望知道 CODING 的朋友和不知道 CODING 的朋友看到這篇文字對碼市 App 有新的認識。也希望廣大程序猿、產品經理、設計師朋友們在缺錢的時候來碼市找找賺錢機會，有創業夢想的抑或是想解決公司產品問題的老板們多來碼市看看，說不定碼市一不小心就解決了您的問題呢。