Author just once to create responsive eLearning projects that deliver the most appropriate learner experience irrespective of the device its consumed on. Recorded training: https://www.adobe.com/cfusion/event/index.cfm?event=register_no_session&id=2593931&loc=en_us

1. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Horses for courses! Switch to mobile learning and stay ahead
Dr. Pooja Jaisingh | Sr. Adobe eLearning Evangelist | @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
Quick demonstration

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

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

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

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

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

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

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

16. © 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 …
16
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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