1. RESPONSIVE eLEARN| NG DESIGN 8: DEVELOPMENT V UPSIDE
2. The world of _ connechngdevices hasincreased exponentially!
3. of our dailymedia interactions aregmIW/ .of all media interactions are non-screen basedv I?-A I g . . 4 - .4 u :2 .7 at 2 t. b~ 3 5 .3 / ,i ll l '- fair TelevisionOn average we spendA3-.4:} hours of our leisure time in front of screens each daygc5.355;!_ I
4. A Responsive World popwacevwnaccessthe lnternetfrornmobile devices
5. Enter Responsive DesignResponsive Design is designing for multiple screens in a manner that content responds to target environment and reflows to fit into different layouts and treatments asper display size & type.
6. Factors that Drivethe Need for Responsive eLearning
7. Fluid gridsFor a design to respond,the site should be built on a uid or flexible grid foundation within which on-screen elements adjust to the display area. Flexible imagesImages form an integral part of a site and for a design to be responsive these images should be exible - that is,they should scale proportionately depending on the size of their display container. Media queriesMedia queries provide a way of detecting the device dimensions andother physical properties that then directs the fluidgrids and exible imagesto align appropriately to fit the device screen. O04-ZON. .Lla--use
8. Multi-device Seamless No redundant ready learning flow clicksContinuity across Ease of reporting devices time-effective & tracking
9. Click and Reveal Interactivity |l 7731: L uijsiqs