Launching a Mobile App from Concept to Launch
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Launching a Mobile App from Concept to Launch

on

  • 960 views

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 ...

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.

Statistics

Views

Total Views
960
Views on SlideShare
949
Embed Views
11

Actions

Likes
3
Downloads
51
Comments
0

2 Embeds 11

https://twitter.com 10
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Launching a Mobile App from Concept to Launch Presentation Transcript

  • 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. How do you define mobile? Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 2 of 123
  • 3. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 3 of 123
  • 4. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 4 of 123
  • 5. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 5 of 123
  • 6. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 6 of 123
  • 7. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 7 of 123
  • 8. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 8 of 123
  • 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. Mobile devices everywhere Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 10 of 123
  • 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. 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. 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. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 14 of 123
  • 15. Define Design Develop Deliver Process Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 15 of 123
  • 16. Focus on the Audience Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 16 of 123
  • 17. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 17 of 123
  • 18. Content Strategy Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 18 of 123
  • 19. desktoptabletphone Content Strategy Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 19 of 123
  • 20. Create a Road Map Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 20 of 123
  • 21. desktoptabletphone Think Mobile First Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 21 of 123
  • 22. desktoptabletphone Think Mobile First Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 22 of 123
  • 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. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 24 of 123
  • 25. What is Design? Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 25 of 123
  • 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. 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. Content is Key Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 28 of 123
  • 29. Content Strategy Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 29 of 123
  • 30. Sketching where ideas begin Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 30 of 123
  • 31. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 31 of 123
  • 32. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 32 of 123
  • 33. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 33 of 123
  • 34. Visual Thinking Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 34 of 123
  • 35. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 35 of 123
  • 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. Prototyping test driving your idea Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 37 of 123
  • 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. 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. keynotekungfu.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 40 of 123
  • 41. Custom Template in Keynote Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 41 of 123
  • 42. Adobe Acrobat Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 42 of 123
  • 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. balsamiq.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 44 of 123
  • 45. Sketchy & iMockUps Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 45 of 123
  • 46. teehanlax.com/tools/ Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 46 of 123
  • 47. User Interface | UI Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 47 of 123
  • 48. User Interface | UI Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 48 of 123
  • 49. User Experience | UX Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 49 of 123
  • 50. Development: App or Web Delivery Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 50 of 123
  • 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. How will you distribute? Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 52 of 123
  • 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. 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. 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. 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. 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. 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. 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. WebApp HTML Javascript CSS API’s Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 60 of 123
  • 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. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 62 of 123
  • 63. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 63 of 123
  • 64. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 64 of 123
  • 65. html5demos.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 65 of 123
  • 66. Chrome Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 66 of 123
  • 67. Create and deliver everywhere. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 67 of 123
  • 68. Responsive Design Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 68 of 123
  • 69. getskeleton.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 69 of 123
  • 70. twitter.github.io/bootstrap/ Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 70 of 123
  • 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. Technology is a tool. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 72 of 123
  • 73. Tools for Development Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 73 of 123
  • 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. 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. 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. 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. PhoneGap.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 78 of 123
  • 79. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 79 of 123
  • 80. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 80 of 123
  • 81. Flow chart API’s Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 81 of 123
  • 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. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 83 of 123
  • 84. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 84 of 123
  • 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. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 86 of 123
  • 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. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 88 of 123
  • 89. Example Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 89 of 123
  • 90. Star Walk Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 90 of 123
  • 91. Star Walk Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 91 of 123
  • 92. Getting Inspired UI/UX Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 92 of 123
  • 93. Flat Pages Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 93 of 123
  • 94. Apple Weather Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 94 of 123
  • 95. Yahoo Weather Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 95 of 123
  • 96. Tab Bar Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 96 of 123
  • 97. Apple Clock Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 97 of 123
  • 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. 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. First Aid Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 100 of 123
  • 101. Innovation > Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 101 of 123
  • 102. evernote Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 102 of 123
  • 103. evernote Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 103 of 123
  • 104. Pulse Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 104 of 123
  • 105. Zite Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 105 of 123
  • 106. Zite Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 106 of 123
  • 107. Design for Flexibility Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 107 of 123
  • 108. Testing Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 108 of 123
  • 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. BrowserStack.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 110 of 123
  • 111. Capture & Analyze Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 111 of 123
  • 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. what’s next... Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 113 of 123
  • 114. ResourcesTo help you grow. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 114 of 123
  • 115. w3schools.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 115 of 123
  • 116. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 116 of 123
  • 117. www.uxmag.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 117 of 123
  • 118. typekit.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 118 of 123
  • 119. Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 119 of 123
  • 120. reflectorapp.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 120 of 123
  • 121. airserver.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 121 of 123
  • 122. abookapart.com Mobile - Concept to Launch Nick Floro Learning Solutions 2014 | eLearning Guild 03/21/14 122 of 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