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

E-Learning in amulti-device world Steve Rayson

How many devices do you use in a typical day?(Desktop/laptop, smartphones, tablets) 1) One 2) Two 3) Three 4) More than 3

We live in a multi-device world

• We live in a multi-device worldGoogle Survey - http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

• We live in a multi-device world

MLearning Solutions – Vendor HypeReality is not desktop v mobile but multi-device delivery

Web moving from mobile design to responsive multi-device designVolume of GooglesearchesMobile web designResponsive web design http://en.wikipedia.org/wiki/Responsive_Web_Design

From multiple versions to a single responsive versionhttp://www.google.com/culturalinstitute/

From multiple versions to a single responsive version www.shell.com

From multiple versions to a single responsive version www.bostonglobe.com

New Scrolling NavigationDriven byscrolling onphones andtabletsMore elegantMore exploratoryNo navigationBecoming a webnorm

Scrolling Designshttp://www.dangersoffracking.com/ http://titanic.q-music.be/

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.

HTML 5

HTML5 Interactivity

Implications for E-Learning

Do you need to deliver e-learning that onlyworks on one device?

Do you need to deliver e-learning that onlyworks on one device or onmultiple devices?

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.

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?

One version that responds not multiple versions Fluid design, not fixed screen sizes Is it a dream? Let’s see a demo

Kineo’s Adapt Framework Intelligent Responsiveness

Intelligent Responsiveness• Simplifies content for smartphone• Extra content for phone only• Changes interaction for smaller screens• Reduces image size or removes for Smartphone

Kineo’s Adapt Framework

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

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

Common QuestionsOffline version – yesIE6 – needs fallback htmlversionAccess to phone functions –more limitedRole of native apps –performance support, lesstracking, updating

The Future?Old World New World• Mobile authoring & • Responsive Flash authoring authoring• Multiple versions • Single version

Thank YouContact us for a demo or to find out more Steve Rayson www.kineo.com info@kineo.com

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/

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

http://www.kineo.com	593
http://kineo.com	107
http://blog.ncalt.com	41
http://www.linkedin.com	1
http://translate.googleusercontent.com	1

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

by Kineo on Sep 21, 2012

Accessibility

Categories

Upload Details

Usage Rights

5 Embeds 743

Statistics

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