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

Launching a Mobile App from Concept to Launch

1,862

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
1,862
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
127
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Transcript of "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.

×