eLearning: Creating Accessible Content

by Anita Horsley View our profile on LinkedIn Follow us on Twitter
 
While I don't have a disability, I have experience, both personally and professionally, with people who have physical and learning disabilities. I have assisted people with developmental disabilities, and I volunteer for a Therapeutic Horseback riding program that helps children with disabilities ride horses. 

When it comes to eLearning, I develop content for many government and education organizations where Section 508 Compliance is required. Section 508, the Rehabilitation Act of 1973, requires all Federal agencies to make electronic and information technology accessible to people with disabilities.

If you want to make your eLearning courses accessible for everyone, it's a good idea to think about people who are hearing, visually, and dexterity (motor skills) impaired. Additionally, it's important to consider the elderly population and people who speak English as a second language.

Assistive devices provide a way for people with disabilities to communicate and train using technology. People who are visually impaired or blind need devices such as:

  • Screen readers (Jaws, Window Eyes)
  • Screen magnification
  • Braille displays

People with hearing impairments need visual representation of auditory information such as:

  • Closed captions
  • Graphic displays

People who have mobility impairments may need:

  • Alternative keyboards
  • Keyboard shortcuts

Although creating accessible eLearning can feel like an additional task, the goal is to enhance your eLearning courses by ensuring that all learners can master the instructional material and meet the learning objectives. When learning is accessible to all types of learners, you are not only complying with regulations, but you are reaching a larger audience, upholding social responsibility, and increasing your effectiveness as an eLearning developer and instructor.

Note: This is the first in a series of articles covering accessible eLearning from Anita. Stay tuned for more! And if you'd like to take a 3-hour deep-dive into the best practices for creating accessible eLearning, check out Anita's live, online course

Adobe Captivate: Kill the Click Sounds

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

I received an email from a new Captivate developer who was having a hate-hate relationship with the click sounds he was hearing in his Adobe Captivate demonstrations and simulations. He told me that in his demonstrations, the mouse was making an obnoxious click sound when a click occurred. In his simulations, the same click sound was heard every time the learner clicked a click box. 

The developer was desperate to disable the mouse-click sounds in his projects but was unable to find the option in Captivate's Preferences. While looking in Captivate's Preferences seems like a logical place to look for the click sound option, it's not there. Nevertheless, the solution is very simple. Here's how you disable the click sounds for the mouse, click boxes, and buttons.
To disable the mouse click sound in a software demonstration, select the mouse pointer on any slide. On the Properties panel,Options group, deselect Mouse Click Sound
Adobe Captivate: Turn Off Mouse Click Sound
 
To remove the click sound from every mouse pointer in the project, click the drop-down menu in the upper right of the Options group and choose Apply to all items of this type.
 

Adobe Captivate: Apply to all items of this type.  

If you've created a software simulation with click boxes, you can easily get rid of the click sound for a single click box, or all of the click boxes in the project. First, select a click box on any slide. Then, on the Properties panel, Options group, select Disable click sound

To disable the click box sound.

If you'd like this change to affect every click box in the project, click the drop-down menu in the upper right of the Options group and choose Apply to all items of this type.

 
Adobe Captivate: Apply to all items of this type.

If you'd like to see a demonstration showing how to remove the mouse click sound from interactive objects and the mouse, check out the video I created on IconLogic's YouTube channel.

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio. We can also bring the same great training onsite to your facility. Interested?Contact us for details.

Adobe Captivate: Preloaders

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube
 
I received an email last week from a Captivate developer who was concerned with how long it was taking for a published lesson to begin playing for his learners. The lesson wasn't all that big and wasn't that long (both things can lead to lesson bloat and increase how long it takes for a lesson to begin to play). He also verified that his web server wasn't the issue. In fact, lessons created by other Captivate developers in his company downloaded faster than his.
 
Once he told me that other content loaded with decent speed, I had a likely culprit: the Preloader and/or the Preloader percentage. I helped him tweak both, and he reported that his lesson is loading much faster.
 
Of course, if one Captivate developer can overlook the role of the Preloader, it's possible others have as well. So read on folks and let's delve into Preloaders and how to control them.
 
What's a Preloader?
 
When a learner clicks the link to start an eLearning lesson, the lesson will rarely begin playing right away. Why? A specific percentage of the lesson needs to download before the lesson will play. The time it takes for that percentage to be reached depends on a few things: the size of the lesson, the speed of the learner's internet connection, and the capacity of the server to send the data to the learner (bandwidth).

Captivate's Preloader feature allows you to both control what the learner sees as they wait for the lesson to begin playing, and the percentage of the lesson that must be downloaded before the lesson will begin to play. 

Captivate ships with a few Preloaders you can use when you publish your lesson. However, many of my corporate customers prefer to brand the lesson and use their corporate logos as the Preloader. You can accomplish the task easily enough. First, with a project open, display Captivate's Preferences (Edit > Preferences for Windows users; Adobe Captivate > Preferences for Macintosh users). Then select the Start and End category from the Project group.

To load your corporate logo and use it as a Preloader, click the Browse button to the right of Preloader. Find and open your logo. You can use any of the following formats as a Preloader: jpeg, gif, bmp, wmf, or swf.

To control how much of the lesson must be downloaded before it will begin to play, change the Preloader % value. The higher the Preloader percentage, the longer the learner will have to wait before seeing the lesson. If you set the Preloader % lower, the lesson will play sooner. However, since little of the lesson will have been received by the learner, the lesson with sputter along instead of playing smoothly. If you set the percentage too high, the learner will have to wait for the lesson to begin playing at all. A best practice would be to set the Preloader somewhere in the middle. I typically set my Preloader % to 50, which tends to work quite well.

Adobe Captivate: Preloaders

Once you publish your lesson, the Preloader image will appear for your learners until the Preloader % is reached.

 

If you'd like to see a demonstration on adding a preloader to a Captivate project, check out the video I created on IconLogic's YouTube channel.

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio.We can also bring the same great training onsite to your facility. Interested? Contact us for details.
 

Adobe Captivate: Sometimes a Smooth Mouse Path Isn’t So Slick

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

I've written a few articles about Captivate's video mode including how to trim videos, use the Pan and Zoom feature, how to edit the mouse points, and how to publish video demos.

I received an email from a fellow Captivate developer who really liked creating eLearning using Video Demo mode but was lamenting the slow speed of the mouse.

"I was previewing the project. You could hear my voiceover audio and could see the mouse moving from point A to B," she said, "But the mouse was moving really, really slowly. The speed was fine a few days earlier but now it's so slow it's distracting."

The developer was sure she'd done something to the video to mess up the mouse tracking speed but was stymied to explain the exact cause of the trouble.

I asked her if she had trimmed the video.

"Why yes," she replied. "I watched your video on YouTube to learn how."

And with that, I had the reason for her troubles and the solution.

For whatever reason, when you trim a Captivate video, the mouse speed shown in the video after the trim point often reduces to a crawl. While I don't know why this happens, I do have a solution.

Choose Edit > Edit Mouse Points. On the Timeline, select the first mouse point after the trimmed section of the video.

Adobe Captivate: Mouse point selected on the Timeline. 

On the Properties panel, deselect Smoothen Mouse Path (Smoothen? Anyone think the option should be named Smooth instead of Smoothen?).

Adobe Captivate: Smoothen Mouse Path  

If you preview the video, you'll see that the mouse speed returns to its pre-trimmed speed. While you may need to repeat this process every time you trim a Captivate video, at least it's fast and painless.

It you'd like to see a slow mouse in action and how deselecting Smoothen Mouse Path fixes things, check out the video I created on IconLogic's YouTube channel.

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio.We can also bring the same great training onsite to your facility. Interested? Contact us for details.

eLearning & Training: How Long is Too Long?

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

You can create the best-looking, most well-written eLearning lesson anyone has ever seen. But for the lesson to be effective, one of the most important things to keep in mind is that more does not mean better. If your lesson plays too long, you run the risk of losing the attention span of your learner and lowering the effectiveness of the lesson in general.

So how long is too long? The answer is directly tied to the average attention span of an adult learner. According to Joan Middendorf and Alan Kalish, Indiana University, "Adult learners can keep tuned in to a lecture for no more than 15 to 20 minutes at a time."

In their excellent article, The 'Change-Up' in Lectures, Middendorf and Kalish found that after three to five minutes of 'settling down' at the start of class, a lapse of attention usually occurred 10 to 18 minutes later. As the lecture proceeded the attention span became shorter and often fell to three or four minutes towards the end of a standard lecture.

I have been teaching classes for nearly 30 years (both online and in-person). Keeping my students engaged (and awake) has always been a top concern. Here's one final quote from the Middendorf and Kalish article (and it's something to which any trainer can relate). One of their colleagues attended a class and observed the following: 

"I sat in the back of the classroom, observing and taking careful notes as usual. The class had started at one o'clock. The student sitting in front of me took copious notes until 1:20. Then he just nodded off. The student sat motionless, with eyes shut for about a minute and a half, pen still poised. Then he awoke and continued his rapid note-taking as if he hadn't missed a beat."

In the 1800s, people had very good attention spans. In her article, Keeping Pace with Today's Quick BrainsKathie F. Nunley cited the Lincoln-Douglas debates which were literally read from paper and lasted for hours. Nunley said that "people stayed, listened, and paid attention."

Back in the Lincoln-Douglas days, there was less competition for the attention span of the debate attendees. But what about today? Why are attention spans getting shorter? More likely than not the culprit is the distractions and experiences of modern daily life.

"Today's mind, young or old, is continuously bombarded with new and novel experiences. Rather than novel opportunities every few days or weeks, we now have novelty presented in micro-seconds," said Nunley.

eLearning and the Common Goldfish

So eLearning lessons can last anywhere between 15 and 20 minutes and still be effective, yes? Ummm, no. The 15-20 minute range was for an in-person classroom with a live trainer. The times are just a bit different when it comes to asynchronous eLearning lessons that will be accessed over the Internet. 

According to the article Turning into Digital Goldfish, "The addictive nature of web browsing can leave you with an attention span of a goldfish."

Granted, a learner accessing your eLearning lesson will have a greater attention span than a typical web surfer–or even a goldfish. However, in my experience developing eLearning, I put the attention span of an adult learner at 15-20 seconds per slide or scene. If the slide/scene plays any longer, your learner will begin to fog out.

I know what you're thinking: 15-20 seconds is not enough time to teach anything. If your slide contains some voiceover audio, a text caption or two, and an interactive object controlling navigation (such as a button or click box), 15-20 seconds is perfect. Your student will have enough time to understand and absorb the content before moving on to the next slide.

I encourage students who attend my eLearning classes to try to chunk a one-hour eLearning course into several short eLearning lessons. That would translate into 12 Captivate eLearning lessons (if you use the 5 minute-per-lesson timing) for the 60-minute course.

What do you think? Is 3-5 minutes the right amount of timing for an eLearning module? I'd love to see your opinion as comments below.

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio.We can also bring the same great training onsite to your facility. Interested? Contact us for details.

eLearning: Is Right-Clicking Right?

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

Most computer programs offer multiple ways to accomplish any one task. For instance, in Microsoft Word you can make a selected word bold using a menu, a toolbar button, pressing a keyboard shortcut, or by right-clicking the text.

If you're responsible for creating a software simulation that teaches a learner how to make Word text bold, which of the commands are you going to simulate? While you could simulate multiple options, I'd encourage you to focus on just one (adding multiple options is going to take you too long to produce). Personally, I'd simulate the menu option or the toolbar button. However, many people love right-clicking, and I'm betting you'd love to add that option to your eLearning lesson.
 
You'll be happy to learn that both Adobe Captivate and Articulate Storyline allow you to easily add right-click functionality to software simulations. If you're using Captivate, show the Properties of a Click Box, and, on the Options tab, select the Right-click check box.
 
Adobe Captivate: Adding a right-click to a click box.
 
If you're using Storyline, select an object and, on the Triggers panel, create a new Trigger. From the When drop-down menu, choose User right clicks from the list of click events.
 
Articulate Storyline: Adding a right-click Trigger
 
While adding a right-click to your eLearning lesson is easy, I'd like to offer a few things to think about before you move forward. First, the Captivate and Storyline forums are littered with frantic posts from developers who cannot get the right-click functionality to work. Developers report that the right-click feature works when the lesson is previewed, but doesn't work when published. It turns out that the right-click feature doesn't usually work when the published lesson is tested locally but is fine when posted and tested via a web server or Learning Management System.
 
When accessed by your learners, there are instances when the right-click feature simply will not work, or it will be difficult to use. For instance, if you're a Captivate developer you can publish a lesson as a PDF. When the PDF is opened in Adobe Reader or Acrobat, the software captures the right-click and it won't work as you intended when you added it to the simulation.
 
How about an eLearning lesson that's opened by a Macintosh? While some Mac users will have a mouse that can handle a right-click, others do not support right-clicking at all. (As an alternative to using the mouse to right-click, Mac users can get a right-click menu to appear by pressing [control] when clicking. Nevertheless, some Mac users won't know that keyboard alternative unless you tell them about it.) 
 
If your learners are using a mobile device (such as an iPad), there's no right-click gesture. If your simulation tells an iPad user to right-click to perform a step within your simulation, the iPad user could get stuck.
 
Lastly, if you are required to provide 508 compliant eLearning for learners with disabilities, right-clicking isn't supported at all. Bottom line: unless it's absolutely necessary for the success of your eLearning simulation, I suggest you pass on using right-click functionality. (Showing a right-click in a software demonstration is fine, but not a simulation.)

What's your take on right-clicking? Do you use it? If not, why not? Feel free to share your opinions here

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio.We can also bring the same great training onsite to your facility. Interested? Contact us for details.

eLearning & Presentations: More Free Images. A MILLION more!

by AJ Walther Follow us on Twitter View our profile on LinkedIn

Want more free images for your eLearning or PowerPoint presentations? How about over a MILLION more? In December of last year, the British Library released into the public domain a huge collection of scanned images from more than 65,000 books spanning the 16th to 19th centuries. Yes, that's right, I said public domain. That means these images are free to use, share, and modify in any way that you see fit. The library asks only that you help to populate the metadata for the images to help make them more easily searchable–and to help spread the knowledge.

Free image 

The project is called the Mechanical Curator and is housed on a tumblr page that purports to post a randomly selected small illustration or ornamentation from these antiquated books. All of the images can be found on the British Library's flickr feed

Another free image  

Think these images are a little too old school for anything you'll be designing? Think again. Just for funsies I threw together a little eLearning layout by using the British Library's free images. Here's what I came up with:

Free images used in an eLearning project

The great thing about these images is that most all of them go together cohesively. And that "B" I used? I was able to find every letter I searched for, in a variety of styles. That could lead to endless designs… for free! Design on, friends.

See also:

Adobe Captivate: Bookmarking Without an LMS

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

Bookmarking a lesson provides the learner an opportunity to continue viewing a lesson from the exact spot where they left off. If you've uploaded your eLearning lesson into a Learning Management System, bookmarking is enabled by default in every lesson that you publish. 

If you're not working with an LMS and you still want to enable bookmarking, you're out of luck, right? Not exactly. With a few simple clicks, you can enable bookmarking within any Captivate project. Once enabled, learners will see the following message should they close their web browser while your eLearning lesson and then return at a later time.
 
Adobe Captivate: Bookmarking message
 
Enable Bookmarking (Self-Paced Learning)

  1. Open or create a Captivate project and choose Project > Table of Contents. (The Skin Editor Window opens.)
  2. From the left of the Skin Editor Window, select Show TOC.
    Adobe Captivate: Show TOC  
  3. From the bottom of the window, click the Settingsbutton. (The TOC Settings dialog box opens.)
    Adobe Captivate: TOC Settings  
  4. From the Runtime Options area, select Self-Paced Learning.
    Adobe Captivate: Self-Paced Learning   
  5. Click the OK button.

By enabling Self-Paced Learning, you have basically activated Captivate's bookmarking feature. You can test the bookmarking by publishing the project and then opening the HTML file with any web browser.

Move through a few slides in the lesson and then close the browser window. Reopen the HTML file and instead of the lesson simply starting over from the beginning, you (and your learners) will see the "Continue from where you stopped last time?" message shown below. How cool is that?

Adobe Captivate: Bookmarking message

If you'd like to see the Self-Paced Learning option in action, check out the video I created on the IconLogic YouTube channel.

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio.We can also bring the same great training onsite to your facility. Interested? Contact us for details.

Adobe eLearning Community Formed Supporting Maryland, DC, and Virginia

IconLogic's Kevin Siegel has been named the manager of Adobe's eLearning Community supporting eLearning developers living in or around DC, Virginia, and Maryland.

Kevin and the IconLogic team will be hosting regular meetings featuring tips and tricks on creating effective eLearning using such tools as Adobe Captivate and Adobe Presenter.

Join the group on LinkedIn to keep up to date on meetings and share your experiences with other developers.

More information.

eLearning: Determining the Best Size for Today’s Lessons

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

When developing eLearning lessons using any of the top development tools (Adobe Captivate, Articulate Storyline, or TechSmith Camtasia Studio), you need to take the size of your learner's device into account. If you make your eLearning lesson too large (I'm talking width and height, not how many megabytes the lesson might be), learners with small displays may have to scroll to see your content. If your published lesson has the ability to scale to fit the learners display, your content could scale down so small that your content will become unusable.

While you can create a project at one size and resize it smaller later, it's not an ideal workflow. Resizing a project once you've started will likely result in shifting of screen objects that require additional editing on your end. For that reason, it's best to pick a width and height that will work for the widest possible range of devices right from the start.

Several years ago, the typical desktop computer display resolution was 800×600 pixels. If you developed eLearning content for a screen resolution that low, a project size of 640×480 was recommended. A few years later, 1024×768 was the standard screen resolution, resulting in typical eLearning lessons sized to 800×600. According to w3schools.com, the standard desktop screen resolution today is 1366×768 and it's trending higher. (You'll find that available resolutions vary from system to system. For instance, I use an HP 22 inch display that doesn't support 1366×768. Instead, my closest options are 1360×768 and 1376×812.)

Because screen resolutions are higher than ever, developers are seeking an optimal viewing experience for learners. But what's the ideal size for an eLearning lesson? Unfortunately, there isn't a cookie-cutter answer. The size of the lesson you create depends largely on your customer. What is the typical device you expect your learner to be using? How big is its screen? Is the device typically used vertically (portrait) or horizontally (landscape)? What is its typical resolution?

If you are creating content for learners using standard desktop computers (Windows or Mac), a project size of 800×600 still works well. However, if you plan to post your content to YouTube, stay away from 800×600. At that size, your lesson won't look quite right when viewed on YouTube (you will likely see black bars on one or both sides of the video, and the video might look distorted during playback).

What's the Relationship Between Project Size and Screen Resolution?

Let's say that you create a project that is sized to 800×600. I view your lesson on a 17-inch monitor with a resolution of 1024×768. In this scenario, your lesson is going to look fine on my monitor. But what if I have a large screen (a 27-inch monitor for instance), and I'm using a high resolution? Your lesson is going to have a lot of white space to the left and right. Will that white space make the lesson look silly? Who's to say?

It's a delicate balancing act between the size of the capture area and an ideal screen resolution. When I create YouTube videos, I set my eLearning tool's capture size to 1024×568 and my screen resolution to 1440×900. While I could go higher with my screen resolution and capture more of the screen, the captured screen text at a higher screen resolution is small and hard to read. When I upload videos to YouTube, the already small text gets worse because YouTube makes my videos smaller.

More information on sizing eLearning projects:  

I'd love to hear from you. What is the best project size you've come up with? (Please post your comments below. Let me know who your target end-user is and the eLearning development tool you use.)

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio. We can also bring the same great training onsite to your facility. Interested? Contact us for details.