An introduction to Responsive E-Learning

1. www.xlprotraining.com

2. 4 out of 5 smartphone
users use
smartphones to shop
online
34% of smartphone
users go
online mostly using
their phones, and not
on a desktop, laptop,
or other device.
Average smartphone
user spends more
than two hours a day
on their mobile
device
Increase in sales
reported by 62% of
companies which
have optimised their
website for mobile
platforms
Source: http://www.go-gulf.ae/blog/responsive-web-design/
Did you
know?
www.xlprotraining.com

3. The same applies to e-learning!
• The statistics show that with the proliferation of mobiles and
their changing usage- Responsive Design is definitely a
consideration going forward.
• To engage the users the content will have to be optimised for
personal handheld devices like smartphones, tablets and
IPADS, which gives them the freedom to access the content
how and when they want it.
What do these Statistics mean for
E-Learning?
www.xlprotraining.com

4. A Responsive E-Learning Scenario
830 HRS
Monday
Ana commences her e-learning course on “Workplace
communication” on her office desktop
845 HRS
Monday
Ana receives a call from her boss to prepare an urgent
presentation
1600 HRS
Monday
Ana’s day in office is over and she could not catch up on
her course.
1630 HRS
Monday
Ana continues with her course on her way home on her
mobile.
1730 HRS
Monday
Ana completes the assessment for her first sub topic on
the tab.
www.xlprotraining.com

5. A Responsive E-Learning Scenario
Contd.
In the given scenario Ana has:
• Been able to access the e-learning course from
various devices like desktop, mobile and tablet
without loosing track of the course.
• Was able to complete a sub-module of the course
at her convenient time (i.e. after work hours) and
convenient place (i.e. while travelling, at home).
www.xlprotraining.com

6. What is Responsive E-Learning?
• A Learning Context or a learning ecosystem,
which gives the learners the freedom of when and
how access the e-learning content.
• In more simpler terms responsive e-learning
responds to the learners choice of device.
• Responsive E-Learning is all about the learners
preferences and their choices of how and when to
learn.
www.xlprotraining.com

7. Some Responsive E-Learning Myths
Myth:
Responsive E-Learning only about design.
Truth:
Responsive E-Learning is all about the context and
the learning objectives and how specific features of a
device can be used to design a course suited for it.
.
www.xlprotraining.com

8. Some Responsive E-Learning Myths Contd.
Myth:
Breaking my content into bite sized modules will make
my E-learning responsive.
Truth:
Responsive E-Learning is all about content modelling,
which means to structure content in a manner which
web and mobile technologies understand. So just
breaking the content into smaller parts will not help.
www.xlprotraining.com

9. Some Responsive E-Learning Myths Contd.
Myth:
Converting my content into HTML5 can make my
content responsive.
Truth:
HTML5 content can be responsive or normal, it
cannot be both. In short just publishing the output as
HTML5 by clicking the checkbox provided in the
authoring tools does not make your course
responsive.
www.xlprotraining.com

10. Myth:
Converting legacy swf courses to HTML5 will save me a
lot of cost.
Truth:
Responsive E-Learning definitely costs more to build
both in terms of money as well as time and has much
more limitations. Before converting a legacy course be
sure that the now amount of redundant content and
context still holds relevant. Otherwise better to build it
from scratch!
www.xlprotraining.com
Some Responsive E-Learning Myths Contd.

11. How to build Responsive E-Learning?
Step-1
Be sure you really want to go responsive. Consider
the time, cost and efforts involved. Ensure a
management buy in.
Step-2
Subject Content provided by SME has to be broken
down into reusable blocks which can be used for
ILT, E-Learning, e books, performance support and
job aids mainly through M-Learning
Step-3
Determine which specific screens and resolutions to
target specially in corporate environments where lots
of things are predefined.
www.xlprotraining.com

12. How to build Responsive E-Learning? Contd.
Step-4
Assemble the reusable blocks of contents created
earlier to match the specific output devices.
Step-5
Develop GUI and multimedia elements as per the
responsive design principles like fluid grids and
flexible media. Take the help on an expert rather
than trying to do it yourself.
Step-6
Integrate your course and publish it for testing within
a small group of active users who can give you a
feedback. Basis feedback incorporate the changes.
You are almost done! But remember……
www.xlprotraining.com

13. Think Big and Act Small!
Do not ever try to convert all your legacy courses into
Responsive E-learning in one go or even start with 5,
10, 15 or 100 courses.
Start with the
conversion of one most
contextual course
Test it amongst
a user group
Run it in the
larger learner
group
Incorporate the
feedback
www.xlprotraining.com

14. Here 2 help
Feels like it is easier said than done?
We are here to help!
Live chat with an expert at :
www.xlprotraining.com
Or
email: hello@xlprotraining.com
Feel like talking?
Call us at: +91 22 2520 4655 or +91 80 41144661
www.xlprotraining.com

15. Thank you
www.xlprotraining.com
www.xlprotraining.com