Upload
rickard-skioeld
View
718
Download
3
Embed Size (px)
Citation preview
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 & 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