SlideShare a Scribd company logo
1 of 22
How to evolve your responsive
learning with Adapt
Sven Laux
Paul Welch
Lindsey Coode
Chris Jones

(CG Kineo Technical Director + Adapt Learning Project Lead)
(CG Kineo Head of Learning Technology Innovation)

(Content Development Manager at Learning Pool)
(Developer at Sponge UK)
Multi device world
• Most of us now carry significant processing power
and use multiple types of devices every day.
• We expect to access services on the go.
• Growing acceptance of BYOD (bring your own
device)

• With new device types come new access patterns
• Scrolling is no longer an issue
• Different interactions and device capabilities
challenge us to rethink how we design e-learning
How Adapt fits
• Adapt is a framework developed and donated by
City & Guilds Kineo
• Uses responsive design -> enables a single version
of the course
• Developed in HTML5
• Proven on many client projects
• Your opinion: What is more relevant to you?
• single version (responsive design)
• embedding specific device capabilities
Adapt in action…
What is responsive elearning?

Single version of your
course delivered to
multiple devices
Built in everyday web
technology (HTML,
JavaScript, CSS)
Many other benefits
Just because you can,
doesn’t mean you
should
One course that works
on multiple devices is a
significant development
Making the entire course
available on mobile isn’t
often the best approach
Less is often more
Put scrolling at the
heart of your design
Your learners are already
doing it
Device proof your
learning
Meaningful navigation
Everything above the
fold
More flexibility
Think about the big
picture first

Think about how the
layout and the visual
treatment of the entire
page can be used to
support the content
Wireframe it
…and then share it
Prototype, test and
share

Talk to the Front End
Developers
Early proof of concept
and full QA on all target
devices
Engage your learners
Share and seek feedback
Content is King!

Don’t throw the baby
out with the bath water
Consider the overall user
experience
Engage your learners
Meaningful interactions
Adapt Technologies

Chris Jones
Lead Developer, Sponge UK
Adapt Technologies
HTML5, Javascript & CSS
Node.JS
Bower, by Twitter
Grunt.JS
Ws 16
Adapt Community Site
The community site
provides a place for
everyone to discuss the
project and discover
more about using the
framework.
Ws 16
Ws 16
Adapt Developer Site
The developer site
provides a place for
technical discussion and
access to the framework
components.
Ws 16
Ws 16
Get involved…….
https://community.adaptlearning.org/
https://github.com/adaptlearning
Learn More
Visit us at Learning Technologies 2014
Olympia 2, London. 29 – 30 January
City & Guilds Kineo – Stand 142
Learning Pool – Stand 34
Sponge UK – Stand 154
Free tickets at www.learningtechnologies.co.uk
Thank you / questions

www.kineo.com
info@kineo.com

www.learningpool.com
hello@learningpool.com

www.spongeuk.com
info@spongeuk.com

Learning Technologies
Stand: 142

Learning Technologies
Stand: 34

Learning Technologies
Stand: 154

More Related Content

What's hot

Edu614 session 7 spring 13 presentation tools
Edu614 session 7 spring 13 presentation tools Edu614 session 7 spring 13 presentation tools
Edu614 session 7 spring 13 presentation tools Kathy Favazza
 
10 things adobe gets right about Mobile Learning with Adobe Captivate 8
10 things adobe gets right about Mobile Learning with Adobe Captivate 810 things adobe gets right about Mobile Learning with Adobe Captivate 8
10 things adobe gets right about Mobile Learning with Adobe Captivate 8RJ Jacquez
 
Adobe eLearning Basics: Publishing to Devices
Adobe eLearning Basics: Publishing to DevicesAdobe eLearning Basics: Publishing to Devices
Adobe eLearning Basics: Publishing to DevicesDr. Pooja Jaisingh
 
Benefits of Video Lectures
Benefits of Video LecturesBenefits of Video Lectures
Benefits of Video Lecturesshivaliswmi123
 
Creating Outstanding e-Learning with Adobe Captivate 4.0
Creating Outstanding e-Learning with Adobe Captivate 4.0Creating Outstanding e-Learning with Adobe Captivate 4.0
Creating Outstanding e-Learning with Adobe Captivate 4.0Karim Kamruddin
 
What does good practice look like?
What does good practice look like?   What does good practice look like?
What does good practice look like? Scott Hibberson
 
THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...
THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...
THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...Allen Partridge
 

What's hot (16)

UltraLearn
UltraLearnUltraLearn
UltraLearn
 
Youthreach conference 2017
Youthreach conference 2017Youthreach conference 2017
Youthreach conference 2017
 
Edu614 session 7 spring 13 presentation tools
Edu614 session 7 spring 13 presentation tools Edu614 session 7 spring 13 presentation tools
Edu614 session 7 spring 13 presentation tools
 
10 things adobe gets right about Mobile Learning with Adobe Captivate 8
10 things adobe gets right about Mobile Learning with Adobe Captivate 810 things adobe gets right about Mobile Learning with Adobe Captivate 8
10 things adobe gets right about Mobile Learning with Adobe Captivate 8
 
Adobe eLearning Basics: Publishing to Devices
Adobe eLearning Basics: Publishing to DevicesAdobe eLearning Basics: Publishing to Devices
Adobe eLearning Basics: Publishing to Devices
 
Benefits of Video Lectures
Benefits of Video LecturesBenefits of Video Lectures
Benefits of Video Lectures
 
Get the flash outta here
Get the flash outta hereGet the flash outta here
Get the flash outta here
 
The techie teacher
The techie teacherThe techie teacher
The techie teacher
 
Creating Outstanding e-Learning with Adobe Captivate 4.0
Creating Outstanding e-Learning with Adobe Captivate 4.0Creating Outstanding e-Learning with Adobe Captivate 4.0
Creating Outstanding e-Learning with Adobe Captivate 4.0
 
What does good practice look like?
What does good practice look like?   What does good practice look like?
What does good practice look like?
 
Multimedia
MultimediaMultimedia
Multimedia
 
Tactilize LIT 03
Tactilize LIT 03Tactilize LIT 03
Tactilize LIT 03
 
Gregor Berger
Gregor BergerGregor Berger
Gregor Berger
 
THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...
THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...
THE COMPLETE ELEARNING JOURNEY – FROM PROTOTYPING TO RESPONSIVE ELEARNING DES...
 
Pathways Explained
Pathways ExplainedPathways Explained
Pathways Explained
 
Access Olympic FLC
Access Olympic FLC Access Olympic FLC
Access Olympic FLC
 

Viewers also liked (6)

Ws 20
Ws 20Ws 20
Ws 20
 
Ws 19
Ws 19Ws 19
Ws 19
 
Ws 4
Ws 4Ws 4
Ws 4
 
Ws 17
Ws 17Ws 17
Ws 17
 
Ws 2
Ws 2Ws 2
Ws 2
 
work sample for clients
work sample for clientswork sample for clients
work sample for clients
 

Similar to Ws 16

Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Cammy Bean
 
Fullstack JavaScript Developer - E-Degree
Fullstack JavaScript Developer - E-DegreeFullstack JavaScript Developer - E-Degree
Fullstack JavaScript Developer - E-DegreeDineshSingh398
 
Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...
Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...
Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...Pawar Singh
 
DSC Aswan University info session
DSC Aswan University info sessionDSC Aswan University info session
DSC Aswan University info sessionAhmedHany131
 
Adapt Elearning - NZATD Presentation Auckland
Adapt Elearning - NZATD Presentation AucklandAdapt Elearning - NZATD Presentation Auckland
Adapt Elearning - NZATD Presentation AucklandSteve Rayson
 
Week 1: eLearning Course Basics - Why program?
Week 1: eLearning Course Basics - Why program?Week 1: eLearning Course Basics - Why program?
Week 1: eLearning Course Basics - Why program?Jeff Batt
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldKineo
 
Brightspace Michigan Connection Opening Session
Brightspace Michigan Connection Opening SessionBrightspace Michigan Connection Opening Session
Brightspace Michigan Connection Opening SessionD2L Barry
 
Full Stack Developer Classes in Chandigarh.pptx
Full Stack Developer Classes in Chandigarh.pptxFull Stack Developer Classes in Chandigarh.pptx
Full Stack Developer Classes in Chandigarh.pptxasmeerana605
 
GDSC Mescoe -Info session.pdf
GDSC Mescoe -Info session.pdfGDSC Mescoe -Info session.pdf
GDSC Mescoe -Info session.pdfAkankshaPathak42
 
Android and Solution challenge that is Discover Design develop
Android and Solution challenge that is Discover Design developAndroid and Solution challenge that is Discover Design develop
Android and Solution challenge that is Discover Design developShanviShukla
 
Internship template for review 1
Internship template for review 1Internship template for review 1
Internship template for review 1Lahari Gowda
 
ICALT2011-Widgets to support the concept of an Adaptable Learning Environment
ICALT2011-Widgets to support the concept of an Adaptable Learning EnvironmentICALT2011-Widgets to support the concept of an Adaptable Learning Environment
ICALT2011-Widgets to support the concept of an Adaptable Learning EnvironmentV_Gkatzidou
 
Orientation pdf_merged.pdf
Orientation pdf_merged.pdfOrientation pdf_merged.pdf
Orientation pdf_merged.pdfDSCIITPatna
 
DEVNET-1125 Partner Case Study - “Project Hybrid Engineer”
DEVNET-1125	Partner Case Study - “Project Hybrid Engineer”DEVNET-1125	Partner Case Study - “Project Hybrid Engineer”
DEVNET-1125 Partner Case Study - “Project Hybrid Engineer”Cisco DevNet
 

Similar to Ws 16 (20)

Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design
 
Fullstack JavaScript Developer - E-Degree
Fullstack JavaScript Developer - E-DegreeFullstack JavaScript Developer - E-Degree
Fullstack JavaScript Developer - E-Degree
 
Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...
Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...
Google Developer Student Clubs - Brand Guide & Event Kit for Leads (goo.gle_g...
 
DSC Aswan University info session
DSC Aswan University info sessionDSC Aswan University info session
DSC Aswan University info session
 
Adapt Elearning - NZATD Presentation Auckland
Adapt Elearning - NZATD Presentation AucklandAdapt Elearning - NZATD Presentation Auckland
Adapt Elearning - NZATD Presentation Auckland
 
Week 1: eLearning Course Basics - Why program?
Week 1: eLearning Course Basics - Why program?Week 1: eLearning Course Basics - Why program?
Week 1: eLearning Course Basics - Why program?
 
Info session iau
Info session iauInfo session iau
Info session iau
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device world
 
Ultra Learn
Ultra LearnUltra Learn
Ultra Learn
 
GDSC Mescoe Event.pdf
GDSC Mescoe Event.pdfGDSC Mescoe Event.pdf
GDSC Mescoe Event.pdf
 
Brightspace Michigan Connection Opening Session
Brightspace Michigan Connection Opening SessionBrightspace Michigan Connection Opening Session
Brightspace Michigan Connection Opening Session
 
Full Stack Developer Classes in Chandigarh.pptx
Full Stack Developer Classes in Chandigarh.pptxFull Stack Developer Classes in Chandigarh.pptx
Full Stack Developer Classes in Chandigarh.pptx
 
GDSC Mescoe -Info session.pdf
GDSC Mescoe -Info session.pdfGDSC Mescoe -Info session.pdf
GDSC Mescoe -Info session.pdf
 
Android and Solution challenge that is Discover Design develop
Android and Solution challenge that is Discover Design developAndroid and Solution challenge that is Discover Design develop
Android and Solution challenge that is Discover Design develop
 
Jisc e assess-mar_12
Jisc e assess-mar_12Jisc e assess-mar_12
Jisc e assess-mar_12
 
Internship template for review 1
Internship template for review 1Internship template for review 1
Internship template for review 1
 
ICALT2011-Widgets to support the concept of an Adaptable Learning Environment
ICALT2011-Widgets to support the concept of an Adaptable Learning EnvironmentICALT2011-Widgets to support the concept of an Adaptable Learning Environment
ICALT2011-Widgets to support the concept of an Adaptable Learning Environment
 
Orientation pdf_merged.pdf
Orientation pdf_merged.pdfOrientation pdf_merged.pdf
Orientation pdf_merged.pdf
 
Info Session Slides.pdf
Info Session Slides.pdfInfo Session Slides.pdf
Info Session Slides.pdf
 
DEVNET-1125 Partner Case Study - “Project Hybrid Engineer”
DEVNET-1125	Partner Case Study - “Project Hybrid Engineer”DEVNET-1125	Partner Case Study - “Project Hybrid Engineer”
DEVNET-1125 Partner Case Study - “Project Hybrid Engineer”
 

More from adeel Rajper (16)

Work Sample
Work Sample Work Sample
Work Sample
 
Adeel work sample
Adeel work sampleAdeel work sample
Adeel work sample
 
work sample for clients
work sample for clientswork sample for clients
work sample for clients
 
Work sample
Work sampleWork sample
Work sample
 
company Portfolio
company Portfoliocompany Portfolio
company Portfolio
 
Ws 24
Ws 24Ws 24
Ws 24
 
Ws 22
Ws 22Ws 22
Ws 22
 
Ws 11
Ws 11Ws 11
Ws 11
 
Ws 15
Ws 15Ws 15
Ws 15
 
Ws 9
Ws 9Ws 9
Ws 9
 
Ws 10
Ws 10Ws 10
Ws 10
 
Ws 8
Ws 8Ws 8
Ws 8
 
Ws 5
Ws 5Ws 5
Ws 5
 
Ws 6
Ws 6Ws 6
Ws 6
 
Ws 1
Ws 1Ws 1
Ws 1
 
Building a buyers list no offline methods
Building a buyers list no offline methodsBuilding a buyers list no offline methods
Building a buyers list no offline methods
 

Recently uploaded

Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 

Recently uploaded (19)

Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 

Ws 16

  • 1. How to evolve your responsive learning with Adapt Sven Laux Paul Welch Lindsey Coode Chris Jones (CG Kineo Technical Director + Adapt Learning Project Lead) (CG Kineo Head of Learning Technology Innovation) (Content Development Manager at Learning Pool) (Developer at Sponge UK)
  • 2. Multi device world • Most of us now carry significant processing power and use multiple types of devices every day. • We expect to access services on the go. • Growing acceptance of BYOD (bring your own device) • With new device types come new access patterns • Scrolling is no longer an issue • Different interactions and device capabilities challenge us to rethink how we design e-learning
  • 3. How Adapt fits • Adapt is a framework developed and donated by City & Guilds Kineo • Uses responsive design -> enables a single version of the course • Developed in HTML5 • Proven on many client projects • Your opinion: What is more relevant to you? • single version (responsive design) • embedding specific device capabilities
  • 5. What is responsive elearning? Single version of your course delivered to multiple devices Built in everyday web technology (HTML, JavaScript, CSS) Many other benefits
  • 6. Just because you can, doesn’t mean you should One course that works on multiple devices is a significant development Making the entire course available on mobile isn’t often the best approach Less is often more
  • 7. Put scrolling at the heart of your design Your learners are already doing it Device proof your learning Meaningful navigation Everything above the fold More flexibility
  • 8. Think about the big picture first Think about how the layout and the visual treatment of the entire page can be used to support the content Wireframe it …and then share it
  • 9. Prototype, test and share Talk to the Front End Developers Early proof of concept and full QA on all target devices Engage your learners Share and seek feedback
  • 10. Content is King! Don’t throw the baby out with the bath water Consider the overall user experience Engage your learners Meaningful interactions
  • 11. Adapt Technologies Chris Jones Lead Developer, Sponge UK
  • 12. Adapt Technologies HTML5, Javascript & CSS Node.JS Bower, by Twitter Grunt.JS
  • 14. Adapt Community Site The community site provides a place for everyone to discuss the project and discover more about using the framework.
  • 17. Adapt Developer Site The developer site provides a place for technical discussion and access to the framework components.
  • 21. Learn More Visit us at Learning Technologies 2014 Olympia 2, London. 29 – 30 January City & Guilds Kineo – Stand 142 Learning Pool – Stand 34 Sponge UK – Stand 154 Free tickets at www.learningtechnologies.co.uk
  • 22. Thank you / questions www.kineo.com info@kineo.com www.learningpool.com hello@learningpool.com www.spongeuk.com info@spongeuk.com Learning Technologies Stand: 142 Learning Technologies Stand: 34 Learning Technologies Stand: 154

Editor's Notes

  1. http://community.adaptlearning.org