eLearning Made Better Through Responsive LMS

  • Published on
    10-Jul-2015

  • View
    855

  • Download
    1

Embed Size (px)

Transcript

<p>No Escaping Mobile Learning</p> <p>LOKESH Kumar</p> <p>UJWAL ShangarpawareLearningResponsive LMSmade betterthrough</p> <p>1200 Clients In 13 CountriesEstablished In 2004 USIndiaAustraliaMiddle EastNew ZealandS.AfricaNigeriaKenyaSingaporeVenezuelaUK2Our Learning Solutions CustomeLearningCustommLearning</p> <p>335 Awards &amp; Recognitions</p> <p>Winner of a Silver award in CLOmagazine's 'Learning In PracticeAwards 2011' for UpsideLMS</p> <p>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 &amp; '07)</p> <p>Winner of 12 Brandon Hall Excellence Awards (12, '11, '10 &amp; '09)UpsideLMS featured in the '2010Top 20 Learning Portal Companies List and 2011, 2012, 2013 &amp; 2014 Watch ListWinner of Red Herring 100 Asia Award in 2008 &amp; finalist in Red Herring Global 100 ('09)</p> <p>Winner in Deloittes Technology Fast 500 Asia Pacific 2008 &amp; 2009 program, and Fast 50 India 2008 program</p> <p>Winner of eLearning Team of The Year 2013</p> <p>Featured in Training Industry's 2014 Content Development Watch List </p> <p>4</p> <p>Speaker IntroductionUjwal ShangarpawarSenior Product Manager Mobile SolutionsUpside Learning SolutionsLokesh KumarSenior Product Manager - UpsideLMS Upside Learning Solutions</p> <p>Thank you Sanjay for the introduction. </p> <p>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. </p> <p>Thank you.</p> <p>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&amp;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.</p> <p>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)</p> <p> 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</p> <p> In short, what we mean by making a responsive design is that a system or a site that is device agnostic.</p> <p>8What is Responsive design?</p> <p>Take a look at the slide shown. When looking at the screen, what is it that we notice?</p> <p>a. The first thing we notice is that 3 different screen resolutions are shown </p> <p>b. The second thing is that the same is being shown on the 3 different screen resolutions</p> <p>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.</p> <p>In a nutshell, that is what a responsive system is.</p> <p>Again any questions at this point, please fell free to use the chat window and post your questions there. Thanks.</p> <p>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 </p> <p>9Whyit becomehasa necessity10Shift in Computing</p> <p>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. </p> <p>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.</p> <p>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. </p> <p>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. </p> <p>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. </p> <p>Making your system responsive is how this can be addressed.</p> <p>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. </p> <p>11Shift in Computing</p> <p>Source: http://landing.adobe.com/dam/downloads/whitepapers/53308.en.econsultancy-mobile-maturity-paper.pdfSo what are we looking at here. </p> <p>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. </p> <p>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. </p> <p>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</p> <p>Lokesh, which is the first device that you access when you wake up: Your laptop or your mobile and why?</p> <p>So coming from a generic discussion on responsiveness, lets narrow it down to how eLearning is getting affected or redefined by this responsiveness.</p> <p>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?</p> <p>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</p> <p>Desktop, Laptop, Smartphones, TabletsThank you. Wow, that is inline with how the current trend is. </p> <p>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. </p> <p>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</p> <p>Mobile first approach - With that as a context, lets see how eLearning is getting redefined </p> <p>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.</p> <p>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.</p> <p>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 mentioned that Google would be taking the mobile first approach, do we need to take this approach for eLearning as well. The thought here is that, if you design keeping in mind a mobile device say an iPhone or any phone and then move towards a tablet and then to a desktop, you are progressively enhancing the functionalities, which are visible to the user as more real estate is available when moving from a smaller screen to a larger screen. As opposed to this, when moving from a desktop first to a tablet and then a phone design, you are gradually degrading the functionalities, which are being displayed on the screen. Also if you design for the desktop first, you may add all functionalities that look and work really well on the desktop and when you come to the mobile, not so much. So a mobile first approach is recommended.15How eLearning is getting redefined?Adoption of BYOD, which has increased variety of mobile devices that eLearning must support </p> <p>Flash vs. HTML5 More content now being developed on HTML5A user today is no longer restricted to go through his/her learning from the infrastructure typically a laptop or a desktop, which are provided by his/her company. He should have the flexibility to access eLearning on the go. </p> <p> Traditionally Flash was the preferred choice for developing eLearning </p> <p>Limitations of flash are that:No support for adaptive rendering/responsive designsLess flexibilityNo support on mobile platformsUses high processing and battery power</p> <p>Benefits of HTML5:Widely used for offering content on the WebA great option for creating eLearning materialSupports rich media, graphics, animations and interactionsWorks well across modern browsers such as Internet Explorer (IE) 9/10, and all latest versions of Safari, Google Chrome and FirefoxMost importantly it is compatible with modern mobile devices such as smart phones and tablets of both Android and iPhone platform</p> <p> Let us now see how responsive LMS would address the challenges in a multi-device world. Lokesh, would be taking you through this. 16HowResponsive LMSbe of helpwill a17Poll#2Which of these is true for your organisation?Already have an LMS, which is not ResponsivePlanning to move to a Responsive LMS in next 3 monthsNo immediate plans to move to a Responsive LMSNot using any LMSIMP Note for Self: Look at the result before saying below mentioned statement.</p> <p>Interesting result for the following factors:- Highly encouraging to see the number of people onto the mobile learning implementation already, since as an organization we believe and see mLearning as having lot of potential. And not just being around but solving a need.</p> <p>18Benefits of Responsive LMSSeamless and Uniform User ExperienceThe best user experience on every deviceConsistency of experience 1</p> <p>Benefits of Responsive LMSAccess eLearning on your own devicesIncreasing your reach to tablet and mobile audiencesBring Your Own Device (BYOD) 2</p> <p>Benefits of Responsive LMS3Just In Time Support Access eLearning outside office hours including travel and waiting timeMaking compliance training programs more convenient to complete </p> <p>Benefits of Responsive LMS4Save time and cost on site managementSingle Content Management SystemSingle Administrative Interface </p> <p>Benefits of Responsive LMS5Easy to maintain and rolloutSingle Code BaseNo need of specialised trainingCost effective as compared to native apps </p> <p>Benefits of Responsive LMS6Consolidate your analytics and reportingSingle repository </p> <p>Benefits of Responsive LMS7Save time and cost on mobile developmentReduced development timeReduced testing timeReduced ownership costs </p> <p>Poll#3eLearning content is not ResponsiveManagement buy-inTechnology concernsUser adoptionToo much of Flash-based content What are the key challenges in implementing a Responsive LMS?IMP Note for Self: Look at the result before saying below mentioned statement.</p> <p>Interesting result for the following factors:- Highly encouraging to see the number of people onto the mobile learning implementation already, since as an organization we believe and see mLearning as having lot of potential. And not just being around but solving a need.</p> <p>26QA&amp;27Thank You!</p> <p>www.upsidelearning.comwww.upsidelearning.com/blog</p> <p>Upside Learning Solutions Pvt. Ltd.28</p>