Designing for Mobile Learning - Concept to Launch @ Training 2014 TRG14
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 1,070 views

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

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.

Statistics

Views

Total Views
1,070
Views on SlideShare
731
Embed Views
339

Actions

Likes
0
Downloads
34
Comments
0

3 Embeds 339

http://www.nickfloro.com 336
http://nickfloro.com.php5-10.ord1-1.websitetestlink.com 2
http://www.linkedin.com 1

Accessibility

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

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

    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 7 of 133
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 11 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 12 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 13 of 133
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 17 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 18 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 19 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 20 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 21 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 22 of 133
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 27 of 133
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 30 of 133
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 39 of 133
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 46 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 47 of 133
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 65 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 66 of 133
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 70 of 133
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 72 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 73 of 133
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 78 of 133
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 79 of 133
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 114 of 133
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 119 of 133
    • 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
    • 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
    • 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
    • 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
    • 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
    • Mobile Learning Certificate @ Training 2014 Designing for Mobile : Concept to Launch Nick Floro | nick@sealworks.com 02/05/14 trainingmagnetwork.com 125 of 133
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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