I want to learn about

      5 visual design techniques to make elearning a pleasure

      by Darren Rooney

      elearning design

      Here are 5 visual design techniques to keep your elearning content engaging and impactful. Excellence in design is our thing - we have a design team who are passionate connoisseurs of design excellence. 

      What is important in eLearning design?

      No matter which design elements you choose - such as font style, images, audio, video - it must always facilitate learning. Stop poor elearning design by making sure your imagery and design elements add more than 'bling' and 'sparkle'. 


      1. Always use meaningful and impactful images

      When selecting images for elearning, always ensure the image reflects the meaning of the content. For example, if your content involves instructions on first aid techniques, you should pick images that relate to that topic, such as an ambulance or a first aid box. Images should always be high-quality photographs. You should create a good hierarchy when designing elearning: remember that the user will be drawn to the image first and then read the title and body copy after. Below is an example of how we use images in our elearning courses. The image reflects the topic of adult bullying by showing a woman looking upset; the photograph and its context are easily understood. The image draws in the viewer’s attention but does not over-power the text.

      2. Begin with a storyboard and a template

      When designing elearning, planning is vital. It is better to plan well at the beginning than have to fix major mistakes later on in the game. Communicating with instructional designers and SMEs early on makes for a good start. Include conversations about layout, colour palettes, fonts, images, interactions and animations so that everyone in the team knows what to expect. Making a basic visual template is a good way to explain your ideas.

      Find out more about our elearning development process

      3. Always have an adequate amount of white space

      As much as we want to give our readers as much information as we can, allowing enough white space will lead to a better user experience, helping learners enjoy the information and take more of it in. White space enhances the presentation of effective elearning. Breaking up content – into manageable paragraphs, headings and different slides – is another effective technique for capturing the learner’s attention for longer.

      4. Use colour cleverly

      Don’t deploy a rainbow of colours; instead, stick to your colour palette and use colours that complement one another. If you are designing with a brand in mind, make sure you use colours associated with that brand. The importance of elearning is in providing information, so ensure you use colour in a way that makes the information clear. Use lighter colours for backgrounds and darker colours for fonts. Below you can see how these techniques are effective.

      5. Be consistent

      Consistency is crucial in making a course look and feel professional. Keeping conflicting design elements to a minimum will mean fewer distractions for the learner. We can do this by sticking to our colour palettes and guidelines. Consistency keeps our brand messages coherent and at the forefront of the learner’s mind. Overall, remember why you are developing elearning. We need to maintain the learners’ attention and focus on the end goal. By using these five simple techniques we can ensure pleasurable user experiences. At Logicearth, we have a talented design team that can turn even dry information into exciting learning.


      New call-to-action

      Your eLearning design challenges

      We'd love to hear from you. What are your main design challenges in eLearning -  what has worked for you? 

      Get a demo of our eLearning content or our Compliance solutions


      Was this article helpful?

      Related posts

      If someone in your office were to succumb to cardiac arrest, would you be confident enough to use a defibrillator, would you know where to find one?..

      James Quilty
      Read Article

      The word ‘objective’, as used to describe an aim or goal, is a 19th century military term, but the field of learning is not a battlefield, so we..

      David Cameron
      Read Article

      It’s exciting to watch eLearning evolve over time. New tools and trends are blossoming, while others fade into buzzword-infamy. But one design..

      Kate Middleton
      Read Article

      I've recently been involved with a project that had two key animations explaining the key concepts of the course. Of all the elements in the course..

      Niamh Williams
      Read Article