With a plethora of mobile devices in the market, the number of screen dimensions is also on the rise. Just how does one get an eLearning course to display optimally on all the screens? Well, that’s what responsive design is all about. At Netsmartz, we follow a responsive design methodology to provide eLearning solutions that seamlessly adapt and cater to different devices, operating systems, browsers and screen sizes.
The overall user experience remains the same, although minor adjustments have to be made to the learning content so that it behaves and displays in the same manner across different devices.
Responsive design is based on a flexible grid and uses CSS3 media queries to respond to screen sizes. The containers are fluid and use percentages as unit measures. With the CSS3 module, we create a flexible grid where text can wrap and images can resize to adjust with your browser window size. When a user accesses the eLearning content, the layout and content respond to the screen dimensions of the device.
With adaptive design, we create course screens as static layouts based on breakpoints. This approach is useful when the course will be viewed only on a set number of devices. Course screens may be designed for display at 320 pixels (mobile phone), 760 pixels (tablets) and 960 pixels (desktop). Depending on the device the user is viewing it on, the adaptive file will detect the device and call up the device-specific layout for viewing. Unlike Responsive design where the design adapts when the browser window resizes, Adaptive design will not change once it is loaded onto the device.
Responsive design makes for optimal viewing, no matter which device is used, because HTML can be used for delivery to many platforms. Responsive design remains popular, because it is easy to set up a relatively good performance.
Netsmartz has delivered over 500 different types of courses for this Fortune 500 automobile client in a relationship spanning more than 12 years.>>View More