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

    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.

    In this post we'll mention seven rules you should follow for creating user-friendly eLearning courses:


    1) This Isn't a Novel, Don't Write it Like One

    Keep large blocks of text to a minimum. They’re hard to digest and, even more, difficult to stay focused on. Incorporate visual learning elements by including cues that will help learners follow along and know when vital information is being presented. Try these strategies too: 

    • Highlight Key Words
    • Use Bulleted Lists (See what we did here, eh?)
    • Incorporate headings and subheadings
    • Use short sentences and cut the blah-blah
    • Use colors to emphasize important content and/or features

    2) Don't Let Design Interfere with Function

    An eLearning course is not the time to use all the crayons in your 120-color box. Keeping a color scheme with good, contrasting colors is the first step to making sure your course looks cohesive and doesn’t force your audience to give up due to eyestrain. While artistic flair can be used, it’s more important to make sure things are readable so when in doubt, keep it simple. This goes for font size and style as well so keep the different types to a minimum. Always bear this in mind: the core of usability is clarity.

    3) Figure Out Your Navigation, So Users Don't Have To

    Your users should be tested on the course material, not their ability to navigate a convoluted system. The navigation of your course should seem almost too easy as if it requires no thought because it shouldn’t require any.

    Navigation is not a place to get creative typically. While you might be able to create a new kind of navigation and properly explain it, ask yourself, does it add anything to the final course? It is very likely it doesn’t and your learners will appreciate it far more if you keep this aspect of your course simple.

    Special Note: However you decide to do your navigation, keep it consistent throughout. This goes along with simplicity and not making your learners work unnecessarily hard. If blue text signifies a link, the blue text should remain the color of links for the entire course.

    What tools can you use to make navigation easier?

    • Give cues: using numbers, headings, and other signifiers to indicate where to click, swipe or type will make it easier for learners to know what they need to do and where.
    • It should look like what it is: If something is a link, make sure it is indicated with a different color and/or an underline or italics. Including a link that does not stand out from the text around it is a good way to ensure learners will miss it. This goes for buttons and other clickable things as well.
    • Don’t assume: While you may have many seasoned eLearning course takers clicking through your design, you should never assume they all know how to navigate. No matter the difficulty level of the material, the explanation of the navigation should remain on a very basic and clear level.

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


    4) Keep Their Eyes on The Price

    Make things easier for yourself and your learners by keeping unnecessary distractions off of your interface. This means keeping your design simple (and, no, simple doesn’t mean boring, just uncluttered) so the focus can remain on the content. Think of your course as a dinner plate and everything on that plate should be edible and work together. Throwing extra images or text in is like leaving the plastic wrap on a slice of cheese. Hard to swallow, right?

    Instead of trying to use those extra images, consider utilizing white space constructively. Keeping a blank area around text makes it easier to see and actually draws more attention to it than random colors and images.

    Also read: How To Avoid Designing Cluttered eLearning Screens

    Good read: Unclutter Your Interface Design for Better Performance Outcomes


    5) Users Want Speed, More Than Dancing Penguins

    People do not have the time, patience, or attention span to wait for unruly and uncompressed images and pages to load. You can speed up your pages’ load times by, as always, leaving out unnecessary elements and also by compressing images. With the rising popularity of mobile devices, this is especially important, and you can make things the best they possibly can be for all users by compressing files for web quality before uploading them. This gives your system less to do and allows it to run faster.


    6) Consider ALL your user types

    While you are likely using a laptop or desktop computer to design your course, modern learners are probably using a wider range of devices to access it. They are taking your courses at different moments, in different orientations. If the content doesn't display flawlessly on all types of devices, and if it doesn’t read well, it will leave users confused. If your website is on those devices, you’re losing a huge chunk of mobile users. It’s time to embrace responsive design. This is why it is increasingly imperative to make sure your eLearning courses are responsive.  


    7) Don't Skimp on Testing!

    It’s very easy to get so excited about your newly designed course that you can’t wait to get it out and into the hands of your users. However, this can be a huge mistake. While you are the one who knows your design best, you are also the one most likely to miss problems because you are so used to them.

    Have someone who has not seen the project yet go through it to find errors like spelling mistakes, broken links, and anything else that is distracting or unusable. This person or persons are far more likely to catch these errors than you are.

    The course should also be tested on multiple web browsers and mobile devices to ensure things are up and running correctly for all users. This might seem too time-consuming but, ultimately, fixing errors now is far easier than trying to fix them once you have already released the course and people are writing complaint emails and bad reviews.

    Recommended read: The Art of Simplification in eLearning Design

        visual design crash course


    Diana Cohen
    Diana Cohen
    Education Writer | eLearning Expert | EdTech Blogger. Creativa, apasionada por mi labor, disruptiva y dinámica para transformar el mundo de la formación empresarial.

    Related Posts

    4 Types of Immersive Scenarios: When and How to Use Them in eLearning

    In the digital age where information is just a click away and training has become accessible thanks to online platforms, eLearning has emerged as a pivotal tool. But with a vast array of resources and methodologies, what sets an effective eLearning course apart from one that simply goes unnoticed? One of the distinguishing strategies is the use of immersive scenarios. These aren't just visual embellishments or interactive add-ons to make a course more engaging. In truth, they're foundational training tools with the potential to transport learners into environments mirroring their actual work settings, enabling them to learn from experience and practice. Especially in corporate training, the ability of a scenario to mimic real-world work situations can bridge the gap between theoretical learning and applied knowledge. However, like any tool, eLearning scenarios shouldn't be used haphazardly. It's more than just including them because they look flashy or are trendy. Each scenario type has a purpose, an ideal context, and specific features making them apt for certain topics or audiences. Deliberate and purposeful use of these scenarios can elevate an eLearning course from merely informative to a transformative learning experience. This article isn’t just an overview of the various types of scenarios that can be integrated into an eLearning course. It’s a guide to understanding when, how, and why to use each one. Through descriptions, examples, and practical advice, we’ll dive deep into what makes scenarios so potent and how they can be the key to unlocking online learning's true potential.

    5 Reasons Why Your eLearning Programs Aren’t Working

    Ever found yourself standing at the crossroads of ambition and reality, particularly when it comes to eLearning? You took that leap of faith, fueled by the latest buzz or perhaps a compelling article you chanced upon, and decided to introduce eLearning in your organization. But, instead of the applause and triumphant results you envisioned, there was a whisper of disappointment and a lingering question: “Why isn’t this working?” Let’s get one thing straight: eLearning isn’t just a trendy box to check off or a badge to wear. It’s a strategic, potentially transformative tool that, when wielded correctly, can revolutionize how your team learns and grows. But if you're feeling a tad disheartened, thinking you've bitten off more than you can chew, fret not! We're here to demystify the maze of eLearning. If you’ve been looking at your program, scratching your head and feeling a tad helpless, you're in the right place. Let’s dive into the heart of the matter and explore the reasons why your eLearning programs might be missing the mark.

    Are Your eLearning Courses Achieving Behavioral Change?

    Have you ever noticed how often employees sit through mandatory courses, but once it's over, nothing really changes? I bet we've all seen it – folks diligently taking notes but then... nada. No change in behavior, no improvement in work. Here's the thing: just ticking off a training box isn't enough. If there's no real goal or follow-up, it's like tossing our investment into the wind. Before diving into designing a course, let's pause and ask: What's our endgame? Hoping for a safer workspace? A boost in sales? Stellar customer service? If our courses aren't aimed at making tangible changes in performance and results, we're kind of just spinning our wheels. Here's a nugget of truth: Even if you have the snazziest, most engaging course materials, it won't matter much if it doesn’t spur any change in behavior. And sometimes, piling on more information isn't the solution. Many times, our teams know what to do; they just need a compelling why to actually do it.