The Rapid Elearning Blog

Articulate Rapid E-Learning Blog - choose the right course background

The single largest visual element in your elearning course is the background. And the right background can set the stage and build expectations for your learners. A course that looks like a converted PowerPoint file isn’t as inviting as one that is aesthetically rich and looks more professionally designed.

Here are some quick examples. Look at the image below. It looks like a typical rapid elearning course screen. It’s not bad, just not very dynamic or rich.

Articulate Rapid E-Learning Blog - basic elearning course slide

Now look at the following makeovers. Just changing the background adds a more polished look. The background images match the course context and they offer a richer visual experience. This approach also doesn’t require advanced graphics skills or creativity to implement.

Articulate Rapid E-Learning Blog - elearning example

Articulate Rapid E-Learning Blog - elearning example

Start with a Good Background

In a previous post, we discussed tapping into the visual voice. It’s the process of crafting the course’s visual elements to meet the expectations of a given course subject or context.

For example, if you are going to build a course on operating room technology, what colors would you use? What would the people look like? What are they wearing? What fonts would you select for that course?

Capturing your visual voice helps identify the key design elements in your elearning course. However many of you aren’t graphic designers. So it can be a challenge to create a course that is visually rich and engaging.

Choosing the Right Image

If you can’t design everything on your own a good substitute is to at least start with the right background. The trick is to find the single image that best represents the elearning course or screen that you’re building. Here are some tips on selecting the right image:

  • Brainstorm a few ideas. Think about the images that bets represent your course content. Write them down and use that list to look for the right image. If not, you’ll go to an image site and waste a lot of time searching. You’re better off having a list and using that to start. From them take note of the keywords used to describe the image. That will help you extend the search.
  • Look for simple images that convey the essence of what you need but without too much detail. The images above suggest hiking but they don’t have a lot of extra information that may distract. Keep in mind that everything on the screen communicates something. The more you have on the screen, the more apt you are to miscommunicate. Thus you want to reduce the amount of information and detail on the background image. The image should provide visual context but not content.
  • Find content holders. The background image is just that—a background. Because you’re putting content on top of the background find images that have some flexibility. I look for images with solid colors or blank areas that work for text or media elements like the two hiking images above. The people in the image suggest hiking, but the snow areas are perfect content holder. I try to stay away from really busy images because I don’t want the background content to conflict with the teaching content.
  • Find more than one image. You’re not limited to a single background for the entire course. You can select different backgrounds per screen or section. As the context changes feel free to change to the appropriate background image.

Starting with a visually dynamic background that is contextual and matches the content can set positive expectations for the course and adds a lot of aesthetic appeal. It’s not going to replace good content, but it is a start to building an engaging course especially if you have limited resources.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.



8 responses to “Do a Simple Background Check On Your Next E-Learning Project”

February 5th, 2013

Tom,

You have hit on the basic principle of Photography 101 – A good picture must tell a story. The difference between the compelling graphics and the boring ones is the presence of a story. Excellent job highlighting the difference. Thanks for posting this.

In just 5 minutes you’ve given me the confidence that I can get my e-learning course looking much sharper and more professional.

I’m delighted to see that you are planning on coming to London in May. Please can you let me know as soon as possible, as I would hate to be busy that day.

Thank you. I very much look forward to reading more of your blogs.

February 5th, 2013

Good article. But I would like to read some information on search engines (where do I search for such backgrounds/images) as well as copyrights (for instance if I find something suitable on Google Images and it seems not to be clear if the image is copyrighted or not, can I simply use it? For instance if I type “elearning” on Google Images, lots of cool pictures show up, I right-click and “save as” but can I go ahead and use them in an online course?)

thanks

@Sandy: as soon as I have the details they’ll be posted on the blog.

@Paula: as a general rule if you didn’t pay for the image assume that you can’t use it. Of course that’s different for creative commons images or those from a repository like Microsoft’s online service (which allows you to use the images provided).

@Richard: good point. The image should tell the story.

Wow these are some great points. Thank you for this article!

Kindly read my blogs on http://www.learningoohlala.com. Your valuable comments and suggestions will help me improve.