SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

All Posts

The Complete Checklist for the Perfect eLearning Course Design

We have been designing eLearning for quite some time now, but this blog post from Canva made us realize that great design is actually simple to create if you follow a few rules. So we thought we will spill the beans and let the world (the other eLearning designers who are still fumbling with the rules of the game) know about the 9 essential design tactics that will magically transform ho-hum eLearning courses into scintillating works without compromising on instructional effectiveness.

Here’s your visual designing checklist:


Is there a visual focal point?

Your learners are busy people. Besides, they are used to being wooed by smart ads, snazzy infographics, and clever YouTube videos. So you have to make sure that your course not only grabs eyeballs but also keeps the learners hooked. Create visual focal points that cries out for attention. 

Tip: Ask a co-worker to look over your course. Then ask him about his first impression. If he was bored or was distracted by a blog or his smartphone, then you need to rethink your design.

Is there an obvious and logical continuity?

Cluttered websites where you cannot find links. Shopping malls where the elevators, escalators, and exits are hard to locate. Neighborhoods where the numbers of the houses don’t give a clue about their locations. These are common examples of bad designs that make getting around and doing things difficult for us. If you are not careful, your eLearning course can also turn out to be such a design nightmare for learners.

Flow or movement is critical to good eLearning design. It is how you lead the learners through your course without making them stumble or wonder where they are supposed to look next. Here are the pointers:

  • Chunk and sequence the content first. This helps you figure out how you will place the various elements on screen, so they follow a natural and logical sequence.
  • Arrange graphical elements so that they direct learner attention to the content and through it, not away from the screen.
  • Build gaps into your design or space out the elements, so the learner can pause and let the content cement in his mind.

Meanwhile, here are some more pointers on how to create an effective and enticing visual design flow. 

Do the different typefaces gel with one another?

Mixing typefaces is an effective way to create points of visual interest. But beware of ending up with a mess where too many typefaces create clutter. Here is a short typography lesson to jog your memory, and below are some tips to rock typefaces and fonts in your eLearning courses:

  • Use a serif and sans serif fonts in titles to create contrast.
  • Choose typefaces that match the mood and the personality of the content.
  • Choose typefaces that appeal to the sensibilities of your audience.
  • Choose readable typefaces.
  • If you are unsure, choose simplicity over novelty.

Here are some more tips on how to choose a typeface for your course. 

Have you ensured there are no readability issues? 

Your learners are here to read through the content in your course. So don’t make them strive hard just to make out what’s written on the screen. Readability issues mar the appeal of your course and destroy its instructional soundness. Besides, you risk losing your learners mid-way. Here are some tips to make text readable:

  • Choose the right size for the text. 
  • Choose readable fonts. Don’t sacrifice readability to create contrast. Here are some tips on how to pair fonts to maintain balance between readability and quirkiness.
  • Choose font and background colors so that the text stands out.
  • Be careful of column length. Many learners feel overwhelmed when they are made to read large chunks of text that run right across the width of the screen. You can create narrow text boxes or space out the text across multiple columns (newspaper style) to create an illusion of sparseness.

Is there consistency? 

Harmony is beautiful. Harmony also makes sense. While it is true that contrast is exciting and grabs eyeballs readily, don’t go OTT with a mélange of fonts, colors, templates, and layouts. When a myriad of graphical elements clash, the results are jarring. So, stick to simplicity and create harmony with the following tips:

  • Create a unifying theme that runs throughout the course. 
  • Choose a scheme for fonts, colors, and templates so that every page looks like it is a part of the same course.
  • Do not overlook seemingly inconsequential elements like buttons, heading sizes, and spacing. Every element on the screen should adhere to the theme.
  • Create a standards document for every project. This ensures team members working on a project are on the same page and know how creative they can be so that they do not end up creating wildly different designs.

Is there contrast between different visual elements?

We had been harping on harmony and balance, but contrast is also a critical design strategy in eLearning. Apart from creating points of interest that hook learner, contrast also enhances instructional effectiveness.

Use contrasting shapes and colors and contrast between text (size and color) and background (color) to achieve the following ends:

  • To make critical pieces of information stand out
  • To create visual points of interest
  • To draw attention to specific visual elements
  • To engage the learners and keep them interested

Do form and function balance?

As an eLearning designer, you don’t want to be known as someone who creates beautiful courses that don’t deliver substance. In an all-out effort to create courses that look stunning, it is easy to forget that you have to also teach your audience. 

Balancing form and functionality is challenging. Keep in mind the following pointers:

  • Ensure you arrange the various on-screen elements so that learners don’t have to hunt around for information.
  • Ensure that the most critical pieces of information on the screen stand out.
  • Create a consistent layout.
  • Make navigation intuitive. 

Is there enough white space on the screen?

Optimizing screen real estate does not mean that you cram every available square inch with text or graphics. The screen will look cluttered and searching for information will be akin to hunting for a needle in a haystack. Besides, a crowded screen can overwhelm the learner and scare him away altogether. 

Create an illusion of space by keeping enough white space on screen. White spaces provide breathers to learners and create opportunities for them to pause and reflect on previous learning before moving on to the next nugget of information. These negative spaces eliminate clutter and distractions and help learners focus on the most important pieces of content.

You can use white space in two ways:

  • To create a “barrier” that separates various on-screen elements and compels the learner to pause
  • To draw attention to specific learning elements

Have you created the right mood?

Your adult corporate learners are exposed to a myriad of information throughout the day. To keep them engaged is a challenge, but tickling them emotionally will do the trick. You have to create a layout that “feels good” and sets the “right mood.” Here’s how:

  • Use illustrations and customized photographs that match the mood of the content.
  • Use graphics that appeal to the learners’ emotions.
  • Use visuals that convey a clear meaning even without the support of the text.
  • Use colors to set the mood. Learn more about color psychology here.

Not all great designers are born. You can learn design skills by following the works of the masters, from experience, and by getting into the shoes of the learners to gauge what motivates them to keep going through a course.

visual design crash course


Related Posts

How to Turn Your Employees into Lifelong Learners

A fat paycheck? Yes, but not always. The corner office within the next five years? Yes sure, but what about now? 401(k) plan. Health and dental insurance. Paid vacation. Well, these would be nice. What do you think is the single biggest factor that motivates employees to recommend their company as THE place to work for young, ambitious people? According to Bersin by Deloitte’s research with Glassdoor, learning, and career opportunities are accorded the highest priorities by employees. Clearly, employees know that in an ever-changing and volatile workplace, there is only ONE way to make oneself indispensable. Keep growing. Keep learning. Innovate consistently. Employees have not failed to learn from the examples around them. Companies like Yahoo,  BlackBerry, Blockbuster failed to keep up with the times. The result: they continued to lag till the day when they were forced to give up. Innovation is the game-changer. It is true not only for organizations but also for individuals. This is why companies are able to lure valuable employees away from their rivals with the promise of training opportunities. As an HR or training professional, you have to keep your employees interested in working for the company by providing them with ample learning opportunities. They need to improve their skills, increase productivity, and be on top of their game, so your business can out-innovate its rivals, tide over disruptions, and respond to market changes.

  • 13 min read
  • Wed, Sep 15, 2021 @ 04:44 PM

Don't Frustrate Your Learners! 7 Rules for Creating User-Friendly eLearning

What if the secret to life existed but was locked in a box that no one could open? Well, you’d pretty much just have a box, wouldn’t you? And that is also what you have when you design an eLearning course without taking usability into consideration. It matters little how relevant information in a course might be if your audience can’t access that information. While engaging students and making sure content is entirely covered are critical parts of course success, it is just as important to go through and make sure your user interface (UI) ducks are in a row. Taking the time to go through and check for user-friendliness will help ensure that your students don’t lose out just because the course is difficult to navigate. Keep in mind that an eLearning course often isn’t a choice for most people. They are taking this because they have to and will have little patience for guesswork. Make it clear what the user needs to do in order to advance in the course. Learning is difficult enough without the added annoyance of having to hunt for what to click on.

How Usable is Your eLearning Course? Follow the 5 E’s For Best Results

Usability applies to any user interface, from a door handle to an airplane cockpit - or an eLearning course. It means, simply, how easy it is for users to get what they need out of the device. How usable your eLearning course is, is one of the most important factors that make or break your entire program. Usability is so critical in eLearning because every minute students spend learning to use the software is a minute out of their time spent learning the content. What is Usability? Usability is a measure of how well a specific user in a specific context can use a product/design to achieve a defined goal effectively, efficiently and satisfactorily.   If you are in the middle or just starting an eLearning course, before you go any further, ask yourself if you have covered the 5 E's of usability. Use these as guidelines or standards to make sure your course is as easy to use as you can make it.

  • 7 min read
  • Wed, Sep 08, 2021 @ 04:44 PM