Kineo Responsive Elearning


Published on

An overview of Kineo's responsive e-learning design approach for multiple devices. Shows how the web world is adapting to multiple devices and how e-learning needs to respond.

Published in: Education, Technology, Design
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Kineo Responsive Elearning

  1. 1. E-Learning in amulti-device world Steve Rayson
  2. 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. 3. We live in a multi-device world
  4. 4. • We live in a multi-device worldGoogle Survey -
  5. 5. • We live in a multi-device world
  6. 6. • We live in a multi-device world
  7. 7. MLearning Solutions – Vendor HypeReality is not desktop v mobile but multi-device delivery
  8. 8. Web moving from mobile design to responsive multi-device designVolume of GooglesearchesMobile web designResponsive web design
  9. 9. From multiple versions to a single responsive version
  10. 10. From multiple versions to a single responsive version
  11. 11. From multiple versions to a single responsive version
  12. 12. New Scrolling NavigationDriven byscrolling onphones andtabletsMore elegantMore exploratoryNo navigationBecoming a webnorm
  13. 13. Scrolling Designs
  14. 14. Scrolling AdvocatesAmazon. Each product has a single page. The Kindle,the product page was 17,244 pixels long. Amazonclearly does not have a problem with using long pagesto sell its best selling product.Amaze redesigned Volvo site using long single sectionpages. Whilst not all people scroll all the way down,46% of users see the majority of the content. In thepast, the typical user only saw 18% of the content ofthe relevant car chapter.
  15. 15. HTML 5
  16. 16. HTML5 Interactivity
  17. 17. Implications for E-Learning
  18. 18. Do you need to deliver e-learning that onlyworks on one device?
  19. 19. Do you need to deliver e-learning that onlyworks on one device or onmultiple devices?
  20. 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. 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. 22. One version that responds not multiple versions Fluid design, not fixed screen sizes Is it a dream? Let’s see a demo
  23. 23. Kineo’s Adapt Framework Intelligent Responsiveness
  24. 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. 25. Kineo’s Adapt Framework
  26. 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. 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. 28. Common QuestionsOffline version – yesIE6 – needs fallback htmlversionAccess to phone functions –more limitedRole of native apps –performance support, lesstracking, updating
  29. 29. The Future?Old World New World• Mobile authoring & • Responsive Flash authoring authoring• Multiple versions • Single version
  30. 30. Thank YouContact us for a demo or to find out more Steve Rayson
  31. 31. Links /dp/B007OZNZG0/ref=sr_tr_sr_1?ie=UTF8&qid=1347890370&sr=8- 1&keywords=kindle
  32. 32. HTML5 – Apps Debate