Launching a Mobile App from Concept to Launch

2,131
-1

Published on

This session will break down the key ingredients that will make your mobile app a learning success. You’ll learn design fundamentals from user interface to user experience and how to get a best-in-class app. You learn several ways to prototype apps prior to programming—from paper to interactive—and learn the techniques and tools that you can use to test your app prior to programming. We’ll also look at the key types of apps and provide you with dozens of ideas to get you started and to apply when you back to your office.

Published in: Technology
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,131
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
136
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Launching a Mobile App from Concept to Launch

  1. 1. Nick Floro Nick@sealworks.com Twitter.com/NickFloro HTML Launching a Mobile App Concept to Launch Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 1 of 123
  2. 2. How do you define mobile? Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 2 of 123
  3. 3. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 3 of 123
  4. 4. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 4 of 123
  5. 5. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 5 of 123
  6. 6. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 6 of 123
  7. 7. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 7 of 123
  8. 8. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 8 of 123
  9. 9. What technology will you support? a.smartphone b.tablet c. laptop d.all of the above Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 9 of 123
  10. 10. Mobile devices everywhere Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 10 of 123
  11. 11. 138.5million smartphones in US 58% of phone market Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 11 of 123
  12. 12. 4.5 billion smartphones by 2018 60% on LTE Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 12 of 123
  13. 13. 70billion apps in 2013 Smartphones 58 billion and 14 billion to tablets estimated Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 13 of 123
  14. 14. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 14 of 123
  15. 15. Define Design Develop Deliver Process Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 15 of 123
  16. 16. Focus on the Audience Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 16 of 123
  17. 17. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 17 of 123
  18. 18. Content Strategy Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 18 of 123
  19. 19. desktoptabletphone Content Strategy Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 19 of 123
  20. 20. Create a Road Map Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 20 of 123
  21. 21. desktoptabletphone Think Mobile First Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 21 of 123
  22. 22. desktoptabletphone Think Mobile First Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 22 of 123
  23. 23. desktoptabletphone Think Mobile First Progressive Enhancement Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 23 of 123
  24. 24. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 24 of 123
  25. 25. What is Design? Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 25 of 123
  26. 26. How it works. Homework: Watch www.apple.com/designed-by-apple/ Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 26 of 123
  27. 27. It’s about communication and problem solving. Homework: Watch www.apple.com/designed-by-apple/ Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 27 of 123
  28. 28. Content is Key Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 28 of 123
  29. 29. Content Strategy Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 29 of 123
  30. 30. Sketching where ideas begin Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 30 of 123
  31. 31. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 31 of 123
  32. 32. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 32 of 123
  33. 33. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 33 of 123
  34. 34. Visual Thinking Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 34 of 123
  35. 35. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 35 of 123
  36. 36. Quick Prototyping Techniques Tools: • Fujitsu SCANSNAP – Scan direct to pdf – includes full Acrobat Pro Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 36 of 123
  37. 37. Prototyping test driving your idea Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 37 of 123
  38. 38. Paper by FiftyThree Adobe IdeasEvernote Skitch Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 38 of 123
  39. 39. Tools: • Wireframes – Keynote / PowerPoint Quick Prototyping Techniques Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 39 of 123
  40. 40. keynotekungfu.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 40 of 123
  41. 41. Custom Template in Keynote Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 41 of 123
  42. 42. Adobe Acrobat Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 42 of 123
  43. 43. Adobe Acrobat Pro | Building Prototypes with PDF Links Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 43 of 123
  44. 44. balsamiq.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 44 of 123
  45. 45. Sketchy & iMockUps Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 45 of 123
  46. 46. teehanlax.com/tools/ Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 46 of 123
  47. 47. User Interface | UI Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 47 of 123
  48. 48. User Interface | UI Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 48 of 123
  49. 49. User Experience | UX Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 49 of 123
  50. 50. Development: App or Web Delivery Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 50 of 123
  51. 51. Native App • Faster performance • Unique platform features • Requires programming • iOS / Android / Amazon • Increased Costs per OS App Web App • Use web standards • Easy to deploy & update • Support all devices • Faster development cycle • Works everywhere • Requires web connection Web Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 51 of 123
  52. 52. How will you distribute? Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 52 of 123
  53. 53. How will you distribute? App Store Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 53 of 123
  54. 54. How will you distribute? App Store Deployment Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 54 of 123
  55. 55. How will you distribute? App Store Deployment Web Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 55 of 123
  56. 56. How will you distribute? App Store Deployment Web Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 56 of 123
  57. 57. How will you distribute? App Store Deployment Data Analytics / Reporting Web Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 57 of 123
  58. 58. How will you distribute? App Store Deployment Data Analytics / Reporting Web Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 58 of 123
  59. 59. How will you distribute? App Store Deployment Data Analytics / Reporting Updates Web Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 59 of 123
  60. 60. WebApp HTML Javascript CSS API’s Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 60 of 123
  61. 61. DEVICE ACCESS PERFORMANCE & INTEGRATION MULTIMEDIA OFFLINE & STORAGECONNECTIVITY SEMANTICS CSS3 3D, GRAPHICS & EFFECTS Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 61 of 123
  62. 62. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 62 of 123
  63. 63. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 63 of 123
  64. 64. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 64 of 123
  65. 65. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 65 of 123
  66. 66. Chrome Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 66 of 123
  67. 67. Create and deliver everywhere. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 67 of 123
  68. 68. Responsive Design Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 68 of 123
  69. 69. getskeleton.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 69 of 123
  70. 70. twitter.github.io/bootstrap/ Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 70 of 123
  71. 71. • bandwidth • input mechanism • context • form factor Mobile Factors Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 71 of 123
  72. 72. Technology is a tool. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 72 of 123
  73. 73. Tools for Development Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 73 of 123
  74. 74. Adobe Creative Cloud ‣ Cloud Based Subscription ‣ Subscription Options ‣ Single App $19.99 per month ‣ Upgrade $29 per month ‣ New $49 per month ‣ www.adobe.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 74 of 123
  75. 75. Adobe Captivate 7 ‣ $899 Purchase ‣ 1 Year 19.99 per month ‣ 29.99 month to month ‣ www.adobe.com/products/captivate.html Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 75 of 123
  76. 76. TechSmith Camtasia Studio ‣ $299 ‣ http://www.techsmith.com/snagit.html Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 76 of 123
  77. 77. Articulate Storyline ‣ $1,398 Purchase ‣ Platinum Plan Optional Add-On ‣ 1 Year $559 ‣ 2 Year $979 ‣ 3 Yar $1,328 ‣ www.articulate.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 77 of 123
  78. 78. PhoneGap.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 78 of 123
  79. 79. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 79 of 123
  80. 80. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 80 of 123
  81. 81. Flow chart API’s Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 81 of 123
  82. 82. Flow chart API’s motion camera gps sensors Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 82 of 123
  83. 83. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 83 of 123
  84. 84. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 84 of 123
  85. 85. // the geolocation api brings browser based location to your apps Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 85 of 123
  86. 86. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 86 of 123
  87. 87. You are entering research. Learn More>> Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 87 of 123
  88. 88. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 88 of 123
  89. 89. Example Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 89 of 123
  90. 90. Star Walk Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 90 of 123
  91. 91. Star Walk Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 91 of 123
  92. 92. Getting Inspired UI/UX Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 92 of 123
  93. 93. Flat Pages Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 93 of 123
  94. 94. Apple Weather Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 94 of 123
  95. 95. Yahoo Weather Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 95 of 123
  96. 96. Tab Bar Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 96 of 123
  97. 97. Apple Clock Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 97 of 123
  98. 98. Tree Structure One Two Three Four Five Six Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 98 of 123
  99. 99. Tree Structure < Back Screen One > Screen Two > Screen Three > Screen Four > Screen Five > Screen Six > Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 99 of 123
  100. 100. First Aid Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 100 of 123
  101. 101. Innovation > Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 101 of 123
  102. 102. evernote Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 102 of 123
  103. 103. evernote Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 103 of 123
  104. 104. Pulse Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 104 of 123
  105. 105. Zite Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 105 of 123
  106. 106. Zite Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 106 of 123
  107. 107. Design for Flexibility Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 107 of 123
  108. 108. Testing Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 108 of 123
  109. 109. Test on Mobile − iOS 4.x - 6.x − Android 2.x - 4.x − Windows 8 − Tablet vs Phablet vs Phone − Portrait vs Landscape Test on Windows 8, 7, Vista, XP - Internet Explorer 6, 7, 8, 9, 10 - Firefox 15-21 + - Chrome 15 - 19 + Test on OS X − Safari 4, 5+ − Firefox 15-21 + − Chrome 20 - 26 + Testing Code Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 109 of 123
  110. 110. BrowserStack.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 110 of 123
  111. 111. Capture & Analyze Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 111 of 123
  112. 112. Using CoverFlow view and Preview of Graphics Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 112 of 123
  113. 113. what’s next... Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 113 of 123
  114. 114. ResourcesTo help you grow. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 114 of 123
  115. 115. w3schools.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 115 of 123
  116. 116. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 116 of 123
  117. 117. www.uxmag.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 117 of 123
  118. 118. typekit.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 118 of 123
  119. 119. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 119 of 123
  120. 120. reflectorapp.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 120 of 123
  121. 121. airserver.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 121 of 123
  122. 122. abookapart.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 122 of 123
  123. 123. Thank You Nick Floro nick@sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickfloro Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 123 of 123
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×