Designing for Mobile Learning - Concept to Launch @ Training 2014 TRG14

1,952 views

Published on

This presentation will provide you with the foundation you need to get started in mobile design and development. You'll learn best practices for designing for mobile and what challenges you may face in platforms, smartphones vs. tablets vs. next generation touch devices. Floro will discuss and provide techniques for designing mobile apps that work, from sketching to wireframing to prototyping and launching a course, web app or mobile app. You’ll learn what tools you can use to help visualize concepts and how to prototype quickly without breaking the bank.

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,952
On SlideShare
0
From Embeds
0
Number of Embeds
559
Actions
Shares
0
Downloads
46
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing for Mobile Learning - Concept to Launch @ Training 2014 TRG14

  1. 1. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Nick Floro Nick@sealworks.com Twitter.com/NickFloro Designing for Mobile Devices HTML Designing for Mobile : Concept to Launch 02/05/14 1 of 133
  2. 2. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com share Designing for Mobile : Concept to Launch 02/05/14 2 of 133
  3. 3. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Mobile devices everywhere Designing for Mobile : Concept to Launch 02/05/14 3 of 133
  4. 4. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com 138.5 million smartphones in US 58% of phone market Designing for Mobile : Concept to Launch 02/05/14 4 of 133
  5. 5. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com 4.5 billion smartphones by 2018 60% on LTE Designing for Mobile : Concept to Launch 02/05/14 5 of 133
  6. 6. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com estimated 70 billion apps in 2013 Smartphones 58 billion and 14 billion to tablets Designing for Mobile : Concept to Launch 02/05/14 6 of 133
  7. 7. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 7 of 133
  8. 8. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com Process trainingmagnetwork.com Define Deliver Design Develop Designing for Mobile : Concept to Launch 02/05/14 8 of 133
  9. 9. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com 7 Questions to Define a Project Who is the audience? How will they use it? What is the goal? Does the content exist? What technology? What is the timetable? What is the budget? Designing for Mobile : Concept to Launch 02/05/14 9 of 133
  10. 10. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com n Focus o trainingmagnetwork.com the ence udi A Designing for Mobile : Concept to Launch 02/05/14 10 of 133
  11. 11. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 11 of 133
  12. 12. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 12 of 133
  13. 13. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 13 of 133
  14. 14. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Content Strategy Designing for Mobile : Concept to Launch 02/05/14 14 of 133
  15. 15. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Content Strategy phone Designing for Mobile : Concept to Launch desktop tablet 02/05/14 15 of 133
  16. 16. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com How do you define mobile? Designing for Mobile : Concept to Launch 02/05/14 16 of 133
  17. 17. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 17 of 133
  18. 18. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 18 of 133
  19. 19. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 19 of 133
  20. 20. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 20 of 133
  21. 21. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 21 of 133
  22. 22. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 22 of 133
  23. 23. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com What technology will you support? a. smartphone b. tablet c. laptop d.all of the above Designing for Mobile : Concept to Launch 02/05/14 23 of 133
  24. 24. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Create a Road Map Designing for Mobile : Concept to Launch 02/05/14 24 of 133
  25. 25. Mobile Learning Certificate @ Training 2014 phone Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com trainingmagnetwork.com desktop tablet 02/05/14 25 of 133
  26. 26. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Think Mobile First phone Designing for Mobile : Concept to Launch desktop tablet 02/05/14 26 of 133
  27. 27. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 27 of 133
  28. 28. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Think Mobile First phone Designing for Mobile : Concept to Launch desktop tablet 02/05/14 28 of 133
  29. 29. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Think Mobile First phone desktop tablet Progressive Enhancement Designing for Mobile : Concept to Launch 02/05/14 29 of 133
  30. 30. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 30 of 133
  31. 31. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com What is Design? Designing for Mobile : Concept to Launch 02/05/14 31 of 133
  32. 32. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com How it works. www.apple.com/designed-by-apple/ Designing for Mobile : Concept to Launch 02/05/14 32 of 133
  33. 33. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Content is Key Designing for Mobile : Concept to Launch 02/05/14 33 of 133
  34. 34. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Content Strategy Designing for Mobile : Concept to Launch 02/05/14 34 of 133
  35. 35. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Content Strategy Designing for Mobile : Concept to Launch 02/05/14 35 of 133
  36. 36. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com write it down cut in half cut it again simplify. break cut & refine then done Designing for Mobile : Concept to Launch 02/05/14 36 of 133
  37. 37. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Sketching where ideas begin Designing for Mobile : Concept to Launch 02/05/14 37 of 133
  38. 38. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Visual Thinking Designing for Mobile : Concept to Launch 02/05/14 38 of 133
  39. 39. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 39 of 133
  40. 40. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Prototyping test driving your idea Designing for Mobile : Concept to Launch 02/05/14 40 of 133
  41. 41. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Paper by FiftyThree Evernote Skitch Designing for Mobile : Concept to Launch Adobe Ideas 02/05/14 41 of 133
  42. 42. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Quick Prototyping Techniques Tools: • Designing for Mobile : Concept to Launch 02/05/14 Wireframes – Keynote / PowerPoint 42 of 133
  43. 43. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com keynotekungfu.com Designing for Mobile : Concept to Launch 02/05/14 43 of 133
  44. 44. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Custom Template in Keynote Designing for Mobile : Concept to Launch 02/05/14 44 of 133
  45. 45. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Adobe Acrobat Designing for Mobile : Concept to Launch 02/05/14 45 of 133
  46. 46. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 46 of 133
  47. 47. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 47 of 133
  48. 48. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com POP - Prototyping on Paper Designing for Mobile : Concept to Launch 02/05/14 48 of 133
  49. 49. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com POP - Prototyping on Paper Designing for Mobile : Concept to Launch 02/05/14 49 of 133
  50. 50. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com POP - Prototyping on Paper Designing for Mobile : Concept to Launch 02/05/14 50 of 133
  51. 51. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com POP - Prototyping on Paper Designing for Mobile : Concept to Launch 02/05/14 51 of 133
  52. 52. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com balsamiq.com Designing for Mobile : Concept to Launch 02/05/14 52 of 133
  53. 53. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Sketchy & iMockUps Designing for Mobile : Concept to Launch 02/05/14 53 of 133
  54. 54. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com teehanlax.com/tools/ Designing for Mobile : Concept to Launch 02/05/14 54 of 133
  55. 55. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com User Interface | UI Designing for Mobile : Concept to Launch 02/05/14 55 of 133
  56. 56. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com User Interface | UI Designing for Mobile : Concept to Launch 02/05/14 56 of 133
  57. 57. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com User Experience | UX Designing for Mobile : Concept to Launch 02/05/14 57 of 133
  58. 58. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Web App HTML Designing for Mobile : Concept to Launch Javascript 02/05/14 CSS API’s 58 of 133
  59. 59. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Responsive Design Designing for Mobile : Concept to Launch 02/05/14 59 of 133
  60. 60. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com getskeleton.com Designing for Mobile : Concept to Launch 02/05/14 60 of 133
  61. 61. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com twitter.github.io/bootstrap/ Designing for Mobile : Concept to Launch 02/05/14 61 of 133
  62. 62. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com foundation.zurb.com Designing for Mobile : Concept to Launch 02/05/14 62 of 133
  63. 63. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Mobile Factors • • • • Designing for Mobile : Concept to Launch 02/05/14 form factor bandwidth input mechanism context 63 of 133
  64. 64. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Which browser’s support HTML 5? Chrome Designing for Mobile : Concept to Launch Safari Firefox 02/05/14 Internet Explorer 9 64 of 133
  65. 65. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 65 of 133
  66. 66. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 66 of 133
  67. 67. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Flow chart API’s Designing for Mobile : Concept to Launch 02/05/14 67 of 133
  68. 68. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Flow chart API’s motion Designing for Mobile : Concept to Launch camera gps 02/05/14 sensors 68 of 133
  69. 69. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com // the geolocation api brings browser based location to your apps Designing for Mobile : Concept to Launch 02/05/14 69 of 133
  70. 70. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 70 of 133
  71. 71. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com You are entering research. Learn More>> Designing for Mobile : Concept to Launch 02/05/14 71 of 133
  72. 72. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 72 of 133
  73. 73. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 73 of 133
  74. 74. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com www.seeknspell.com Designing for Mobile : Concept to Launch 02/05/14 74 of 133
  75. 75. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com O A R P Designing for Mobile : Concept to Launch 02/05/14 C T www.seeknspell.com 75 of 133
  76. 76. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com O A R P Designing for Mobile : Concept to Launch 02/05/14 C T www.seeknspell.com 76 of 133
  77. 77. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com A Quick Example Amazon Designing for Mobile : Concept to Launch 02/05/14 77 of 133
  78. 78. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 78 of 133
  79. 79. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 79 of 133
  80. 80. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com The mobile environment single early failure = non-returning user Designing for Mobile : Concept to Launch 02/05/14 80 of 133
  81. 81. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com The mobile environment crucial first 30-60 seconds usage Designing for Mobile : Concept to Launch 02/05/14 81 of 133
  82. 82. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com The mobile environment Fewer options Designing for Mobile : Concept to Launch 02/05/14 82 of 133
  83. 83. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Example Designing for Mobile : Concept to Launch 02/05/14 83 of 133
  84. 84. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Star Walk Designing for Mobile : Concept to Launch 02/05/14 84 of 133
  85. 85. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Getting Inspired UI/UX Designing for Mobile : Concept to Launch 02/05/14 85 of 133
  86. 86. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Flat Pages Designing for Mobile : Concept to Launch 02/05/14 86 of 133
  87. 87. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Apple Weather Designing for Mobile : Concept to Launch 02/05/14 87 of 133
  88. 88. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Yahoo Weather Designing for Mobile : Concept to Launch 02/05/14 88 of 133
  89. 89. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Yahoo Weather Designing for Mobile : Concept to Launch 02/05/14 89 of 133
  90. 90. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Tab Bar Designing for Mobile : Concept to Launch 02/05/14 90 of 133
  91. 91. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Apple Clock Designing for Mobile : Concept to Launch 02/05/14 91 of 133
  92. 92. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com One Two Three Four Five Six Tree Structure Designing for Mobile : Concept to Launch 02/05/14 92 of 133
  93. 93. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com < Back Screen One > Screen Two > Screen Three > Screen Four > Screen Five > Screen Six > Tree Structure Designing for Mobile : Concept to Launch 02/05/14 93 of 133
  94. 94. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com First Aid Designing for Mobile : Concept to Launch 02/05/14 94 of 133
  95. 95. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com First Aid Designing for Mobile : Concept to Launch 02/05/14 95 of 133
  96. 96. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com First Aid Designing for Mobile : Concept to Launch 02/05/14 96 of 133
  97. 97. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com > Innovation Designing for Mobile : Concept to Launch 02/05/14 97 of 133
  98. 98. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com evernote Designing for Mobile : Concept to Launch 02/05/14 98 of 133
  99. 99. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com evernote Designing for Mobile : Concept to Launch 02/05/14 99 of 133
  100. 100. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Pulse Designing for Mobile : Concept to Launch 02/05/14 100 of 133
  101. 101. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Zite Designing for Mobile : Concept to Launch 02/05/14 101 of 133
  102. 102. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Zite Designing for Mobile : Concept to Launch 02/05/14 102 of 133
  103. 103. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Design for Flexibility Designing for Mobile : Concept to Launch 02/05/14 103 of 133
  104. 104. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Development: App or Web Delivery Designing for Mobile : Concept to Launch 02/05/14 104 of 133
  105. 105. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com App trainingmagnetwork.com Web Native App Web App • • • • • • • • • • • Faster performance Unique platform features Requires programming iOS / Android / Amazon Increased Costs per OS Designing for Mobile : Concept to Launch 02/05/14 Use web standards Easy to deploy & update Support all devices Faster development cycle Works everywhere Requires web connection 105 of 133
  106. 106. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com How will you distribute? Designing for Mobile : Concept to Launch 02/05/14 106 of 133
  107. 107. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com How will you distribute? App Store Designing for Mobile : Concept to Launch Deployment 02/05/14 Web 107 of 133
  108. 108. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com How will you distribute? App Store Deployment Web Data Analytics / Reporting Designing for Mobile : Concept to Launch 02/05/14 108 of 133
  109. 109. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com How will you distribute? App Store Deployment Web Data Analytics / Reporting Updates Designing for Mobile : Concept to Launch 02/05/14 109 of 133
  110. 110. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Testing Designing for Mobile : Concept to Launch 02/05/14 110 of 133
  111. 111. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Testing Code 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 + − Designing for Mobile : Concept to Launch 02/05/14 111 of 133
  112. 112. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Capture & Analyze Designing for Mobile : Concept to Launch 02/05/14 112 of 133
  113. 113. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Using CoverFlow view and Preview of Designing for Mobile : Concept to Launch 02/05/14 113 of 133
  114. 114. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 114 of 133
  115. 115. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com what’s next... Designing for Mobile : Concept to Launch 02/05/14 115 of 133
  116. 116. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Resources To help you grow. Designing for Mobile : Concept to Launch 02/05/14 116 of 133
  117. 117. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com html5rocks.com Designing for Mobile : Concept to Launch 02/05/14 117 of 133
  118. 118. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com w3schools.com Designing for Mobile : Concept to Launch 02/05/14 118 of 133
  119. 119. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 119 of 133
  120. 120. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com www.uxmag.com Designing for Mobile : Concept to Launch 02/05/14 120 of 133
  121. 121. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com phonegap.com Designing for Mobile : Concept to Launch 02/05/14 121 of 133
  122. 122. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com typekit.com Designing for Mobile : Concept to Launch 02/05/14 122 of 133
  123. 123. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com HTML5 for Web Designers JEREMY KEITH | A Book Apart aBookApart.com Designing for Mobile : Concept to Launch 02/05/14 123 of 133
  124. 124. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com www.smashingmagazine.com Designing for Mobile : Concept to Launch 02/05/14 124 of 133
  125. 125. Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 125 of 133
  126. 126. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com 960.gs Designing for Mobile : Concept to Launch 02/05/14 126 of 133
  127. 127. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com reflectorapp.com Designing for Mobile : Concept to Launch 02/05/14 127 of 133
  128. 128. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com airserver.com Designing for Mobile : Concept to Launch 02/05/14 128 of 133
  129. 129. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com abookapart.com Designing for Mobile : Concept to Launch 02/05/14 129 of 133
  130. 130. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com kuler.adobe.com Designing for Mobile : Concept to Launch 02/05/14 130 of 133
  131. 131. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com kuler.adobe.com Adobe Kuler Designing for Mobile : Concept to Launch trainingmagnetwork.com 02/05/14 131 of 133
  132. 132. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Don’t Settle Designing for Mobile : Concept to Launch 02/05/14 132 of 133
  133. 133. Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com Thank You Nick Floro nick@sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickfloro Designing for Mobile : Concept to Launch 02/05/14 133 of 133

×