Recorded training: https://www.adobe.com/cfusion/event/index.cfm?event=register_no_session&id=2594691&loc=en_us

1. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What’s your choice? 4 Ways to Create Mobile Learning
Dr. Pooja Jaisingh | Sr. Adobe eLearning Evangelist | pjaising@adobe.com | @poojajaisingh

2. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Agenda for today’s session
2

3. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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

4. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Why mobile learning?
4
4
of workers
declared their mobile
devices to be their most
critical work device.
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

5. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Why mobile learning?
5
5
of mobile learners
praised the convenience and
time management benefits.
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

6. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Why mobile learning?
6
Today there are more than 7.29 Billion people in the world
Nearly 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

7. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What differentiates mobile learning from eLearning?
7
Is there significant added value in making eLearning available on mobile devices?
Learn
anywhere
Learn
anytime
Move
while
learning
Location
becomes a
tool
Touch
computing
Tilt or flip
Interact
with
others
create
images &
video

8. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Join the mobile learning revolution
Beneficial
75%
Not beneficial
25%
Benefits of mobile learning*
Ready
55%
Not yet
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.

9. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
4 ways to create mobile learning
9

10. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Mobile App Player
10

11. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Native mobile apps
Apps created using native programming
language
11
Complete access to device capabilities
Fast and reliable
Build separate app of each OS

12. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Use the App packagers
Build using web technologies and package as an app
12
Easy to use but with limited functionality
Offline access to content
Single-click publish to multiple platforms

13. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
HTML5 content
13
Content made available on browser
Scaling and gestures can be enabled
Doesn’t adapt or respond to device size

14. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Responsive eLearning
A single eLearning course that plays well on any device
14

15. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
How is responsive eLearning different from responsive web?

16. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Typical device orientation

17. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
HTML5 course

18. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Responsive course

19. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
In a nutshell
Mobile
app player
Mobile
apps
HTML5
content
Responsiv
e
eLearning
LMS
compliance
Ease of use
Device-
agnostic

20. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Responsive eLearning examples
20
US Fun Facts: http://bit.ly/usfacts
Disaster recovery: http://bit.ly/rcap1
Simulation: http://bit.ly/rcap2

21. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Responsive packaged app example
21

22. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Best practices for creating mobile learning courses
Determining project size
Positioning objects
Repurposing content
Native capabilities
Working with text

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

24. © 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Sorting out Tablets & Phones
There are an awful lot of different screens, sizes, and orientations to consider …
24
How do I chose the right
screen sizes and shapes?
Today there are billion unique
mobile users. (And even more connected
mobile devices.)Source: We Are Social

25. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What screen sizes are you targeting?
25
Determining project size

26. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adaptive vs. Responsive
26
Determining project size
Adaptive = Devices
Responsive = Dimensions

27. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Breakpoints for responsive projects
27
Determining project size

28. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Viewport sizes
http://viewportsizes.com/mine/
28
Determining project size

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

30. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Absolute vs. relative positioning
30
Positioning objects

31. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Absolute vs. relative positioning
31
Positioning objects
Absolute (pixels)
Relative (%)
To screen To other objects

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

33. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Onscreen text best practices
33
Working with text

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

35. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
eLearning to mLearning?
35
Repurposing content
Remember, mLearning is NOT
eLearning on mobile.

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

37. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Unique affordances!
37
Native capabilities

38. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Creating mLearning courses with Adobe Captivate 8
38

39. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Captivate 8
39
Easily create eLearning with
quizzes & interactions
Create genuine
responsive mLearning
No Programming Required

40. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 40
Responsive Design: Size & proportion of your course change for
different devices and device orientations (vertical / horizontal)

41. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
How easy is it to create responsive courses?
41
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

42. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Device Aware Delivery
42

43. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43
Multi-Device Preview

44. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
44
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

45. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Import Native HTML5 Animation

46. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 46
Location-aware Learning
Use GPS to Trigger
Learning Events
Deliver Location
Relevant Content
Verify ‘Found’
Locations to Evaluate

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