Best Practices for Developing With Responsive Course Design


What’s the most efficient way to design mobile-friendly eLearning? How can you ensure that it will look great on every smartphone and tablet? Today’s blog post addresses those questions. It’s an excerpt from our latest free eBook release, A Mobile World Needs Responsive Course Design. The eBook discuses how Lectora’s Responsive Course Design™ makes creating courses for the mobile world easier and faster. Take a look:

When it comes to creating content using Responsive Course Design (RCD), there are a few best practices to keep in mind.

Desktop First

You’ve probably seen articles on Responsive Web Design advocating that you should “design for mobile first.” However, for RCD, we use inheritance from the desktop view to populate the mobile views, so you should always design for the desktop first. Content that you place in the desktop view will be automatically responsively positioned and sized for the other views—landscape and portrait on mobile devices. When you work with the mobile views, it will be much easier to remove or reposition content that might not be as important to the information you are trying to convey on that page.

It’s important to do as much of your work as you can from the desktop, and let the inheritance do the work for you. That way, any changes or updates you make to the desktop view are carried over to the mobile views without any tweaking necessary.

Start at the Top

When converting a non-responsive title to RCD, or even starting a new RCD title from scratch, it’s important to set up all of your title level navigation and background images first on the desktop, and then make sure everything is working on all of the mobile views, before filling in all of your content. That way, you know how much room you will have to work with, and how things will be laid out on each of the pages.


To see more best practices on using themes, page layouts, background images, and more with Responsive Course Design, download the free eBook: A Mobile World Needs Responsive Course Design.