Launching a Mobile App from Concept to Launch
6 likes5,067 views
The document outlines the principles and strategies for mobile app design, focusing on key factors such as audience, technology, and user stories. It emphasizes the importance of content strategy, design communication, and various prototyping techniques for effective mobile app development. Additionally, it provides resources and tools to aid in the design and implementation process.
Launching a Mobile App from Concept to Launch
- 1. MOBILE AppLaunching a Nick Floro from Paper to Delivery
- 2. share
- 4. Goals ready
- 15. 3 Key Factors 1. Audience 2. Technology 3. User Stories Why?
- 18. Time
- 19. Budget
- 21. App or Web Delivery
- 22. 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 Hybrid App
- 23. How will you distribute? App Store Deployment Data Analytics / Reporting Updates Web
- 31. What is Design?
- 32. How it works. Homework: Watch www.apple.com/designed-by-apple/
- 33. It’s about communication and problem solving. Homework: Watch www.apple.com/designed-by-apple/
- 35. Content Strategy
- 36. Content Strategy
- 37. simplify. write it down cut in half cut it again break cut & refine then done
- 39. Flat Pages
- 40. Apple Weather
- 41. Yahoo Weather
- 42. Yahoo Weather
- 43. Tab Bar
- 44. Apple Clock
- 46. Tree Structure < Back Screen One > Screen Two > Screen Three > Screen Four > Screen Five > Screen Six >
- 47. First Aid
- 48. First Aid
- 49. First Aid
- 50. Innovation >
- 51. evernote
- 52. evernote
- 53. Pulse
- 54. Pulse
- 55. Pulse
- 56. Flipboard
- 58. communicate
- 59. tell a story
- 60. Contents Open Accordion Closed Accordion Closed Accordion Closed Accordion Hamburger Menu Accordion Blind / MODAL Play Text
- 61. peek and pop
- 62. A Screen New Project Stakeholder Activity • Multiple Choice • Drag & Drop • Photos
- 66. Screen 1 Menu Screen 2 Content Screen (include a video & text) Screen 3 Interactive Timeline or Activity (move to see time)
- 68. Visual Thinking
- 70. Mobile Apps
- 72. Evernote Skitch
- 74. Wireframing Low / High Fidelity
- 75. Tools: • Wireframes – Keynote / PowerPoint Quick Prototyping Techniques
- 76. This is my question example where you would tell a story and ask for a response? option 1 option 2 option 3 option 4 option 5
- 77. This is my question example where you would tell a story and ask for a response? Answer example the user could select from one of the options. Answer example the user could select from one of the options. Answer example the user could select from one of the options. Answer example the user could select from one of the options. Answer example the user could select from one of the options.
- 79. keynotopia.com
- 80. Custom Template in Keynote
- 81. Adobe Acrobat
- 84. User Interface | UI
- 85. User Interface | UI
- 86. User Experience | UX
- 87. User Experience | UX
- 90. getskeleton.com
- 91. getBootStrap.com
- 93. DEVICE ACCESS PERFORMANCE & INTEGRATION MULTIMEDIA OFFLINE & STORAGECONNECTIVITY SEMANTICS CSS3 3D, GRAPHICS & EFFECTS
- 94. Parallax
- 100. Mobile Factors
- 101. Form Factors
- 102. Bandwidth
- 103. Bandwidth
- 104. Input Mechanism
- 105. Context
- 109. BrowserStack.com
- 110. Tools
- 111. adobe.com
- 112. PhoneGap.com
- 116. build.phonegap.com
- 117. What can you apply from today?
- 118. ResourcesTo help you grow.
- 119. abookapart.com
- 120. w3schools.com
- 121. www.uxmag.com
- 122. uxpin.com
- 123. UserTesting.com
- 124. reflectorapp.com
- 125. airserver.com
- 126. typekit.com
- 128. color.adobe.com
- 129. Adobe Color CC color.adobe.com
- 130. Thank You Nick Floro sealworks interactive studios nick@sealworks.com www.sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickfloro Download Handout: goo.gl/UhRzEw Download App Prototyping on Paper (POP)