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

    Want Your eLearning Courses to Deliver Results? Avoid These Mistakes

    Feeling overwhelmed with AI shaking up the eLearning scene? As L&D leaders, you've been nailing it, smoothly running your training programs and adapting as tech evolves. But now, with AI's rapid rise, it's as if the game board has been flipped over. It's a common, yet dangerous assumption to think that just by integrating AI, all of our training challenges are solved. Beware—this overreliance is a trap! Here's the hard truth: AI, while transformative, is not a silver bullet. In the rush to embrace these new tools, many well-intentioned L&D leaders are making critical mistakes that could cripple the effectiveness of their eLearning initiatives. I totally get the frustration—it’s like suddenly, everyone expects you to have all the answers just because you've got the latest tech at your fingertips. But remember, it’s not all about AI. In the rush to integrate this new tech, I’ve seen too many skilled teams slip up in areas that have always been crucial—like course design, content relevance, and learner engagement. Let’s get real about these common pitfalls, ensuring you’re not just relying on AI but are also paying attention to the foundational elements of effective eLearning. This is your heads-up to keep your game tight, making sure your training programs are as powerful as ever, with or without the extra tech boost.

    The New Rules of Instructional Design in an AI-Driven World

    It’s no longer a question of whether artificial intelligence (AI) will change the way we work—it already has, and instructional design is no exception. What was once a futuristic concept is now a daily reality, reshaping how we approach learning and development at every level.

    The Future of Instructional Design in the AI Era

    Instructional design is at a crossroads. The rapid rise of AI is reshaping the field faster than many of us ever imagined, and it’s not just an incremental shift—it’s an industry-wide transformation. Entire workflows are being redefined, roles are evolving, and the expectations placed on L&D teams are skyrocketing.