RESPONSIVT

det nya svarta inom e-learning

Linda Öberg, pedagogisk rådgivareRickard Skiöld, produktchef

DIN VARDAG

• Från och med när du gick upp i morse – tills du går och lägger dig i kväll…

– Hur många olika skärmar kommer du ha använt?

– Vad kommer du ha använt de olika skärmarna till?

DIN VARDAG

• Var gör du dina bankärenden?• Hur planerar du din weekendresa till Paris?• Hur facebookar du mest?• Hur lyssnar du på Sommar i P1?• Hur kollar du upp nästa buss till Sundbyberg?• När började nästa möte nu igen?• Var skapar du dina presentationer?

A MULTI-DEVICE WORLD- EN MÅNGFALD AV SKÄRMAR

• Dator, TV, surfplatta, mobil, phablet, smarta klockor…

• Allt oftare mer än 1 skärm i taget

• Allt oftare börjar vi på en skärm och slutför på en annan

HUR NÅ UT TILL OLIKA SKÄRMAR OCH ENHETER?

• Webb + mobilwebb– Skapa och underhålla på minst 2 ställen

• Webb + Appar– Skapa och underhålla på > 3 ställen

• Responsiv webbdesign– Skapa och underhåll på 1 ställe

RESPONSIV WEBBDESIGN – VAD ÄR DET?

”Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum ofresizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)”

https://en.wikipedia.org/wiki/Responsive_web_design

RESPONSIV WEBBDESIGN

• Inom webbdesign i stort - inte det nya svarta, har snarare blivit en gällande standard under de senaste åren

• Inom e-learning – nu händer det

VERKTYG FÖR RESPONSIV E-LEARNING

• Adapt– 100 % responsivt

• Totara LMS– 100 % responsivt LMS – mängder av läraktiviteter– utmärkt plattform för e-learning framtagen i t ex Adapt

• Captivate– Snabbt och enkelt, men begränsat

• Och ett fåtal till så här långt

ADAPT – ”PROJEKTET”

• Startat september 2013 i London• Öppen källkod• Xtractor aktivt delaktiga sen starten• Mer än 200 produktioner levererade– Xtractor-exempel:

• Socialstyrelsen, Finanskompetens, Tikkurila, Bonanza, 3, Handelns Yrkesnämnd, NCC, Statens medieråd

• Mer än 50 plugins framtagna• Över 100 000 rader kod (motsv 25 år att skapa)

ADAPT – STATUS IDAG

• Adapt Framework 2.0– Mängd komponenter och plugins– Fullödigt, men för programmeringsorädda

• Adapt Authoring 0.1– Betaversion av författarverktygsgränssnitt– Fungerar, men med begränsningar– Under utveckling

ADAPT FÖRFATTARVERKTYG

• !!!

ADAPT & RESPONSIVITET

• Intelligent responsivitet– Anpassar, byter ut, kan hoppa över– Både statiskt innehåll och interaktiva element

ADAPT – UTÖVER ”BARA RESPONSIVT”

• Öppen källkod = ingen licenskostnad, full frihet, hög utvecklingstakt

• Tillgänglighet – WCAG 2.0, nivå AA

• Googlevänligt innehåll • Bejaka scroll– Ger nya möjligheter till mer engagerande och

enklare navigering– Mer översikt, mer helhetsupplevelse

UTMANINGAR & MÖJLIGHETER- KONKRETA EXEMPEL

• Socialstyrelsen– Sex mot ersättning

• Handelns yrkesnämnd– Handledarstöd

SUMMERING - RESPONSIVT

Möjligheter• Tillgängligt och

optimerat för ”alla” plattformar

• Framtidssäkrat• Modernt, känns igen

från webben (i stället för ”powerpoint”)

• Användarstöd

Utmaningar• Om målgrupp = PC (för

utbildnings hela livslängd) – onödigt

• Kräver nytt sätt att tänka design

• Kräver ofta mer testning• Ny teknik kan ge nya

utmaningar– Gamla webbläsare– Speakerljud

DESIGNTIPS RESPONSIV E-LEARNING

• Utgå från användare och lärmål – optimera för den mest relevanta skärmstorleken

• Använd scrollens möjligheter• Minimera textmängd – använd

film/animationer • Tänk grafik och pedagogik i samverkan –

redan från början• Skissa flöde med hjälp av wireframes

TACK!

…och hoppas vi syns igen…

på Xtractors & Totaras workshop, Promisedagen6 oktober kl 13.00:

”What’s stopping us from delivering true blendedlearning experiences”

Linda Öberg & Lars Hyland