We make learning responsive
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 Adebiaye, 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 or Adaptive, which one should you use?
For optimal display on mobile screens, we follow 2 kinds of design methodologies: Responsive Design and Adaptive Design.
Adaptive Design Methodology
Responsive Design Methodology
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.
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.