SHIFT's eLearning Blog

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

To visit the Spanish blog, click here
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

The Power of Story: Using Storytelling to Improve eLearning Courses

You have to schedule meetings with the SME. You have to speak with the business executives to figure out the learning objectives. You have to know the target audience. It seems you have your hands full. Why should you bother to rack your brains and think of a story? Why would you need to tell a story in an eLearning course? Stories hold enormous power over our minds and hearts for a reason. They are how we think, how we make sense of information, how we define ourselves, and how we persuade others. According to an article in Psychology Today, stories continue to hold power in this digital age because the human brain hasn't evolved as fast as technology and it's only through stories that we can connect to the various digital platforms and media messages out there today.  Stories can improve your eLearning courses, not only making them more instructionally-sound but also more engaging, thus more impactful. 

  • 8 min read
  • Thu, Oct 21, 2021 @ 02:45 PM

Would You Take Your Own eLearning Course?

Anyone seeking to create meaningful and engaging eLearning courses can benefit by remembering what it is like to be on the other side. It is bad practice to subject learners to any training that you would not participate in yourself. It’s time you stop blaming the “boring” content and commit to stop tormenting the learners who are required to take your course! Our job as eLearning designers is to FASCINATE and DELIGHT the learner from beginning to end. In the excitement of launching a new course, it’s easy to overlook details. Therefore, it can be very useful to have a checklist for last-minute touches.

  • 5 min read
  • Sat, Oct 16, 2021 @ 09:46 AM

Are You Measuring The Impact of Your Online Training Programs? Start here

Beyond the traditional learning metrics like registrations and completion rates, how can we begin to understand the real impact that online training is having within our organizations? 

  • 11 min read
  • Thu, Oct 14, 2021 @ 05:55 PM