designing for mobile learning - concept to launch @ training 2014 trg14

Post on 28-Jan-2015

104 Views

Category:

Education

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

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.

TRANSCRIPT

Nick FloroNick@sealworks.comTwitter.com/NickFloro

HTML

Designing for

Mobile Devices

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 1 of 133

share

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 2 of 133

Mobile devices everywhere

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 3 of 133

138.5million smartphones in US

58% of phone market

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 4 of 133

4.5 billionsmartphones by 2018

60% on LTE

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 5 of 133

70 billion apps in 2013

Smartphones 58 billion and 14 billion to tablets

estimated

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 6 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 7 of 133

Define

Design

Develop

Deliver

ProcessMobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 8 of 133

7 Questions to Define a Project

What is the goal?

Who is the audience?

What is the timetable?

What technology?

What is the budget?

Does the content exist?

How will they use it?

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 9 of 133

Focus on the

Audience

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 10 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 11 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 12 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 13 of 133

Content Strategy

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 14 of 133

desktoptabletphone

Content Strategy

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 15 of 133

How do you define mobile?

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 16 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 17 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 18 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 19 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 20 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 21 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 22 of 133

What technology will you support?

a. smartphoneb. tabletc. laptopd.all of the above

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 23 of 133

Create a Road Map

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 24 of 133

desktoptabletphone

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 25 of 133

Think Mobile First

desktoptabletphone

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 26 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 27 of 133

desktoptabletphone

Think Mobile First

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 28 of 133

desktoptabletphone

Think Mobile First

Progressive Enhancement

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 29 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 30 of 133

What is Design?

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 31 of 133

Content is Key

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 33 of 133

Content Strategy

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 34 of 133

Content Strategy

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 35 of 133

simplify.

write it down

cut in halfcut it again

breakcut & refine

then done

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 36 of 133

Sketching where ideas begin

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 37 of 133

Visual Thinking

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 38 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 39 of 133

Prototyping test driving your idea

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 40 of 133

Paper by FiftyThree

Adobe IdeasEvernote Skitch

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 41 of 133

Tools:

• Wireframes– Keynote / PowerPoint

Quick Prototyping Techniques

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 42 of 133

keynotekungfu.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 43 of 133

Custom Template in Keynote

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 44 of 133

Adobe Acrobat

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 45 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 46 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 47 of 133

POP - Prototyping on Paper

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 48 of 133

POP - Prototyping on Paper

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 49 of 133

POP - Prototyping on Paper

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 50 of 133

POP - Prototyping on Paper

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 51 of 133

balsamiq.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 52 of 133

Sketchy & iMockUps

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 53 of 133

teehanlax.com/tools/

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 54 of 133

User Interface | UI

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 55 of 133

User Interface | UI

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 56 of 133

User Experience | UX

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 57 of 133

WebApp

HTML Javascript CSS API’s

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 58 of 133

Responsive Design

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 59 of 133

• bandwidth• input mechanism• context

• form factor

Mobile Factors

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 63 of 133

Internet Explorer 9

Which browser’s support HTML 5?

Chrome Safari Firefox

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 64 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 65 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 66 of 133

Flow chartAPI’sMobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 67 of 133

Flow chartAPI’smotion camera gps sensors

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 68 of 133

// the geolocation api brings browser based location to your apps

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 69 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 70 of 133

You are entering research. Learn More>>

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 71 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 72 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 73 of 133

AmazonA Quick Example

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 77 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 78 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 79 of 133

The mobile environmentsingle early failure = non-returning user

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 80 of 133

The mobile environmentcrucial first 30-60 seconds usage

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 81 of 133

The mobile environmentFewer options

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 82 of 133

Example

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 83 of 133

Star Walk

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 84 of 133

Getting InspiredUI/UX

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 85 of 133

Flat Pages

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 86 of 133

Apple Weather

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 87 of 133

Yahoo Weather

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 88 of 133

Yahoo Weather

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 89 of 133

Tab Bar

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 90 of 133

Apple Clock

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 91 of 133

Tree Structure

One

Two

Three

Four

Five

Six

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 92 of 133

Tree Structure

< Back

Screen One >

Screen Two >

Screen Three >

Screen Four >

Screen Five >

Screen Six >

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 93 of 133

First Aid

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 94 of 133

First Aid

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 95 of 133

First Aid

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 96 of 133

Innovation

>

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 97 of 133

evernote

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 98 of 133

evernote

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 99 of 133

Pulse

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 100 of 133

Zite

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 101 of 133

Zite

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 102 of 133

Design for Flexibility

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 103 of 133

Development: App or Web Delivery

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 104 of 133

Native App

• Faster performance

• Unique platform features

• Requires programming

• iOS / Android / Amazon

• Increased Costs per OS

AppWeb App

• Use web standards

• Easy to deploy & update

• Support all devices

• Faster development cycle

• Works everywhere

• Requires web connection

Web

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 105 of 133

How will you distribute?

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 106 of 133

How will you distribute?

App Store Deployment Web

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 107 of 133

How will you distribute?

App Store Deployment

Data Analytics / Reporting

Web

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 108 of 133

How will you distribute?

App Store Deployment

Data Analytics / Reporting

Updates

Web

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 109 of 133

Testing

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 110 of 133

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 Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 111 of 133

Capture & Analyze

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 112 of 133

Using CoverFlow view and Preview of

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 113 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 114 of 133

what’s next...

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 115 of 133

ResourcesTo help you grow.

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 116 of 133

html5rocks.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 117 of 133

w3schools.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 118 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 119 of 133

www.uxmag.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 120 of 133

typekit.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 122 of 133

HTML5 for Web DesignersJEREMY KEITH | A Book Apart

aBookApart.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 123 of 133

www.smashingmagazine.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 124 of 133

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 125 of 133

960.gs

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 126 of 133

reflectorapp.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 127 of 133

airserver.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 128 of 133

abookapart.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 129 of 133

kuler.adobe.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 130 of 133

Adobe Kuler kuler.adobe.com

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 131 of 133

Don’t Settle

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 132 of 133

Thank You

Nick Floronick@sealworks.comtwitter.com/NickFloro

Download the Presentation at:http://www.slideshare.net/nickfloro

Mobile Learning Certificate @ Training 2014 Nick Floro | nick@sealworks.com trainingmagnetwork.com

Designing for Mobile : Concept to Launch 02/05/14 133 of 133

top related