8 mistakes you may be making with your eLearning design
Admin
15th March 2017
In this article [ hide ]
8 mistakes you may be making with your eLearning design
Design is incredibly important in eLearning. Poor design can have a dramatic impact on learning outcomes. Inconsistency, poor size and spacing, irrelevant images and illegible fonts are some of the mistakes we see time and time again.
Here are the eight common mistakes that you should avoid.
Lack of contrast For readability, it is better to have a high contrast pairing between the body copy and the background on which it sits.
You can use contrast effectively in eLearning to direct the viewer’s attention to specific elements on the screen, but we frequently see links, buttons and other calls to action that are overlooked due to the lack of contrast between the text and the background.
Poor use of colour Keep in mind that an estimated 8% of the world’s male population are colour blind. Try to turn your eLearning into black and white and see if the important parts stand out without the colour.
Red / green colour blindness is the most common – don’t use these colours on their own to indicate correct / incorrect answers, make sure that you accompany them with clear symbols.
You can check your own colour blindness using the Ishihara test (there are many sites online) – can you see the numbers in the circles below?
Answer at the end of the blog.
Changing colour scheme throughout the course is distracting. Using a consistent colour scheme ties your eLearning module together. If you suddenly completely change your use of colour, the learner will try to make sense of it, diverting their attention from the learning which you want to take place.
Small buttons Button size and appearance are crucial, especially in today’s digital age.
Small buttons can often be lost within the content on screen, therefore a consistent size, style and placement of all navigational elements should be used throughout a course.
Small buttons are also difficult to access if you are building learning to be consumed on mobile devices, which can make it hard for learners to move through the course.
Too much textIt’s all too common to see eLearning slides crammed with text, presenting content in a dull, monotonous way to learners. The whole point of eLearning is to add value above and beyond just giving the learner a PDF.
If your course contains masses of text on screen, perhaps think about alternatives – how could you turn it into graphs, charts, process flows, interactions, questions, games, infographics or videos? Instructional design is key to the success of your courses.
Hard to read fonts Using unclear or hard to read fonts (or font sizes) is a common mistake in eLearning. Fonts should match the overall style and content that you’re presenting to your learners (and probably your corporate brand guidelines!).
If they don’t, this is off-putting and could hinder learning success. It’s also bad for accessibility.
Sans-Serif fonts are easier to read on screen, compared to Serif fonts.
Serif fonts (like Times Roman) are the ones used in more traditional books and printed documents, and have the flowing ends to letters that draw the eye from one to the next. Sans-serif fonts (like Arial, or Verdana) have cleaner letters, which look clearer on screen.
For the same reason, use bold for emphasis, rather than italic, which is much harder to read.
Best practice tip: Never use more than two fonts in one eLearning slide.
Distracting audio While audio can sometimes help with delivering an enhanced, engaging piece of learning, it can also be distracting, irritating or irrelevant.
For example, you wouldn’t want to have audio on every slide telling you to ‘click next to progress’.
Best practice tip: Allow your learners to control the pace of the audio or to read a transcript rather than listen – forcing them to move only at the pace of a voice soundtrack can be incredibly frustrating for some learners.
Irrelevant photos, illustrations and animations We frequently see courses using images that have little or no relevance to the content alongside them, or which do not match the look and feel of the eLearning design.
Any imagery should reinforce the message you’re trying to portray on that screen. If the image is not relevant, don’t use it, as learners will waste time trying to work out its relevance.
Animation for the sake of animation
No matter how cool you think your animation is, if it doesn’t add to the learner experience, you might as well skip it. That includes using random animations, such as bouncing letters, just because it’s an option in your authoring tool. Of course, there is a time and a place for animation in eLearning, check out these examples on the eLearning Heroes Community.
Decide on the visual style and design for your course at the outset and stick to it – if you like clip art, only use clip art images and make sure that they are all a similar style. If you like professional stock images, stick to those.
Consistency: Navigation and layoutNavigation Often, course designers don’t use the same navigation scheme throughout the eLearning module. Decide where you want to put your main buttons, such as ‘next’, ‘back’, ‘close’ etc. early on, and keep them in one consistent place. Learners should be concentrating on learning, not figuring out your navigation.
Layout A frequent mistake is to include too much variety in slide layout. If you place the text on the left, with an image to the right, stick to this layout throughout to help your learners focus on the content, rather than the slide layout. This provides a sense of unity and helps learners focus on what’s important.
So, we hope that’s given you some food for thought, and has helped you avoid (or overcome) these mistakes we so frequently see in eLearning design. If you want some further guidance on your eLearning design, why not check out our blog ‘Design: More than colour schemes and fonts‘ or view the courses our content development division, Cursim, have created.
(Ishihara test answers: 7, 42, 74, 10, 2)
DON’T MISS out
Subscribe to stay up to date
We use cookies
We use cookies to enhance your browsing experience on our website. By clicking “Accept All”, you consent to our use of cookies. However, you may use the "manage cookies" button below to provide controlled consent. For more information you can read our cookie-policy
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duration
Description
__stripe_mid
1 year
Stripe sets this cookie cookie to process payments.
__stripe_sid
30 minutes
Stripe sets this cookie cookie to process payments.
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
JSESSIONID
session
The JSESSIONID cookie is used by New Relic to store a session identifier so that New Relic can monitor session counts for an application.
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Cookie
Duration
Description
__cf_bm
30 minutes
This cookie, set by Cloudflare, is used to support Cloudflare Bot Management.
aka_debug
session
Vimeo sets this cookie which is essential for the website to play video functionality.
bcookie
1 year
LinkedIn sets this cookie from LinkedIn share buttons and ad tags to recognize browser ID.
bscookie
1 year
LinkedIn sets this cookie to store performed actions on the website.
lang
session
LinkedIn sets this cookie to remember a user's language setting.
lidc
1 day
LinkedIn sets the lidc cookie to facilitate data center selection.
player
1 year
Vimeo uses this cookie to save the user's preferences when playing embedded videos from Vimeo.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Cookie
Duration
Description
sync_active
never
This cookie is set by Vimeo and contains data on the visitor's video-content preferences, so that the website remembers parameters such as preferred volume or video quality.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Cookie
Duration
Description
_ga
2 years
The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_ga_2VM2CVGMHT
2 years
This cookie is installed by Google Analytics.
CONSENT
2 years
YouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.
vuid
2 years
Vimeo installs this cookie to collect tracking information by setting a unique ID to embed videos to the website.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Cookie
Duration
Description
VISITOR_INFO1_LIVE
5 months 27 days
A cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSC
session
YSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devices
never
YouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-id
never
YouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt.innertube::nextId
never
This cookie, set by YouTube, registers a unique ID to store data on what videos from YouTube the user has seen.
yt.innertube::requests
never
This cookie, set by YouTube, registers a unique ID to store data on what videos from YouTube the user has seen.