4 Design Tips When Developing eLearning

Developing elearning can be a daunting task. You have to wear many hats - HTML decipherer, cognitive specialist, UX expert, and graphic designer to name a few. Today let’s focus a little on the graphic designer hat.

Here are 4 design tips to think about for your next elearning project.

1. Use Brand Guidelines as a Starting Point

Whether you’re in-house or freelance, the company sponsoring the project should have brand guidelines for you to use.

These guidelines will usually encompass many different aspects of how the company should be portrayed including:

  • Fonts
  • Colors
  • Logo
  • Photography
  • Voice

Here’s a great article that gives you 36 (!) examples of brand guidelines for some companies you’ve definitely heard of.

2. Use Color Swatches

Once you know the brand, create color swatches to make sure you’re following it. Color swatches give you a collection of user-defined colors. So take the color palette found in your brand guidelines and create a set of swatches that can then be imported into Captivate or another authoring tool. This way you know that every time you choose a brand color it’s the right value.

Directions on how to create a swatch collection in photoshop can be found here.

3. Design for Mobile AND Desktop

Create a single elearning module that is sized to fit a landscape tablet (iPad is safe, but check to see if another device is being used). This way you can use the same module for tablet and desktop applications.

Think about a cross platform elearning experience. Things like:

  • Large buttons that can be clicked or tapped.
  • Animations or actions that are mobile friendly. (no roll overs)
  • Small, digestible modules that can be viewed from anywhere.

4. Great Artists Steal

There are fantastic FREE resources all over the Internet for you to take advantage of to help augment or enhance your design. One such tool is Font Awesome. Font Awesome is a font family that is actually a set of images. This gives you an easy way to create a vector-like image that can be scaled up or down without loss of quality.

It’s especially great for building icons. Simply take a Font Awesome character and combine it with a shape.

We hope you’ve enjoyed these four design tips to get you started when you’re developing your next elearning module. If you’re looking for consultation on improving your elearning aesthetic, drop us a line!