Kineo Responsive Elearning

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. 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.

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://www.scoop.it	1963
http://www.kineo.com	567
http://kineo.com	147
http://rapid-elearning.blogspot.com	137
http://pinterest.com	10
http://tweets.caturani.com	4
http://learningsimplified.wordpress.com	3
http://translate.googleusercontent.com	3
http://10.75.74.3	2
http://rapid-elearning.blogspot.se	2
https://si0.twimg.com	1
http://rapid-elearning.blogspot.co.uk	1
http://rapid-elearning.blogspot.nl	1
http://flexible.co.nz	1
http://www.kineo.com.cn	1
http://rapid-elearning.blogspot.com.es	1

Kineo Responsive Elearning

by steverayson on Sep 20, 2012

Accessibility

Categories

Upload Details

Usage Rights

16 Embeds 2,844

Statistics

Kineo Responsive Elearning Presentation Transcript