如何用一週時間快速開發一個 App

碼市 是 CODING 旗下的軟件衆包平臺,以雲計算技術搭建的雲端軟件開發平臺做爲溝通和監管工具,快速鏈接開發者與需求方,提供專業項目經理進行項目全過程監控。數據結構

什麼?這不是真的?!

爲了籌備 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 設計。雲計算

時間安排穩當了,接下來用半天時間熟悉碼市網站,還好以前帶過幾個移動端的懸賞項目,對碼市的流程有必定了解。如下是碼市數據結構圖:spa

圖片

經過數據結構圖你會清晰看到碼市網站全部功能,而後將功能列出優先級, V1.0 須要作哪些功能,剩下的功能放在之後版本作迭代。淺藍色框住的模塊作成 Vebview 界面,所謂 Webview 就是嵌入 Web 網頁,小組討論後的結論是:懸賞詳情作純嵌入式、參與懸賞作半嵌入式(報名彈框的部分作成 Native 界面);淺灰色框住的我的資料第一個版本不作。登陸註冊原來計劃只作登陸,後來在 CTO 的建議下采用手機驗證碼低門檻的方式。「發佈懸賞」 做爲重量級功能張老闆強調必定要作成 Native 界面,方便需求方隨時隨地發佈懸賞。固然一級界面也要作成 Native 界面,畢竟仍是要靠臉吃飯的。經過以上描述優先級顯而易見。如下是加班加點趕出來的碼市 App 的交互原型圖:.net

圖片

圖片

下載過碼市 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 頁面的加載問題啊,我的資料功能的完善等,身份認證和碼市測試仍是以懸賞的形式,加入外部開發者力量合做開發的,合併很愉快,產品的效果也特別好。最近一段時間我被分配到碼市網站作產品,移動端的更新有所怠慢,請你們諒解,咱們會安排更優秀的設計師來跟進碼市 App 的設計,碼市網站 UI 改版了,碼市 App 的全新改版也不遠了吧!

最後但願 CODING 的朋友或者非 CODING 的朋友看到這篇文字對碼市 App 有新的認識。也但願廣大程序猿朋友們在缺錢的時候來碼市找找賺錢機會,有創業夢想的抑或是想解決公司產品問題的老闆們多來碼市看看,說不定碼市就一不當心實現了您的夢想呢!

相關文章
相關標籤/搜索