Your SlideShare is downloading. ×
Responsive E-Learning Design (RED): E-learning that works everywhere
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Responsive E-Learning Design (RED): E-learning that works everywhere

8,926
views

Published on

We live in a multi-device world. The growth of internet enabled devices such as smartphones, tablets and laptops means that increasingly we have to deliver learning solutions that work on all devices. …

We live in a multi-device world. The growth of internet enabled devices such as smartphones, tablets and laptops means that increasingly we have to deliver learning solutions that work on all devices. This is not as simple as a desktop solution and a mobile solution, what is required is a multi-device solution. Luckily developments in HTML5 mean we can now develop a single e-learning module which will work on all devices. The solution is responsive e-learning.
This presentation was produced for the E-learning in a Multi-Device World webinar by Kineo and the LSG webinar, which took place on Thursday 20th September, 2012. Contact Kineo for a further demo of RED and to find out how it can help your business.

Published in: Technology, Design

0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,926
On Slideshare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
203
Comments
0
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. E-Learning in amulti-device world Steve Rayson
  • 2. How many devices do you use in a typical day?(Desktop/laptop, smartphones, tablets) 1) One 2) Two 3) Three 4) More than 3
  • 3. We live in a multi-device world
  • 4. • We live in a multi-device worldGoogle Survey - http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  • 5. • We live in a multi-device world
  • 6. • We live in a multi-device world
  • 7. MLearning Solutions – Vendor HypeReality is not desktop v mobile but multi-device delivery
  • 8. Web moving from mobile design to responsive multi-device designVolume of GooglesearchesMobile web designResponsive web design http://en.wikipedia.org/wiki/Responsive_Web_Design
  • 9. From multiple versions to a single responsive versionhttp://www.google.com/culturalinstitute/
  • 10. From multiple versions to a single responsive version www.shell.com
  • 11. From multiple versions to a single responsive version www.bostonglobe.com
  • 12. New Scrolling NavigationDriven byscrolling onphones andtabletsMore elegantMore exploratoryNo navigationBecoming a webnorm
  • 13. Scrolling Designshttp://www.dangersoffracking.com/ http://titanic.q-music.be/
  • 14. Scrolling AdvocatesAmazon. Each product has a single page. TheKindle, the product page was 17,244 pixels long.Amazon clearly does not have a problem with usinglong pages to sell its best selling product.Amaze redesigned Volvo site using long single sectionpages. Whilst not all people scroll all the waydown, 46% of users see the majority of the content. Inthe past, the typical user only saw 18% of the contentof the relevant car chapter.
  • 15. HTML 5
  • 16. HTML5 Interactivity
  • 17. Implications for E-Learning
  • 18. Do you need to deliver e-learning that onlyworks on one device?
  • 19. Do you need to deliver e-learning that onlyworks on one device or onmultiple devices?
  • 20. Old World Publish to or produce: Delivering to - native iPhone appMultiple Devices - native Blackberry app - native Android app - Flash version - HTML version for iPadsEven single source publishing still means different versions toupdate and track. Can be further complicated with languages.
  • 21. New world is responsive e-learning design “One version that works on all devices” Why publish multiple versions?Why develop a version that works only on one device?
  • 22. One version that responds not multiple versions Fluid design, not fixed screen sizes Is it a dream? Let’s see a demo
  • 23. Kineo’s Adapt Framework Intelligent Responsiveness
  • 24. Intelligent Responsiveness• Simplifies content for smartphone• Extra content for phone only• Changes interaction for smaller screens• Reduces image size or removes for Smartphone
  • 25. Kineo’s Adapt Framework
  • 26. Rethinking E-Learning DesignShorter but deeper learner journeysMaking navigation a meaningful part of the journeySearchable and reusable content objectsBuilding content in small blocksRethinking the journey on different devices – differentcontent and content types
  • 27. Benefits of Responsive E-LearningOne version works on all devicesOne version to track and maintainDistribute from a single LMSAccessible contentSearchable contentMore cost effectiveAllows sequential screening
  • 28. Common QuestionsOffline version – yesIE6 – needs fallback htmlversionAccess to phone functions –more limitedRole of native apps –performance support, lesstracking, updating
  • 29. The Future?Old World New World• Mobile authoring & • Responsive Flash authoring authoring• Multiple versions • Single version
  • 30. Thank YouContact us for a demo or to find out more Steve Rayson www.kineo.com info@kineo.com
  • 31. Linkshttp://services.google.com/fh/files/misc/multiscreenworld_final.pdfhttp://www.amazon.com/Kindle-Paperwhite-Resolution-Display-Built- /dp/B007OZNZG0/ref=sr_tr_sr_1?ie=UTF8&qid=1347890370&sr=8- 1&keywords=kindle www.bostonglobe.com http://www.google.com/culturalinstitute/ www.shell.com www.beetle.com http://www.dangersoffracking.com/ http://titanic.q-music.be/
  • 32. HTML5 – Apps Debate http://mashable.com/2012/09/12/web-vs-native-apps/http://www.businessinsider.com/html5-vs-apps-why-the-debate-matters-and-who-will-win-2012-8#ixzz24yUXunf2 http://learningandskillsgroup.ning.com/events/e-learning-in-a-multi-device-world