iPhone 開發流程

更新日期: 2011/05/09

參考資料: iPhone UI 設計經典案例 碁峰 2010.08


A. 定義專案(Project Planner)
1. 專案名稱(應用程式名稱, 或暫時用一些關鍵字代表)

2. 專案定義(用一個句子來確切解釋此應用程式是在做什麼)

3. 專案目標與功能
　a. 列出目標清單, 慎選應用程式功能.
　b. 1.0 版應該盡可能輕巧靈活, 而不要有太多限制, 比較容易開發及釋出.
　c. 將不是百分之百必要達成的部份, 當作應用程式在 1.1 版的目標清單.
　d. 1.0 版釋出後, 根據使用者的回饋訊息與 1.1 版的目標清單作比較,
　　來進行後續的版本更新功能決策參考.

4. 專案需求(完成應用程式所需的一切資源)

5. 專案預算

6. 專案時程


B. 獲取第三方資源(請求或付費)
1. 尋找良好的資料提供者: http://compete.com/ , 論壇, 聊天室, 社群

2. 事先確認並簽署資料使用協議(data usage agreement).

3. 取得標誌(logo)的向量圖形及品牌指南.

4. 取得使用其 API 的文件說明.


C. 建立流程圖(可用 OmniGraffle 軟體)
1. 從主畫面開始建立流程圖.

2. 每一個分支(視圖)都是使用者能夠採取的動作.

3. 不需要描繪這些圖表的細節, 只要確認需要哪些視圖, 並且讓它們連結起來;
　以產生主要的決策, 並決定視圖的階層結構.


D. 描繪視圖
1. 為流程圖裡的每一個視圖設計 wireframe, 以對應用程式的操作界面進行
　概略的結構規劃.

2. wireframe 為視圖裡的所有物件提供配置, 而不需要處理特定格式化
　(stylization)細節, 很像一張房子的藍圖.

3. 在使用軟體(可用 OmniGraffle)繪製前, 可先在紙上描繪 wireframe
　以節省時間.

4. 可在草圖上增添一些無關細節的趣味塗寫, 以讓自己開心一下.


E. 美化設計(skinning)
1. 設計決策:
　a. 小型專案, 可直接開始作設計.
　b. 大型專案, 先為應用程式做個原型(prototype),再開始作設計.

2. 設計圖示(應用程式的 logo)
　a. 要有焦點.
　b. 保持單純, 避免使用照片或文字.
　c. 讓它有趣些.


F. 開發與編程
1. 將應用程式分解成很多個微型應用程式, 以此建立里程碑系統
　(milestone system).

2. 微型應用程式:
　a. 主視圖的數量與開發的方式.(ex: 使用 Xcode 的 utility template)
　b. 處理多個子視圖的呈現.(ex: PageControl)
　c. 連結 Web Service.
　d. 資料儲存. (ex: sqlite)

3. 多國語言版本處理.

4. 廣告機制.

5. 版本控制(Version Control): Git

6. 其它: 字體, 載入畫面, iPhone Human Interface Guidelines


G. 測試與部署
1. 測試:
　a. 將測試的應用程式交給潛在的客戶.
　b. 若要交給非潛在的使用者測試, 至少提供一些使用案例(use case)
　　或情境說明以指引方向給狀況外的使用者.
　c. 網路連線測試.

2. 部署:
　提交給 App Store 之前, 把整個專案好好檢視一遍.