horses for courses! switch to mobile learning and stay ahead

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.


Horses for courses! Switch to mobile learning and stay aheadDr. Pooja Jaisingh | Sr. Adobe eLearning Evangelist | @poojajaisingh

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Agenda for today’s sessionWhy mobile learning?

Quick demonstration

Best practices


Why mobile learning?

3

3

Mobile learners study minutes more each week by studying everywhere they go

Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report, Studyblue’s user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data

40



4

4

of workers declared their mobile devices to be their most critical work device.


65%



5

5

of mobile learners praised the convenience and time management benefits.


75%



6

Today there are more than 7.29 Billion people in the worldNearly half of the global population are Internet users

Most researchers agree that slightly more than of all web traffic today is coming from mobile devices

Source: IDG

1/2


What differentiates mobile learning from eLearning?

7

Is there significant added value in making eLearning available on mobile devices?

Learn anywher

e

Learn anytime

Move while

learning

Location becomes

a tool

Touch computi

ng

Tilt or flip

Interact with

others

create images & video


Join the mobile learning revolution

Bene-ficial75%

Not bene-ficial25%

Benefits of mobile learn-ing*

Ready 0.55

Not yet 0.45

Mobile learning Readiness**

*Sources: iPass Global Mobile Workforce report 2012, From the 2011 Horizon Report, Data from Studyblue’s user base (comprising of 1 million students), Intuition.com, eLearninginfographics.com.**Source: Adobe data.


3 ways to create mobile learning

Mobile app player

HTML5 content

Responsive eLearning

Mobile app player

HTML5 content

Responsive eLearning

LMS compliance

Ease of use

Device-agnostic


Typical device orientation


HTML5 course


Responsive course


How is responsive eLearning different from responsive web?


Best practices for creating mobile learning courses

Determining project size

Positioning objects

Repurposing content

Native capabilities

Working with text

© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Sorting out Tablets & PhonesThere are an awful lot of different screens, sizes, and orientations to consider …

16

How do I chose the right screen sizes and shapes?

Today there are billion unique mobile users. (And even more connected mobile devices.)

3.69Source: We Are Social


What screen sizes are you targeting?

17



Adaptive vs. Responsive

18


Adaptive = Devices

Responsive = Dimensions


Breakpoints for responsive projects

19



Viewport sizes

http://viewportsizes.com/mine/

20





Absolute vs. relative positioning

22

Positioning objects


Absolute vs. relative positioning

23

Positioning objects

Absolute (pixels)

Relative (%)

To screen To other objects


Onscreen text best practices

25

Working with text


eLearning to mLearning?

27

Repurposing content

Remember, mLearning is NOT eLearning on mobile.


Unique affordances!

29

Native capabilities

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 30© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Creating mLearning courses with Adobe Captivate 8


Adobe Captivate 8

31

Easily create eLearning with quizzes & interactions

Create genuine responsive mLearning

No Programming Required


Responsive Design: Size & proportion of your course change for different devices and device orientations (vertical / horizontal)


How easy is it to create responsive courses?

33

Responsive themes do the slide layouts for you, and adapt automatically to fit most any device

Preview with Edge Inspect to view the course live on your mobile device

Slides maintain interactivity and even support embedded HTML5 / Edge Animations


Device Aware Delivery

34


Multi-Device Preview


Gesture Support

Show / Hide the Table of Contents and Playbar

Swipe left and right to navigate to the next slide

Pinch to Zoom in and out


Import Native HTML5 Animation


Location-aware Learning

Use GPS to Trigger Learning Events

Deliver Location Relevant Content

Verify ‘Found’ Locations to Evaluate

horses for courses! switch to mobile learning and stay ahead

Education

adobe confidential

adobe systems incorporated

adobe data

adobe elearning evangelist

benefits of mobile learning

mobile learning readiness

mobile devices source

mobile learners study