eLearning Made Better Through Responsive LMS

Click here to load reader

  • date post

  • Category


  • view

  • download


Embed Size (px)

Transcript of eLearning Made Better Through Responsive LMS

No Escaping Mobile Learning


UJWAL ShangarpawareLearningResponsive LMSmade betterthrough

1200 Clients In 13 CountriesEstablished In 2004 USIndiaAustraliaMiddle EastNew ZealandS.AfricaNigeriaKenyaSingaporeVenezuelaUK2Our Learning Solutions CustomeLearningCustommLearning

335 Awards & Recognitions

Winner of a Silver award in CLOmagazine's 'Learning In PracticeAwards 2011' for UpsideLMS

UpsideLMS listed as one of the 'Five Emerging LMSs to Watch' in CLO Magazine ('10)Winner of 8 Apex Awards of Excellence (14, '11, '09, '08 & '07)

Winner of 12 Brandon Hall Excellence Awards (12, '11, '10 & '09)UpsideLMS featured in the '2010Top 20 Learning Portal Companies List and 2011, 2012, 2013 & 2014 Watch ListWinner of Red Herring 100 Asia Award in 2008 & finalist in Red Herring Global 100 ('09)

Winner in Deloittes Technology Fast 500 Asia Pacific 2008 & 2009 program, and Fast 50 India 2008 program

Winner of eLearning Team of The Year 2013

Featured in Training Industry's 2014 Content Development Watch List


Speaker IntroductionUjwal ShangarpawarSenior Product Manager Mobile SolutionsUpside Learning SolutionsLokesh KumarSenior Product Manager - UpsideLMS Upside Learning Solutions

Thank you Sanjay for the introduction.

A very warm welcome to one and all. Before we get started, by a raise of hand in the chat window, can you let me know if you are able to hear me fine.

Thank you.

I am Ujwal, co-hosting this webinar with Lokesh. At Upside Learning, I am the Sr. Product Manager for mobile solutions. Let me now take you through what we would be talking about.5AgendaWhat is Responsive design?1Why has it become a necessity?2How eLearning is getting redefined in a multi-device world?3How will a Responsive LMS address the challenges of the multi-device world?4Q&A5During the course of todays webinar I would like to start by explaining what does a responsive design mean. Having established and understood what is a responsive design, I would then move on to talk about the necessity of a responsive design, how information is consumed on different devices by users and then Lokesh would be explaining how a responsive LMS would address todays needs and challenges. In addition, we would lightly be touching up on possible challenges, which you may faced, when moving to a responsive LMS.

Throughout the duration of this webinar, at any point if you have any queries, comments or suggestions, kindly feel free to use the chat feature. This would help us make our session with you more interactive and alive. Thanks. 6WhatResponsivedesignisSo what is a responsive design?7What is Responsive design? Responsive design is an approach to web design aimed at crafting sites to provide an optimal viewing experienceeasy reading and navigation with a minimum of resizing, panning, and scrollingacross a wide range of devices (from desktop computer monitors to mobile phones)

As per definition A responsive design is an approach to web design aimed at crafting sites to provide an optimal viewing experience. This involves ease of reading, ease of navigation with minimum amount of resizing and scrolling across a wide range of devices

In short, what we mean by making a responsive design is that a system or a site that is device agnostic.

8What is Responsive design?

Take a look at the slide shown. When looking at the screen, what is it that we notice?

a. The first thing we notice is that 3 different screen resolutions are shown

b. The second thing is that the same is being shown on the 3 different screen resolutions

c. The third is that the same system has the state or quality to adapt according to the screen resolution. So the system is adjusting to the environment on which it is being used.

In a nutshell, that is what a responsive system is.

Again any questions at this point, please fell free to use the chat window and post your questions there. Thanks.

With the clarity and understanding of what is a responsive design, lets move to understanding why has a responsive design become a need or a necessity

9Whyit becomehasa necessity10Shift in Computing

Now, we live in a world of choice from what we eat, what we wear, what we listen to, etc. So the same theory of choice applies to how we as users decide to consume information.

Initially it was only the desktop on which we would consume information. So systems were designed keeping in mind screen resolutions of desktops, which we pretty standard like 800 x 600, 1024 x 768 etc and out of that too 1024 x 768 was the resolution that stood out. Later the addition of laptops happened. So now the user had the choice of either a desktop or a laptop. This still did not possess too much of a challenge as most of the laptop screens fell within the same screen resolutions as that of a desktop, again the popular choice being 1024 x 768.

The real challenge came up with the addition of mobiles and tablets to the already existing collection of desktops and laptops. Mobiles varied from screen resolutions that ranged from 320 x 480, 480 x 320. In both these screen resolutions the devices that fall under these are typically your iPhone 3G, 3GS and iPod touch. A screen resolution of 480 x 800 or 800 x 480, devices falling in these screen ranges would be Google Nexus One. You also have the iPhone 6 which has a screen resolution of 1334 x 750 whereas the iPhone 6+ has a screen resolution of 1920 x 1020.

So to the gamut of device choices of desktop and laptop, there are the additions of mobiles and tablets. So whats the problem which existing systems faced? A single system which was designed to address one or two screen resolutions with fixed sizes, now needs to cater to any number of screen resolutions that a device manufacture comes up with.

Adding to the resolution and screen size challenge, another choice the user has is to view the same system or site in either in landscape or portrait mode. Something we users did not have when using desktops or laptops. To be honest it would be weird watching someone tilt their MAC machine to view a system in portrait. But with handheld mobiles and tablets that has become an option.

Making your system responsive is how this can be addressed.

Just because the choice of resolutions, sizes, landscape and portrait are available, is it still a reason enough to adapt responsiveness. We all like stats and numbers, so let me give you some numbers.

11Shift in Computing

Source: http://landing.adobe.com/dam/downloads/whitepapers/53308.en.econsultancy-mobile-maturity-paper.pdfSo what are we looking at here.

This stat shows businesses that were surveyed for this report, who reported that 31% of their website traffic is via mobile devices. Yes, thats one-third or every third of your user coming from a mobile device. This share would have been unimaginable a few years ago.

For the few marketers and ecommerce professionals left in the world who need convincing about the impact of smart phone and tablet usage on their businesses, the chart shown is a clear reminder of why a relentless focus on mobile is essential.

Another study says that Mobile device sales are increasing across the board with over 85 percent of new handsets able to access the mobile Web

Lokesh, which is the first device that you access when you wake up: Your laptop or your mobile and why?

So coming from a generic discussion on responsiveness, lets narrow it down to how eLearning is getting affected or redefined by this responsiveness.

12HoweLearningis gettingredefinedBefore I get started on this, kindly can all of you take part in a poll, to help us understand how many different devices do you use in a day?

The poll would be available for the next 30 seconds.13Poll#1How many different devices do you use in a day? One Two Three More than three

Desktop, Laptop, Smartphones, TabletsThank you. Wow, that is inline with how the current trend is.

To paraphrase Madonna, "you know we're living in a multi-device world and I am a multi-device girl, which is also evident from the poll results as we can see that a majority are using more than 2 devices in their day to day life.

Lokesh: In your work day, how many devices do you use in a day and which one is used more?14How eLearning is getting redefined?One size no longer fits all - Myriad operating systems and manufacturers in a wide range of sizes

Mobile first approach - With that as a context, lets see how eLearning is getting redefined

When I say eLearning, I could be referring to the content or the learning management system itself. For the sake of my explanation, I would only refer to it as eLearning, and add content or learning management system if necessary.

Its not like eLearning did not have a challenge earlier. Any new browser release would stir us in having to test our eLearning content for compatibility on that browser. With systems being non-responsive, a new set of challenges have come about. With accessibility, a point we had seen earlier was that there are a myriad range of devices. Apart from their screen size and resolutions, another thing to consider is the different OS versions out there. We have the iOS by Apple, Android by Google, Windows OS by Microsoft. So our eLearning needs to look at screen sizes, resolutions and OS versions.

In the US, 25% of mobile Web users are mobile only, meaning that they rarely use desktops. That leaves 75% of the users still on desktops or a combination of desktops and mobiles. So desktop still is an important medium. While in 2010, Eric Schmidt of Google had mention