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

    4 Questions to Ask to Determine if Your eLearning Course is User-Friendly

    Tom sits down to do his sales training online. He has been asked to complete three lessons each week adding up to 30 minutes of online training. Tom is dreading it, but he is delightfully surprised at how quickly he can navigate the page and how well the content has been paired with the graphics and features. He gets through 4.5 of the lessons and leaves the 5th lesson bookmarked for the next chance he gets. Mary has been trying to find the lesson that the Fraud Department has assigned her. She has barely gotten passed lesson one in the time she had expected to complete at least 3. Her screen has frozen a few times on the graphics, she has had to re-read some of the text-heavy slides, and isn’t sure if the lesson she is on is going to help her with the issues she is meant to address. Which of the two people mentioned above had a better user experience with their eLearning course? Who is going to continue with their eLearning course? 

    3 Signs Your Learning & Development Strategy Needs to Evolve

    When was the last time you took a long hard look at your company’s training strategy?  If employees forget things you taught them back in onboarding or, worse yet, they’re leaving in droves to seek other opportunities — chances are your outdated training program needs to change, and fast. So, how does your training strategy stack up? Is it stuck in time? Or are you keeping up with the ever-changing needs of today’s modern employees? Let’s find out.

    Strategies to Adapt Your Existing eLearning Courses to Modern Learners

    The modern work environment is very different from what it was just a year ago. Companies are now challenged to offer more and better eLearning programs that adapt to the new context and workforce needs. Without a firm basis in the needs of their workers, eLearning programs don’t succeed—in fact, some completion rates for online courses are as low as 4% because of this reason! How do you make sure your employees, with their 21st-century attention spans, are finishing learning effectively, and actually enjoying your courses? Be sure to pay attention to these trends. As technology advances, employee employees, and the business context also continue to evolve rapidly, forcing companies to continually revamp and adapt their existing eLearning courses.