eLearning: Voiceover Audio That Will Keep the Learner’s Attention

by Jennie Ruby View our profile on LinkedIn

How can you use your voiceover script to keep the learner's attention within an eLearning lesson? Here are the two most important factors: Make it proportional and make it conversational.

Make the Voiceover Proportional to the Action

In a recent informal test at a conference for instructional designers, the audience started waving and yelling "Stop! Stop!" after less than two sentences of voiceover text was read for one PowerPoint slide. Now granted, that second sentence was a doozy, weighing in at more than 47 words, but still. Two sentences? How short is our typical learner's attention span these days, after all? Probably much shorter than you think. 

The learners we address with our eLearning projects are bombarded with information, often in the form of movies, videos, and television. Scenes change in modern movies approximately every minute and a half. But in a movie, even during that short time, something is continually moving on the screen.

On many kinds of eLearning products, there may be nothing moving at all, as a still slide rests on the screen or a still screenshot sits waiting for the next interaction. So with absolutely no motion on screen, how long can the audio drone on?

At the conference, the elapsed time was less than 12 seconds before the audience became impatient.

To some extent, the type of lesson will determine how much voiceover is proportional to each action. On a software demo video, a lack of action for as little as 7 seconds can have the learner shaking the mouse to see if the video is still running-even if the audio voiceover is continuing. During compliance training, on the other hand, the learner may expect relatively longer voiceover descriptions and recitations of rules.

But that doesn't mean learners will like it. Consider aiming to have something move on the screen, illustrate the point, or change in some way about every two sentences. You can achieve the right proportions by either adding visual elements or shortening the voiceover script.

Use Plain Language and a Conversational Writing Style

The writing style of your voiceover text will greatly affect how "listenable" it is. Long, academic-sounding, repetitive sentences will have your learner eager to move on quicker than short, plain-language sentences.

Test yourself: try reading each of the following paragraphs. Which one makes you want to stop reading sooner?

Example A: The capability for the creation of user-defined functions has been instituted with the current version. This capability is not entirely new but was previously available via pass-through to and from a custom module, which is a function of most programming languages. However, these modules did not allow this functionality to be embedded directly within another function, and this inherent limitation was a source of frustration to users.

Example B. In previous versions of the program, you could create a custom function, but only within an entire custom module. Now, you can embed your own custom functions directly inside another function. This means there are now countless ways you can use custom functions within your own applications.

With little change in the technical terminology and content, Example B will seem easier to focus on for most learners. The best writing style for a voiceover uses shorter sentences, addresses the learner directly, uses plain language when possible, and uses active rather than passive voice.

Instead of "The capability for the creation of user-defined functions has been instituted…"

Try this: "Now, you can create your own user-defined functions."

Instead of "This was previously available via pass-through…"

Try this: "Before, you had to pass your custom functions through a…"

Instead of "These modules did not allow this functionality"

Try this: "You can now do x"

Remember that the voiceover for a lesson is written for a voice. Make that voice conversational rather than academic in style. Make it proportional to the amount of action on screen and you'll keep your learners clicking painlessly through the lesson while remaining focused.

***

If you love Jennie's grammar articles, you'll love her classes. Check out some of Jennie's mini courses.

Adobe Captivate: Record Simulations Using Smart Shapes Instead of Text Captions

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube
 
Text Captions have been available in Adobe Captivate since before Captivate was Captivate (think RoboDemo). While there's nothing terribly wrong with Text Captions, you're a bit limited when it comes to editing the way they look.

Take the Text Caption shown below for example. The arrow in the upper left of the caption is known as a callout.

Adobe Captivate: Standard Text Caption  

You can control a few attributes of the callout (you can use the Properties Inspector to select from a list of pre-determined positions and you can elect not to show the callout). But if you want to fully adjust the callout (perhaps move it a bit to the left or right, or make the callout a bit longer), you're out of luck.

Many Captivate developers, tired of the limitations of standard Text Captions, have forsaken Text Captions altogether for Smart Shapes. In the image below, I'm using a Rectangle Smart Shape. The shape looks much like a Standard Text Caption. I can control its appearance via Object Styles. However, check out how I am able to drag the shape's callout by dragging the yellow square. You can't do that with a Text Caption.

Adobe Captivate: The callout in a Smart Shape can easily be adjusted.

Because Text Captions are really bitmap images, I'm not able to fully control how the captions look unless I edit the bitmaps using an image editing program. With Smart Shapes, you can control just about every aspect of the way the shape looks by combining options found on the Properties Inspector with Object Styles.

While there is much to love about Smart Shapes, a perceived downside to Smart Shapes is that you can't use them to automatically get captions when recording a Software Simulation. You'll be happy to learn that you can, in fact, use Smart Shapes instead of Text Captions during the recording process.

Display Captivate's Preferences (Windows users, choose Edit > Preferences; Mac users, choose Adobe Captivate > Preferences). Choose a recording mode and, from the Captions area, select Use Smart Shapes instead of Captions.

 Adobe Captivate: Use Smart Shapes instead of Captions.

At that point, you'll be able to select the Smart Shape Type you'd like to use during the recording process.
 
Adobe Captivate: Smart Shape Type.
 
Click the OK button to close the Preferences dialog box and you're done. The next time you record a Software Simulation, the project will automatically contain Smart Shapes instead of Text Captions.

***

Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

Microsoft PowerPoint: Embedding Fonts

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

If you are sending your PowerPoint presentation off to be viewed on another system that is not yours, you may be concerned that this other system won't have the same fonts. No need to lose any sleep over what your final design will look like. If you've used TrueType fonts, you can embed them into your presentation and send them along with it.

TrueType fonts can be identified by a TT next to the font name in the font drop-down menu of PowerPoint. The fonts outlined in red below are all TrueType fonts.

Microsoft PowerPoint: TrueType Fonts 

Here's how to embed TrueType fonts in a PowerPoint presentation:

  1. From the PowerPoint ribbon, choose File > Options.
  2. Select the Save category at the left.
  3. From the Preserve fidelity when sharing this presentation: area, select (check) Embed fonts in the file.
    Microsoft PowerPoint: Embed Fonts in the File 
  4. Choose the option under Embed fonts in the file that applies best to your situation. The first option will help keep the file size small; but if the person you are sending the presentation to will be making edits, you may need to select the second option.
  5. Click the OK button to close the PowerPoint Options dialog box.

Now you can rest assured that your fonts will survive the trip to another computer system.

See also:

Adobe Captivate 8: More is More

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

Last week I told you about the great enhancements you'll see in Adobe Captivate 8 when it comes to image buttons. This week, I'm going to show you a few more improvements that I think you'll love.

Sample Projects/Tutorials
 
The first thing you'll see when you start Captivate is the Welcome screen. From this position, you can create a new project, record a software simulation/demonstration, or access recent projects. But take a look in the upper right of the Welcome screen and you'll see an awesome addition: Sample Projects/Tutorials (shown below, it's located in the upper right of the Welcome screen).
 
Adobe Captivate: Sample Projects/Tutorials
 
Granted, the icon to access the projects and tutorials is easy to miss; but once clicked, a dialog box opens and you'll have access to some really nice sample projects. The sample projects are shown first, followed by several tutorials.
 
Adobe Captivate: Sample projects and tutorials 
 
If you have already opened or created a project, you will find a Sample Projects/Tutorials icon via the top of the Captivate window (to the right of the Help menu).
 
Adobe Captivate: Sample Projects/Tutorials
 
However, clicking the icon from here is different than clicking it on the Welcome screen. If you click the icon while in a project, you'll be taken online to Adobe KnowHow, where you'll find some free and pay-for-access training videos.
 
Characters and Agents
 
I love the Characters feature added to Captivate a few years ago, which allows you to insert images/guides within a project. And I was delighted to see that not only did Adobe keep Characters in Captivate 8, they've added quite a few. To add a Character, choose Media > Characters. Select a Category, select a character, and then double-click a pose to insert the character onto a slide.
   
Adobe Captivate: More characters
 
Lastly, check out the Speech Agents (via Audio > Speech Management). Previous versions of Captivate included five Text to Speech Agents. You'll be happy to see that Captivate 8 bumps that number up to seven. New to the team are James and Yumi. I was particularly impressed with how good James sounded… a nice upgrade from Paul (sorry Paul). And Yumi covers you if you need audio for Korean eLearners.
 
Adobe Captivate: More Agents  
 
***
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 8: Responsive Projects for mLearning

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

Creating eLearning for mobile devices was high on the wish list a few years ago when Adobe asked users for the top features they'd like to see added to Adobe Captivate. It wasn't long before Adobe responded by adding HTML5 as a publishing option. HTML5 allowed developers to create interactive content that can be used by mobile learners who have a device that does not support Flash.

Publishing HTML5 solved the issue of creating interactive eLearning on the iPad. But there remained another problem. The size of the screen that learners use can vary widely. Your eLearning lesson might look perfect on a desktop system but might be too small when viewed on a small device (such as a smart phone). To accommodate the many screen sizes, your only recourse was to develop several Captivate projects, sized specifically to work on each screen size. Of course that also meant that you'd have to edit and update several projects. No thanks!
 
Adobe Captivate 8 now allows you to create responsive projects. During the development process, you can basically create and work on multiple screen sizes (called break points) in one project. When you publish the responsive project, the learner will automatically be served the break point appropriate for the device they're using. This one Captivate 8 feature is the main, compelling reason that upgrading to Captivate 8 isn't just something to consider… it's mandatory if your mission is to create eLearning for desktop and mobile users.
 
To create a responsive project, double-click Responsive Project on the Welcome screen or choose File > New > Responsive Project.
 
Adobe Captivate: Responsive Projects
 
Developing a responsive project is pretty much the same as developing a standard project, but there's one notable difference–breakpoints. By default, new projects contain three breakpoints for the most common screen sizes (for desktop users, tablet users, and smart phone users). You can click each of the breakpoints to see how the layout changes dependent upon the size of the canvas.
Adobe Captivate: Default breakpoints 
 
In the images below, I've selected each of the default break points I was given in my new project (you can create as many break points as you need and edit existing break points at any time).
Adobe Captivate: Breakpoint for a desktop user.
 

Adobe Captivate: Breakpoint for a tablet user.

Adobe Captivate: Layout for a smart phone 

In the images below, you can see a responsive project developed by Anita Horsley, and how she designed each canvas to work best with each of her break points. (As you review each image, pay particular attention to the position of the character as each break point is selected.)

Adobe Captivate: Breakpoint for a desktop user.
Desktop user: 1024 pixels wide.

Tablet user: 768 pixels wide.

Mobile user: 360 pixels

Once you're done laying out each canvas, all you need to do is publish and post the lesson to a web server or LMS just like always. When the lesson is accessed by your learner, the lesson will automatically detect the learner's screen size and the correct canvas will be displayed. Awesome!

***

Want to learn more about creating responsive projects? Join our3-hour mini course on creating Responsive Layouts with Adobe Captivate.
 
***
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 8: A Cleaner, Simpler User Interface

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

Adobe last week announced Adobe Captivate 8, a significant upgrade to one of the top eLearning development tools in the world.

Over the past few years I've repeatedly heard a couple of complaints about Captivate. First, it was perceived as difficult to use. There were so many panels, pods, and toolbars it didn't take too much effort for the Captivate workspace to get cluttered. Sure it was possible to create a custom workspace, but that didn't seem to matter. The fact that a panel could be accidentally moved from one part of the screen to another was causing all kinds of drama.

Another major complaint was Captivate's lack of support for mobile users. You could publish a Captivate lesson as HTML5, but the way a lesson looked when viewed on different screen sizes wasn't something a developer could control.

Captivate users will be happy to learn that both major pain points have been addressed with Captivate 8. Shown below is the Welcome screen you will see when you first start Captivate 8. There are two tabs, Recent and New. After selecting New, you'll find the usual suspects including Software Simulation, Video Demo, and From PowerPoint. You'll also see a brand new… and very awesome… option for creating Responsive Projects (something I'll cover in a future post).

 
Adobe Captivate 8: Welcome Screen

If you're a veteran Captivate user, you'll notice right away that in addition to the Welcome screen getting a nice redesign, there is no longer a check box in the lower left to permanently hide the Welcome screen. This may not seem like a big deal, but I can't tell you how many times I've heard from people using Captivate 7 and older who tell me that the Welcome screen is missing. It turns out that they've accidentally hidden the Welcome screen. And while it's easy to bring it back, I'm delighted to see that since it cannot be hidden that issue is gone.

 
You'll be happy to learn that projects created in Captivate 6 and 7 will open in Captivate 8, and those projects willautomatically be upgraded to version 8. However, once upgraded, Captivate 8 projects will not open in older versions of Captivate. Prior to upgrading, I suggest that you make backups of your legacy projects just in case you need to open them in the older versions of the software.
 
After creating a new project or opening an old one, your next discovery will be the clean Captivate 8 interface.
 
Adobe Captivate 8: New Interface
 
At the left is the familiar Filmstrip; in the middle is the stage (or slide… call it what you like). There's no Timeline, no Properties Inspector, no Library. There's no clutter at all.
 
Of course, the missing panels are critical to your success in Captivate so you'll need to be able to open them. Take a look at the bottom of the Captivate window and you'll see the wordTimeline. One quick click on the word and the Timeline opens at the bottom of the Captivate window.
 
Adobe Captivate 8: Timeline button
 
Look in the upper right of the Captivate window and you'll find buttons that will show or hide both the Library and Properties Inspector.
 
Adobe Captivate 8: Library and Properties Inspector buttons.
 
You'll notice that you can open the Library… you can open the Properties Inspector… but you can't open them both at the same time. And you cannot drag panels around your screen like you could in legacy versions of the software. If you're a workspaces junkie, you're also not going to like the fact that you cannot create workspaces. No kidding. Visit the Window menu and you'll find Workspace > Reset Classic, but that's it. There's no menu item for creating a new workspace. Okay, so losing the Workspace feature is a bummer. But if you're really missing this feature, I've got good news. Visit Captivate's Preferences (Edit menu for Windows users; Adobe Captivate menu for Mac users) and you'll find an option to Enable custom workspaces/panel undocking.
 
Adobe Captivate 8: Enable custom workspaces.
 
Turn that option on, restart Captivate 8, and you'll be able to both drag panels around your screen and create custom workspaces.

***

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: Maryland, DC, and Virginia. First Meeting Scheduled

I'm happy to report that the first meeting for the "Adobe eLearning Community: Maryland, DC, and Virginia" on the books: July 9, 2014 at Adobe HQ in McLean, VA.

Address: 7930 Jones Branch Drive Suite 500, McLean, VA 22102
Time: 7-9 p.m., Eastern.

We'll be posting information about the meeting via our Meetup space and our LinkedIn page.

I'm really excited to meet all of you in person (and online… we will be running virtual sessions for all of our meetings).

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.
 

Developing User Assistance for a Mobile World

Smartphones have sparked a huge, new software segment – the mobile app. They have also changed how traditional desktop software is being designed and developed. This creates an important pair of questions for user assistance professionals: What is our role going forward in mobile and how can we prepare to take that on? User Assistance does have a role in supporting mobile apps. As the mobile market continues to expand, this is becoming the next frontier for user assistance professionals.

This half-day, online workshop is designed to provide an introduction to key topics and also to foster discussion on the best ways to design UA for this new paradigm.

Registration includes an ePub copy of the book Developing User Assistance for Mobile Apps, PDF copies of slides and handouts, and access to a recording of the workshop.

User Assistance: HUDs in Technical Communication

by Tony Self Follow us on Twitter View our profile on LinkedIn
 
Did you ever see the 1986 movie "Top Gun?" If so, perhaps you recall seeing gun-sights, cross-hairs, warning messages, and air speeds displayed as green text on the cockpit windshield of the jets. What you saw in the movie was an early Head Up Display (HUD). If Top Gun is too old for you, how about Iron Man? HUD was featured prominently in that movie as well.

While HUDs may seem like something you'll find only in fighter jets or the movies, they are actually creeping into everyday life. For instance, HUDs are now installed as standard equipment in many cars displaying speed, distance, and messages onto the windshield. Drivers don't need to move their head up or down to read the text; they can keep looking straight ahead.

If your car isn't equipped with a HUD, you can use your smart phone, download a HUD app, place the phone on the dashboard, and reflect an inverted readout onto the windshield. And you can purchase HUD navigation systems (such as the unit shown below from Garmin).

Garmin HUD   

There's a new type of HUD that's attracting lots of attention: Google Glass. Glass isn't the only product of its type on the market (there are dozens), but it attracts the most publicity. These wearable technology products display text in a tiny HUD in a pair of lens-less spectacles. The text displayed depends on the application; it could be the current time, an appointment, alerts… but it could also be procedural information, checklists, or product descriptions.

What does HUD technology have to do with technical communication? HUDs will provide innovative new ways to deliver technical information. For instance, Virgin Atlantic is currently testing Google Glass at Heathrow Airport. According to CNN, "The airline is conducting a six-week experiment with the wearable technology for passengers in its Upper Class Lounge at London. With data flashing before their eyes, staff can update customers on their latest flight information, as well as weather and events at their destination."

Google Glass being tested at Virgin Atlantic

 Source: CNN

If the Virgin Atlantic tests prove successful, the opportunities for technical communicators are endless. Beyond simply documenting HUD devices and applications, technical documentation and eLearning content could actually be displayed on a HUD. There will be challenges of course. Writers looking to create content for HUDs will need to embrace writing techniques such as minimalism and separation of content and form. Nevertheless, it will be possible for technical communicators to one day deliver to this new media… a layer above reality.