App企劃設計 1

3,097 views

Published on

Published in: Technology

App企劃設計 1

  1. 1. APP 企劃設計課程 (Lesson 1) 梅比斯數位行銷工作室13年2月28⽇日星期四
  2. 2. APP規劃 (Lesson 1) UI/UX設計 (Lesson 2) APP製作 (Lesson 3) 開發者分享 (Lesson 4)13年2月28⽇日星期四
  3. 3. Who am I ?13年2月28⽇日星期四
  4. 4. 陳立德 iOS Developer 梅比斯數位行銷工作室 雜工 mailliw@gmail.com https://www.facebook.com/MobiusDesign13年2月28⽇日星期四
  5. 5. WHY?13年2月28⽇日星期四
  6. 6. Android vs iOS13年2月28⽇日星期四
  7. 7. 707萬 台灣地區智慧型手機用戶 資料來源:資策會FIND(2012)/經濟部技術處「科技化服務價值鏈研究與推動計畫」 http://www.find.org.tw/find/home.aspx?page=many&id=33113年2月28⽇日星期四
  8. 8. 2012年 智慧型手機平台分佈 iOS Android 其他 23% 30% 47% 資料來源:TWNIC13年2月28⽇日星期四
  9. 9. 資料來源:http://www.macrumors.com/2013/02/26/ios-6-1-2-adoption-hits-35-in-less-than-a-week/13年2月28⽇日星期四
  10. 10. 資料來源:http://bgr.com/2013/02/08/android-version-distribution-february-2013-316698/13年2月28⽇日星期四
  11. 11. 資料來源:http://i.imgur.com/pXUsV.jpg13年2月28⽇日星期四
  12. 12. 概念 企劃 設計 製作 測試 上線 宣傳13年2月28⽇日星期四
  13. 13. Team □ Project Manager □ Programer □ Designer13年2月28⽇日星期四
  14. 14. ๏ Project Manager 概念 ๏ ๏ Programer 企劃 ๏๏ ๏ Designer 設計 ๏๏ 製作 ๏๏ 測試 ๏๏ 上線 ๏ 宣傳 ๏13年2月28⽇日星期四
  15. 15. 概念 企劃 設計 製作 測試 上線 宣傳13年2月28⽇日星期四
  16. 16. KISS keep it simple stupid13年2月28⽇日星期四
  17. 17. 懶惰 是進步的原動力13年2月28⽇日星期四
  18. 18. Understand Your Customers Needs 想要 & 需要 硬需求 & 軟需求13年2月28⽇日星期四
  19. 19. 概念 企劃 設計 製作 測試 上線 宣傳13年2月28⽇日星期四
  20. 20. APP類型 □ Utility 應用程式 □ Game 遊戲程式13年2月28⽇日星期四
  21. 21. Device 設備 □ iOS iPhone/iPod □ iOS iPad □ Android phone □ Android pad13年2月28⽇日星期四
  22. 22. $ 收費方式 □ Free □ in-app purchase □ one-time charge13年2月28⽇日星期四
  23. 23. Data Source 資料來源 □ In APP □ Server □ 3rd Data(facebook...) □ P2P13年2月28⽇日星期四
  24. 24. Server □ PHP □ XML □ .NET □ JSON □ JSP □ Ruby13年2月28⽇日星期四
  25. 25. Main function □ Data Feed □ Audio / Video Record □ Location Base / MAP □ Book □ Social Network □ Tool □ Photo □ Memo/Note □ Video/Audio player □ Calendar □ Game □ Push Notiflcation13年2月28⽇日星期四
  26. 26. Source Code 原始碼 □ YES □ NO13年2月28⽇日星期四
  27. 27. KISS keep it simple stupid13年2月28⽇日星期四
  28. 28. 開發方案 iOS Android Xcode(object C) YES NO Java NO YES Flash(AS3) YES YES Corona(Lua) YES YES Titanium(JS) YES YES PhoneGap(JS) YES YES Unity 3D(JS) YES YES13年2月28⽇日星期四
  29. 29. Native App ? or NOT ?13年2月28⽇日星期四
  30. 30. 時間 品質 價格13年2月28⽇日星期四
  31. 31. 概念 企劃 設計 製作 測試 上線 宣傳13年2月28⽇日星期四
  32. 32. 設計 □Architecture Design □Program Design □User Experience Design □User Interface Design13年2月28⽇日星期四
  33. 33. Architecture Design □Experience Flow □Data Flow □Path Structure □Media13年2月28⽇日星期四
  34. 34. Program Design □Design Pattern (MVC...) □File (JSON,XML) □Comment13年2月28⽇日星期四
  35. 35. User Experience Design □Good User Interface □Objective Thinking □KISS...13年2月28⽇日星期四
  36. 36. User Interface Design iOS Human Interface Guidelines http://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf13年2月28⽇日星期四
  37. 37. User Interface Design User Interface Guidelines http://developer.android.com/guide/practices/ui_guidelines/index.html13年2月28⽇日星期四
  38. 38. APP Structure □Single View □Navigation View □Tab View □Reveal Side View https://github.com/ipup/PPRevealSideViewController13年2月28⽇日星期四
  39. 39. 13年2月28⽇日星期四 Single View
  40. 40. Navigation View13年2月28⽇日星期四
  41. 41. 13年2月28⽇日星期四 Tab View
  42. 42. 13年2月28⽇日星期四 Reveal Side View
  43. 43. APP TOOL □mokk.me http://mokk.me □APP Tester/APP Cooker https:/ https:/ /itunes.apple.com/us/app/apptaster-play-mockups-prototypes/id518977767?mt=8 /itunes.apple.com/us/app/appcooker-mockup-prototype/id418861662?mt=8 □POP https://itunes.apple.com/tw/artist/woomoo/id552864616?l=zh □Balsamiq Mockup http://www.balsamiq.com/ □Axure http://userxper.com/axure/13年2月28⽇日星期四
  44. 44. APPTaster APPCooker $39.9913年2月28⽇日星期四
  45. 45. POP13年2月28⽇日星期四
  46. 46. 13年2月28⽇日星期四 Balsamiq Mockup
  47. 47. 13年2月28⽇日星期四
  48. 48. http://developer.apple.com/library/ios/#referencelibrary/GettingStarted/RoadMapiOSCh/chapters/JumpRightIn.html13年2月28⽇日星期四
  49. 49. 概念 企劃 設計 製作 測試 上線 宣傳13年2月28⽇日星期四
  50. 50. 概念 搞怪的相機軟體 幫相片加上鬍子 產生有趣的相片13年2月28⽇日星期四
  51. 51. 企劃 Device iOS iPhone $ IAP Server NO function Photo edit tool select mustache move , scale , rotate mustache Save to Photo Album13年2月28⽇日星期四
  52. 52. 設計13年2月28⽇日星期四
  53. 53. Architecture Design □Experience Flow □Data Flow □Path Structure □Media13年2月28⽇日星期四
  54. 54. Program Design □Design Pattern (MVC...) □File (JSON,XML) □Comment13年2月28⽇日星期四
  55. 55. NEXT~13年2月28⽇日星期四
  56. 56. 下週預告 APP規劃 (Lesson 1) UI/UX設計 (Lesson 2) APP製作 (Lesson 3) 開發者分享 (Lesson 4)13年2月28⽇日星期四
  57. 57. 梅比斯數位行銷工作室 Thank you13年2月28⽇日星期四

×