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

    A Handful Of Tips To Kick Your Bad eLearning Design Habits


    Every eLearning project is different, and comes with a different set of demands. However, when it comes to slide design, there are some best practices that fit all or nearly all situations. Following these basic tips ensures a clear and effective lesson, while still leaving room to customize and add your own personal touch.

    Avoid_Amateur_eLearning_Slides_with_These_Timeless_Tricks-01

    1. Don't overdo it.

    According to Cognitive Load Theory, the brain can only process so much new data at a time. Too much, and learners' minds are too busy sorting through the new information to actually absorb any of it. Provide multiple avenues of learning, but don't force learners to parallel process. Make sure all your graphics are adding new and critical information, and don't read off the slides.

    Mind you, too little information is just as bad as too much, sending learners' minds wandering so they lose track of what you're trying to convey. Look for a happy medium.

    2. Stick with Sans Serif Fonts

    Some sans serif fonts, such as Verdana, were designed specifically to be read on a computer screen. Even those that weren't are simpler, with less visual "noise" to deal with.

    For best results:

    • Use Arial 12-point font - or larger; don't forget that older readers may find fonts 14-point and over an easier read.
    • If you need to go smaller, Verdana 10-point is about your minimum.
    • If you feel the need for a more formal look, try Georgia instead of going to a serif font.

    Read more typography tips for eLearning here.

    3. Make Use of the Scan Path

    Web usability experts use the term "scan path" to refer to the natural tracking of web readers' eyes as they view a page. For best results, you want your slide format to work with, not against, the scan path. Here's a basic guide:

    • The eyes' natural path on screen is in a F shape, starting at the top/left and ending in the bottom right.
    • Headlines and sub-headlines serve as signposts and should be usable as such.
    • Bullet points and numbered lists keep focus on important points.
    • Shorter paragraphs are easier to read.
    • White space gives the eyes a rest, while colored text draws attention.

    4. Use Repetitive Elements

    Don't repeat everything, of course, but a consistent framing and design scheme helps fit the course into a cohesive whole. Having unity is vital so that learners can quickly and easily find patterns, make sense of information, and find connections between concepts. Looking back up the list, it also reduces cognitive load by cutting down on the amount of new information.

    It's critical to make your layout consistent: make sure your headings are always in the same place on the page, and use the same typeface and font size throughout. This  is easily achieved in eLearning design by creating a style guide.

    5. Structure First, Design Second

    Have a detailed plan before opening your authoring tool so you stay on-track. Try storyboarding, so that you start the design process with a clear understanding of how each slides fits into the whole.

    Above all, keep track of your ultimate goal. Check back every slide: does this support the overall goal? If not, get rid of it.

    6. Master Color Combinations 

    Developers who are new to designing eLearning courses often choose colors based around their own personal tastes and preferences. Sometimes this works well, particularly when the designer has a good eye for what makes attractive combinations and what would be the right color scheme for the course. Those who are not so naturally talented would do best to refer to the basics of color theory.

    Color theory instruction can be helpful, but it can also be too, well, theoretical to solve the problems facing eLearning designers right away. These are some websites with a sample palettes for you to use, bookmark and take as inspiration: Betterment, Codrops, and Spyre Studios.

    • Here are 50 different color palettes you can use for your inspiration. 
    • Here are 25 examples of perfect color combinations for web.
    • These are the five color combinations you should never use in web design.

    6. Research, Research, Research

    These are only basic guidelines; in order to make the best possible use of your slide space, here are some books to help you learn more:

     

    Do you have other tips? Share them with us! 

    eLearning free ebook



     

    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Related Posts

    AI and the Future of Workplace Training: 2025’s Game-Changing Trends You Can’t Ignore

    The world of workplace learning is changing fast, and let me tell you, Artificial Intelligence (AI) is at the center of it all. By 2025, AI is set to completely transform how we handle training and development, making everything faster, smarter, and way more personalized. Here's the scoop: studies predict that the AI market in workplace learning will hit around $6 billion by 2025. That's huge!

    Tips & AI Tools to Make Complex Concepts Engaging in eLearning

    Have you ever tried to teach concepts in eLearning courses, only to notice your learners’ attention drifting away? One of the biggest challenges is transforming dense, theoretical content into a format that's not just a wall of text, which can quickly turn off learners. When concepts are delivered in long, unbroken paragraphs without visual aids or interactive elements, learners often struggle to maintain focus and interest. But there's hope! With some creative approaches, you can transform these dry theoretical concepts into engaging and meaningful learning experiences. This article will delve into several key strategies and show how integrating artificial intelligence can take your content from mundane to mind-blowing, making your eLearning courses not just informative but truly captivating.

    Revolutionize Your L&D Strategy: The Essential AI Checklist for 2025

    As we stare down the runway toward 2025, it's clear that AI isn't just knocking on the door of Learning & Development—it’s already inside, reshaping the landscape. But let's address the real question: Is your company merely experimenting with AI, or are you fully leveraging it to transform your eLearning strategy? The way you answer this could dramatically influence the success of your training programs.