Tuesday, February 26, 2013

[tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] Three Common E-Learning Design Issues & How to Avoid Them

Three Common E-Learning Design Issues & How to Avoid Them

Link to The Rapid eLearning Blog

Three Common E-Learning Design Issues & How to Avoid Them

Posted: 26 Feb 2013 12:18 AM PST

Articulate Rapid E-Learning Blog - three common elearning issues

I review lots of elearning courses and demos. Since elearning is a mostly visual medium visual inconsistencies tend to stand out. They're the types of things that cause the Frankencourse design.

I've been making a list of some of the more common issues that I find. So in today's post I'll highlight three that I see quite a bit and offer some feedback on how to avoid them.

Images are Skewed

Images on the screen are obviously not in the right dimension. They're usually stretched or flattened. This is probably the number one issue I see and easily fixed. The most common reason an image is skewed is because it's resized to fit a specific area or shape. To get it to fit, we use the anchors on the side or top and bottom to change the shape. What happens is that the shape is resized but doesn't maintain its aspect ratio. So it looks wrong.

Articulate Rapid E-Learning Blog - skewed images in elearning are distracting

Here are a couple of quick fixes:

  • Use the corner anchors. To scale or reposition the image without skewing it, hold the SHIFT key and drag from one of the corner anchors. That will resized it and keeps it from skewing.

Articulate Rapid E-Learning Blog - scale images using the corner anchors in PowerPoint or Storyline

  • The cropping tool can change the image dimensions without skewing. The cropping tool in PowerPoint 2010 and Articulate Storyline lets you crop the image to a specific aspect ratio to meet the size requirement for space available without losing the image quality. You can also move the image around inside the crop to get exactly what you need.

Articulate Rapid E-Learning Blog - use the cropping tool to create teh right aspect ratio in PowerPoint or Storyline

This also goes for shapes, especially circles. Many courses have numbered markers and I notice that a lot of circles become egg-shaped when scaled up or down.

Font Confusion

Many courses tend to use too many fonts and without rhyme or reason. I usually tell people to limit the fonts they use to about seven. Just kidding! Often I'll see all sorts of whacky fonts plastered on the screen. When I ask why they chose a certain font it's usually because they wanted to make the course more interesting or engaging.

That's a good goal. But an interesting font is not going to make your course interesting. And a poorly chosen font may even distract from it. Or just make it seem less polished.

Articulate Rapid E-Learning Blog - too many fonts used in an elearning course

As a general rule of thumb (especially for those just getting started) limit yourself to two or three fonts. Typically you need:

  • Title

  • Subtitle
  • Body font
  • Emphasis: this could be the body font bolded or recolored

Being deliberate about your font choice and user fewer in your courses is an easy way to add consistency and polish to your elearning course. Here's a previous post on working with fonts which offers some ideas on which ones to select.

Text Alignment Issues

Text is the most common element on the screen. Obviously we use text to read and acquire information, but the text also is part of the course's visual design. Because of this, alignment is important. Here are three common issues I see regarding text:

  • Large blocks of text are centered. Centering works for titles or small chunks of descriptive text, but not for big chunks of text. A clean side margin looks good and makes it easier for the eye to track.

Articulate Rapid E-Learning Blog - avoid centering large blocks of text

  • Avoid widows. If you're inclined to help the widows and orphans that's good. But you don't want any widows hanging around your elearning course. What's a widow? They're those single words that hang out at the end of a block of text. Fix them by resizing the text box.

Articulate Rapid E-Learning Blog - avoide leaving widows in the your text

  • Margins in textboxes are inconsistent. This is fairly common. Sometimes text is scrunched to the side or top with no margins and sometimes the margins are too big; or they're not applied consistently. This is easily fixed by modifying how the text appears in the box/shape. I like to create a separate text box over the shape. This gives more control to nudge the text inside the shape without being constrained by the shape's text formatting.

Articulate Rapid E-Learning Blog - review the margins of text boxes and shapes on the elearning screen

You don't need to be a graphic designer to know when something doesn't look right. We may not always be able to explain why something doesn't look right, but we do know it when we see it. And that's the case with these little annoyances. If they don't exist no one notices. But when they do, things just don't look right.

The good thing is that they are easily fixed and doing so will help your course have more polish.


Tidbits

Work with the Articulate community! There's a cool opportunity to be part of the Articulate community. You can learn more about the job here.

What you'll need:

  • Writing samples
  • Portfolio that shows your best skills

We won't start to look at the applications until after the Learning Solutions conference so that should give you plenty of time to put together samples of your best work.

Upcoming workshops & locations for 2013:

  • March 20 & 21: Durham, NC (ASTD). Two workshops: Day 1Rapid E-Learning Workshop. Day 2Articulate Storyline Workshop. Sign up fast because seats are limited.
  • April 2 &3: San Diego, CA. Two workshops. On Day 1 we'll look at general elearning tips & tricks. Day 2 will be a hands-on Storyline session. Sign up before it sells out.
  • April 16 & 17: Austin, TX. Rapid E-Learning Workshop.
  • May 14 & 15: London, UK. How to Become a Rapid E-Learning Pro: Two day master class filled with lots of hands-on activities.
  • June: Philadelphia, PA.
  • June: Portland, OR. BlueVolt eLearning Conference. Join the Articulate community team for a series of how-to sessions using the Articulate elearning applications.
  • June 12 & 13: Miami, FL. Two workshops: Day 1 – Rapid E-Learning Workshop. Day 2 – Articulate Storyline Workshop. Registration page coming soon.
  • September: Greensboro, NC.
  • September: New York
  • October: Baton Rouge, LA.
  • October: Los Angeles, CA.
  • November: St. Louis, MO

Download your free 46-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro


--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:41:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

--
Posted By tremeex to tremeex at 2/26/2013 07:42:00 AM

No comments:

Blog Archive