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

3 Ideas to Give Your Next eLearning Course Visual Oomph


What do you think is the first thing people would remember about your eLearning course’s screen, if suddenly asked?

It should be no wonder that what they will put design on top of the list. But why does this happen?

Although you may think that the information provided is much more important than the design, people are visual creatures, and they easily associate memories with colors, texture and images. If you want your eLearning course to create a long lasting impression, do not neglect the importance of an impactful design.

Test one or all of these ideas to keep your eLearning courses looking fresh, engaging, and innovative.


B1_3_Easy_Ideas-1

1. Vibrant blue and orange, united by flat design

You can give your course design a modern feel by featuring flat design with minimal elements. This will make your content completely transparent and free from distractions.

In your next eLearning course, consider:

Solid colors: Blue is a common choice for eLearning courses, because it is considered conservative and peaceful in the same time. In other words, nothing spells professionalism better than solid blue tones.

Complementary colors: When you are choosing the color palette, do not forget that every color should be balanced by its counterpart. For blue, orange is the smartest choice, because it creates a clean, yet impactful effect that cannot be acquired by any other color in combination with blue.

Vector illustrations: The best way of acquiring an appealing flat design is by using vector illustrations. Their clean shapes will not detract from the message.

Simplicity: Aim for simplicity in everything, from buttons to shapes, to the typography used to deliver the message.

Example: 

Volkswagen - Think Blue. Website

ScreenShot2015-03-31at11.35.37AM

Download: A free flat UI kit that you may use in your own project.

2. Minimalist design inspired by nature

Another trend taking flight in graphic design is the (almost) overuse of negative space. Websites and landing pages inspired by pictures taken from nature, but artificially enhanced to create more impact are quite popular right now.

In your next eLearning course, consider using simple colors, little to no gradients and shades of grey.

Plenty of white space: White space is often called negative space because it lets the other elements speak louder for themselves. Any minimalist design should aspire at using a lot of negative space.

Shades of grey: Grey is essential for extracting the essence of a minimalist design. Vary the shades and combine them with black and white for an attention grabbing effect.

Use of circles: These mundane shapes seem to be the best choice for any design that wants to come across as unpretentious, yet professional looking.

Use of contrast: The goal of your eLearning course is to draw attention, while infusing the learner with energy. Some stunning contrasts, such as neon lights against neutral colors, can create the exact effect you are after.

Example: 

Athenos Website

ScreenShot2015-03-31at11.42.16AM 

3. Hand drawn sketches and yellow hues take a stand

For eLearning designers that want to bring individuality, personality and appeal to their courses, the new trend of hand drawn sketches, accompanied by the overuse of yellow hues, seem to be quite effective. This trend should be used by eLearning courses that focus on promoting creativity. Remember that those watching the course are interested in finding meaning and inspiration to change certain behaviors, and this design style will convey this exact message.

So, don’t be afraid, add a personal touch to your eLearning course with hand drawn sketches and illustrations.

Also consider:

Hand-drawn vector illustrations: Hand drawn vectors and illustrations can be interpreted by learners as friendly and approachable, contrary to the serious corporate design. There are plenty of online resources from where you can purchase readymade illustrations to use in your presentations.

Yellow hues: According to experts, yellow is an attention grabbing color and it also seems to stimulate memory. If points of your course are marked in yellow, learners will more likely remember those specific points over others.

Create Impact: Yellow is also a more unconventional color, so don’t forget to use it where it is needed. For instance, it is ideal to balance yellow against a conservative looking background, to send the message that the design is aimed at fueling the learner’s imagination and creativity.

Example:

PopArt Studio Website

ScreenShot2015-03-31at11.55.21AM

Download:

Free hand-drawn doodles

Free eBook: A Quick Survival Guide for Modern elearning Designers


 

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

Four Ways to Create an Effective mLearning Strategy

Chief learning officers, learning leaders, and training coordinators everywhere are well aware of the need to increase mobile training programs. After all,  74% of employees say they access resources from their smartphones to do their jobs— and that number is expected to continue to grow. 

How to Design Microlearning Around Moments of Need

Let’s be honest: your employees use smartphones and tablets every day, everywhere — including in your workplace.

  • 8 min read
  • Thu, Jun 16, 2022 @ 04:44 PM

The Basics of Motivational eLearning Design

When we think of the word, motivation, instantly two things come to mind. First, when we are young, many outside things motivate us, a desire to do something, the reality of punishment from our parents, positive and negative reinforcement of what we are doing, etc. All of these things help to motivate children, and in some cases, it has a positive effect, and in other cases, it does not. The more proactive the motivation, the more positive the response to that motivation, the more reactionary the motivation, the more negative the response. The second picture that comes to mind is a learned reaction to something. Like Pavlov and his dogs, which would salivate when he rang the bell, motivation can be at times subconscious. However, there are much more things that drive the motivation of human beings, and in the arena of learning, there are some critical pieces to the puzzle that have to be developed so that learners feel the value of what they are learning and how it will benefit them. The rewards of their success must be considered from a variety of sources and satisfy them on a variety of levels, and as instructional designers of e-learning programs, we must not only understand these factors but be skilled in utilizing them in the courses that we design.