The Logical Blog

April 24, 2015

Adobe InDesign: Nested Styles

by Mira Rubin

If you've spent any amount of time working with Adobe InDesign, you probably know how to create Paragraph and Character styles. Nested styles take Paragraph styles to a whole new level with complex formatting you can apply with the click of a button. Nested styles are ideal when the paragraphs being formatted follow a consistent pattern such as entries in a catalog, directory, or bibliography.

Let's take the example of a contact list, where each entry is a paragraph with the following elements in common:

Last name, First name: (Phone Number Exchange) Phone Number

In this example, the paragraph structure is an assemblage of modules separated by markers–the comma between last name and first name, the colon before the phone number and the parentheses around the number exchange. You can apply different formatting to the modules using the markers as transition points. The trick to nested styles is to first create character styles that capture the variations in formatting. The character styles are then assembled to build a super smart paragraph style.

The example we'll use employs four variations in formatting. The phone number itself will be captured in the foundation paragraph style and the other three formats will be captured as character styles.

To begin, set up the paragraph so the last name, first name, number exchange and phone number all have distinct formatting. Be sure to include the comma, the colon, and the parentheses around the phone number exchange.

With the Type Tool cursor positioned in the last name, choose Window > Styles > Character Styles. When the panel opens, hold the Alt key (Windows)/Option key (Mac) and click the Create new style button at the bottom of the panel.

Create New Style

When the New Character Style dialog opens, name the style lastName. Notice the summary of formatting properties in the Style Settings section of the dialog.

Style summary.

Click OK to close the dialog.

Repeat the process and create character styles that capture the formatting of the last name and the phone number exchange (name the styles accordingly).

Three character styles

Now comes the fun part–assembling the paragraph style from the character style components.

Because InDesign captures paragraph properties from the formatting of the text at the cursor location, position the Type Tool cursor in the main phone number text. Choose Window > Styles > Paragraph Styles and, when the panel opens, Alt+Click/Option+Click the Create new paragraph style button at the bottom of the panel. Name the style listing.

Click the Drop Caps and Nested Styles category at the left of the New Paragraph Style dialog to display the nested styles options.

Click the New Nested Style button, then click the drop-down menu to the right of the word None in the first text field. Choose lastName from the list of character styles.

You want the last name and the comma following it to have the same formatting so, ensure that through is selected in the second column of options.

Select the word Words in the third column, and press the comma key on your keyboard to enter the comma as the delimiter.

Click the New Nested Style button again, this time assigning the firstName style and a colon as the delimiter.

Click the New Nested Style button a third and final time and assign the exchange style with a closing parenthesis as the delimiter. (Click OK to complete the style and close the dialog.)

Nested styles

To use the style, select the paragraphs you want to format and click the style name in the Paragraph Styles panel.

Whether it be one paragraph or a thousand, as long as the paragraphs in your document are uniformly structured, nested styles make it possible to apply complex formatting reliably and consistently at the click of a button.

***

Looking to learn Adobe InDesign? Check out these live, online classes.

April 22, 2015

eLearning: Top 20 Must-Read BLOGS

by Sean Stoker

In our own, considered, humble opinion, we have an awesome blog that every eLearning professional should read.
But sometimes we like to see what our colleagues are doing, which means taking a look at the multitude of eLearning knowledge that exists all over the web. Here are a few blogs that you simply must bookmark and read on a consistent basis:

eLearning Industry. This website publishes original eLearning content with 360 authors and more than 90 original articles published per month.
The eLearning Coach. Instructional design know-how from a highly experienced eLearning guru, Connie Malamed.
E-Learning Provocateur. E-Learning Provocateur is the brainchild of Ryan Tracey, a member of eLearn Magazine's editorial board. Tracey hopes to "provoke deeper thinking" in the world of eLearning.
Cathy Moore. Cathy Moore is an impassioned advocate for interesting and stimulating eLearning. As a speaker and adviser she is in very high demand, and her impressive resume includes companies such as Lockheed Martin, Microsoft, Wells Fargo, FedEx, and even the American Government, amongst a multitude of others.
E-Learning 24/7 Blog. Blogger Craig Weiss was recently named the most influential person in the eLearning industry. He is an expert on Learning Management Systems and a well-known public speaker.
OpenSesame. OpenSesame is a unique website that allows for easy buying and selling of eLearning Courses.
The Learning Generalist. Written by Sumeet Moghe of Thoughtworks Technologies Pune.
Social Learning Blog. An industry blog brought to you by LMS giant Interactyx.
Upside Learning. One of the most socially shared eLearning blogs on the internet.
Technology Enhanced Learning Blog. By David Hopkins, the 2014 ALTC Learning Technologist of the Year.
Learning Solutions Magazine. The eLearning Guild's publication, boasting more than 1000 articles since 2002.
Rapid eLearning Blog. By Tom Kuhlman, an eLearning pro with two decades of experience.
I Came, I Saw, I Learned. An informative blog about the software and design side of things from IconLogic.
Allison Rossett. A blog hosted by Dr. Allison Rosset, an eLearning expert and professor of Educational Technology at San Diego State University.
The Spicy Learning Blog. "The Spicy Learning Blog" is posted by Saffron Interactive, Europe's prolific eLearning organization.
Kasper Spiro. From the mind of Kasper Spiro, CEO of easygenerator.
Docebo E-Learning Blog. A blog created by Docebo, one of the Top Ten Learning Management Systems of 2015.
LMS Blog. Insider knowledge from the respected LMS, Latitude Learning.
E-Learning Acupuncture. An eLearning blog created by accomplished scientist and Educational Developer at Queen's University, Eric Tremblay.
E-Learning Academy. Tips from e-coach Alison Bickford.

Is there a blog you would like to add to this list? Feel free to name your go-to blog in as a comment below.

***

Looking to learn to create your own eLearning? We offer several live, online classes that'll get you up and running in no time. Classes range from 3-hour mini courses to full-day, multi-day events.

April 16, 2015

eLearning: Become a Pedagogical Agent

by Jennie Ruby

If you've taken any of our Adobe Captivate, Adobe Presenter, or Articulate Storyline classes, you are probably aware that these programs provide a selection of screen characters–cut-out pictures of professional actors in business, medical, or business-casual clothing posed as if they are talking to you. They are intended for use as a kind of avatar of the trainer.

There is research that shows that using a screen character as a pedagogical agent or learning coach, who speaks informally and appears to be giving the lesson, increases learning. (My reference for this is Ruth Colvin Clark and Richard E. Mayer, eLearning and the Science of Instruction.)

Over the past few weeks, I've had multiple students ask how hard it would be to use themselves as the learning coach. Believe it or not, becoming a pedagogical agent is easier than you think.

Put Your Picture into the Lesson. Place a professional head shot of yourself, your trainer, or expert on the introductory slide (including job title, credentials, etc.), and then have that individual record the audio narration for the project.

Create your own screen characters. Photograph your expert on a green screen background for a full set of screen characters in various poses. The IconLogic Blog has a whole series of articles on how to do this:

Green Screen Part I

Green Screen Part II

Green Screen Part III

Green Screen Part IV

Create cartoons of yourself or your in-house experts. You can use the images over and over in on-going training videos. Here is one article to get you started: Using Bitstrips Characters.

If you don't have specific, known individuals in your company to act as your learning coaches, you are not stuck with the same four or five actors that come with your software. You can purchase additional screen characters from The eLearning Brothers. Or you can just make good use of some inexpensive clip art. By trimming out the background in ordinary office photographs, you can get some nice effects.

Whether you use generic actors or your own home-grown experts, screen characters are an excellent way to add the personalization, engagement, and local feel that will bring your eLearning to the next level.

Once you have your screen characters, how do you know what to make them say? Join me for an afternoon mini course on writing voiceovers to find out.

April 13, 2015

Adobe Captivate: Text Hyperlinks

by Kevin Siegel

Over the years I've had more than a few eLearning development clients ask us to create links to web resources on a slide. There's more than one way to accomplish the task. Over the next couple of weeks I'll discuss some of my favorite techniques. Up first, text hyperlinks.

To create a text hyperlink, select some text (the text can be contained within a text caption or a smart shape). Then, on the Properties Inspector, select the Style tab. From the Character area, click the Insert Hyperlink tool.

From the Link To drop-down menu, choose Web Page. Next, type a web address into the field.

Prior to clicking the OK button, visit the drop-down menu to the right of the web address. I think it's a good idea to select New from the list of options. (This will ensure that the page that appears after the learner clicks is a new page or tab, rather than a page that replaces the current lesson.)

When previewed in a web browser, the text hyperlink will look similar to the image below. If clicked, the learner will be taken to the web address you specified in the Link To area.

Should you change your mind about the text hyperlink, removing the link is as simple as selecting the text and, back on the Properties Inspector, clicking the Remove Hyperlink tool.

***

If you'd like to learn more about eLearning, come hang out in my next eLearning basics mini course. And if you'd like to learn more Captivate, Presenter, or Storyline, we've got a great collection of live, online classes for you.

Adobe Presenter Video Express: Creating Software Demos

by Jennie Ruby

If you've tried Adobe Presenter with Video Express, you are probably aware that you can create a video of yourself as you present your PowerPoint slides, and then display either yourself, your slides, or both in the published project. However, a well-kept secret is that Video Express actually enables you to take a simultaneous video of yourself and anything you have on your computer screen–it doesn't have to be PowerPoint slides.

Here's an example: I needed to show a few different functions in Word 2013. I'm creating an update lesson, not a full how-to video. I want to be able to list the changes in 2013 from the 2010 version of the software, and show just a quick mini-vid of things that have been changed.

First, I turn on Video Express independently of PowerPoint and Presenter. (On my Windows 8 touch-screen machine, I went to the Start screen and tapped the Video Express icon. You can start your copy of Video Express just as you would start any application.)

Next I created a script (you can't do anything without a step-by-step script, and possibly a voiceover script to go with it), and opened my target application, Word 2013, in maximized view. Video Express is automatically set to capture the entire screen.

From the task bar, I retrieve Video Express, and hit the Create New Project button.

Create New Project

I ignore the fact that my video camera is now showing my face–I'm not going to display that aspect of the video in my end product. No need for lighting, makeup, etc. on this one!

I click the Record button.

Record button

Video Express disappears, a count-down from 5 to 1 rolls, and consulting my script, I take a live video of some screen actions, narrating as I go.

When I've finished the steps, I hit the stop recording short-cut key combo, Shift-End.

My video opens in Editing view.

At the bottom of the screen, I click the Presentation Only tool.

Presentation Only tool

Now the published output will display only the screen actions, and not my face, but my audio narration will play throughout.

Since the video was shot with Word maximized, I click the Pan & Zoom tool at a crucial point along the timeline.

Pan & Zoom tool

Then I adjust the Pan and Zoom to focus on the part of the screen that is of interest.

Adjust the Pan and Zoom

Later along the timeline, I could choose to zoom back out, but that is not needed for my project.

Finished with editing, I go to the lower right corner of the Editing screen, and click Publish.

From the options displayed, I choose Export to PowerPoint. I've decided to create a slide show of the Microsoft Word updates, with a mini-video of each change.

Export to PowerPoint

After some processing, PowerPoint opens with my inserted video ready to go on a new slide. I'll add an intro slide and explanatory slides along with additional slides showing my other mini-videos.

Now I can save my project, then use Adobe Presenter to publish it as one continuous movie, with my embedded videos playing automatically in between explanatory slides. Sweet!

So okay, I did end up using PowerPoint and Adobe Presenter along with Video Express after all, but that combo was just what I needed for this hybrid project.

Want more on Video Express? Sign up for my Video Express mini course for just $79, and you'll be ready to make expert videos after just one afternoon session!

April 7, 2015

Adobe Illustrator: Working with Artboards

by Sally Cox

I create all my graphics for my eLearning courses in Adobe Illustrator. I try to draw everything myself but also refine stock vector art when I am in a rush. My Illustrator files have a lot of artboards and they can get out of order easily. Let me show you how to rearrange your Artboards to help keep you sane and organized.

When you create a New Document in Illustrator, there is an option to add more than one Artboard. Two or more Artboards gives you more options.

Next to the number of Artboards are four icons and an arrow. The four icons give you options to arrange your Artboards. I usually leave it on the first option, which will arrange them from left to right and add rows going down. I also recommend adding to the Spacing (area between Artboards).

Artboard Tool

When you want to edit or add new Artboards, use the Artboard Tool (Shift O).

Here's an example of what one of my files looks like. Okay, I admit I haphazardly add Artboards and they do get out of order.

When you choose the Artboard Tool, the current Artboard gets a bold dashed line around it.

The Artboard I currently have selected with the Artboard Tool is highlighted with a bold dashed border.

Drag the handles to resize the Artboard, select the Trash Can on the options (at the top of your screen) to delete an Artboard. There are icons to add new or rename Artboards, change x and y positioning, and adjust width and height, among others. Hover over the icon to learn its function.

One final step with Artboards is the Artboard Panel (which provides an easy way to reorder and rename Artboards). You will find the Artboards Panel in the Windows menu.

In the image above I am renaming my Artboards to make it easier to navigate through them.

April 6, 2015

Adobe RoboHelp: Create Merged Help

by Willam van Weelden

Merged help is the process of combining outputs from multiple RoboHelp projects into a single help system. While the content is created from multiple projects, your users see a single, integrated help system.

Over the next couple of weeks I will teach you how to create merged help for several output formats. Since RoboHelp's layouts work differently, I will go over each layout in turn.

Why Merge Help?

Generally speaking, if any of the following items are true in your environment, merging may be for you:

You have a very large project (thousands of topics). Splitting the project into smaller projects may make maintenance easier.
Multiple writers work on separate parts of the documentation and you don't have source control. Without source control, only a single author can work in a project at the same time. Having multiple smaller projects makes collaboration without source control easier.
You need to update parts of the help separately from other parts. If you have a single project, you create an output for the entire project. You can publish only changed files, but you can't update only a single part. With merged help, you can.
You have modules that are reused in different products. With merged help you maintain a single version, and reuse that.

Which Outputs can I Merge?

You can merge the following outputs:

Adobe AIR
Microsoft HTML Help (CHM)
FlashHelp
Multiscreen HTML5
Responsive HTML5
WebHelp

Master Project and Child Projects

When you merge help, you always have one master project and any number of child projects. The master project is the glue that holds everything together. When you generate your output, the master project makes sure that your help system is shown as an integrated whole.

Your master project is a regular RoboHelp project. You can use any features you want in the master project.

Merged Microsoft HTML Help

Generate a CHM file for every child project. (Using the Single Source Layouts pod, generate Microsoft HTML Help.) Then open the project that is to be the master project.

Open the layout's table of contents and click New Merged Project.

Adobe RoboHelp: New Merged Project tool.

On the HTML Help tab, click the browse button (the yellow folder) and open the CHM file of the child project you published.

Adobe RoboHelp: Merged Project dialog box.

Click Yes when prompted.

Adobe RoboHelp: Click Yes to the alert dialog box.

Click the OK button to merge the CHM file.

Adobe RoboHelp: Child project ready to add to a master project.

The child project will appear in the Master project's TOC.

Adobe RoboHelp: Child added to the TOC.

Save your project and generate the layout.

All that's left to do is deliver both CHM files as your help system.Whenever the child project changes, generate the CHM from the child project. Replace the CHM in the master project directory and generate your master project. You can also replace the child project CHM in the output directly.

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.

April 3, 2015

eLearning: Is Gamification Really Necessary?

by AJ Walther

I like the idea of games in learning, generally speaking. Why shouldn't learning be fun? Set the capitals of the states to music, turn the stock market into a game, great. But lately the eLearning community is all aflutter about the gamification of learning. Game this. Video that. Avatar all the things!

Sure, I think there's a place for games in learning. Yes, I think to some degree games can improve learner engagement. But what about retention? What about actual knowledge gain? And mostly, what about the message we, as eLearning developers, are sending? Should everything be a game?

A game-based school for 6th graders opened in Los Angeles. It looks like attending the school would be a blast. But I have to wonder how kids attending a school where everything is a game are going to turn out. Will they be motivated to do anything if there's not a prize at the end? Will the students want to learn for the pure joy of discovery and the attainment of knowledge, or will they always only be focused on leveling-up? What about when they enter the workplace? Will their jobs need to be set up on an instant gratification game system? Or will it even matter, because at that point all of our job training and all of our work will be gamified as well?

Conversely, maybe these kids will go on to be super-motivated brainiacs because they "learned to learn" in an environment based upon fun and games. I certainly don't know. What's concerning to me, is that I'm not sure if anyone knows. Are we gamifying things because it's the new, fun, thing to do? Or are we doing it because it works? We'd love to hear from you.

I have mostly questions, and no answers. I've yet to come across any research that goes beyond how gamification can be applied, instead focusing on whether or not gamification works. What I did find was an interesting survey conducted by the Pew Research Center (Gamification: Experts expect 'game layers' to expand in the future, with positive and negative results). I found it interesting because it looked at gamification from both sides, pointing out that some industry experts think gaming can be "fun, useful, increasing engagement and personal improvement" while others say it can also be "manipulative, insidious." Because it was only an opinion survey, however, there was no statistical data on whether the gaming is working.

Check out this infographic from Knewton about the Gamification of Education. Looking for more? Here's an infographic by OnlineSchools.com that goes into a little more detail about gaming in education. (And, if you'd like to know how to make your own infographic, check out this blog post on using PowerPoint.)

March 28, 2015

TechSmith Camtasia Studio: MenuMaker

by Kevin Siegel

After producing your Camtasia projects, the net result is a collection of independent web files, scripts, videos and other assets. If you are looking to group multiple Camtasia projects together to create a single course, you'll need to upload the lessons to Screencast.com, YouTube, or a Learning Management System. But if you want to create a website that includes a menu of your lessons, you will need to get a webmaster involved… someone who can create a website that links to all of the produced files that make up your course.

If you don't have access to a webmaster, Camtasia MenuMaker will prove invaluable. MenuMaker packages documents, graphics, multimedia files and videos all into a single menu intended to be placed onto a CD-ROM, DVD or other type of drive.

Before creating a menu, produce two or more Camtasia projects as videos.

To create a menu, open a Camtasia project and choose Tools > Studio tools > Camtasia MenuMaker. From within the MenuMaker Wizard, select Create a new project using the Wizard and click the OK button.

Camtasia: Welcome Screen

Next you can choose a Template for your menu. After selecting a Template, click Next.

Camtasia: Templates

Find and open your produced videos (in the image below, I've added three videos to my menu).

Camtasia: Videos added to the menu.

On the final screen, give your menu a title and click Finish to create the menu.

Camtasia: A title added to the menu.

And that's it! Of course, if you want to control the look of the menu, there are plenty of things you can do to customize it… but that's a story for next week.

Camtasia: Menu prior to customization.

***

March 27, 2015

Adobe Captivate: Six Ways to Use Voiceover Scripts

by Jennie Ruby

I often point out in my classes on writing eLearning voiceover scripts that a script is necessary so that when you record the audio you don't skip anything, don't stumble, and don't say "um." However, using a voiceover script for eLearning is way more useful than just that.

Let's say for example that your eLearning project will be developed in Adobe Captivate. Captivate allows you to type–or copy and paste–the script into Slide Notes, similar to the slide notes you might be familiar with in PowerPoint. From there, you can use the notes in several different ways.

Adobe Captivate: Slide Notes

First, just as in PowerPoint, you can create handouts that print the Slide Notes along with an image of each slide, like this:

PowerPoint notes.

Second, if you are going to record the voiceover yourself, you can display the notes in the recording dialog box, like a miniature teleprompter, for your ease in recording the audio. At the bottom of the recording window, click the Captions & Slide Notes button to display the notes.

The slide notes.

Third, if you are hiring voiceover talent to record the audio, you can provide the script to that professional, slide by slide, so that he or she can record the audio for each slide separately.

Voiceover scripts

Then, fourth, once you either record the audio yourself or import the recordings from your voiceover talent, you may need closed captioning. Once you have pasted the voiceover script phrase by phrase into the Slide Notes pane, you can create the closed captioning just by clicking a check box.

Adobe Captivate CC's.

And if you have accurately divided the script into phrases as shown above, it will automatically be synchronized with the audio. Below, you can see the yellow markers indicating the closed caption that goes with each audio segment.

Closed captions synchronized

Fifth, suppose instead of hiring voiceover talent and instead of recording the audio yourself, you decide to go with Text to Speech. Since Captivate comes with several high-quality computerized voices from NeoSpeech, this is a viable option. Just as with the closed captioning, creating the Text to Speech from the Slide Notes is very easy. In the Slide Notes pane, you click the TTS check box.

Text to Speech

Then you open the Speech Management dialog box, where the Slide Notes are automatically imported, click the Generate Text button at the bottom, and you've got your voiceover audio.

Speech Management dialog box

And as before, to get closed captions with that, you just click the Audio CC check box.

Sixth, and finally, if you are creating accessible eLearning that is 508 compliant, then the final thing you can do from that one voiceover script is automatically import the Slide Notes to the Slide Accessibility dialog box. This contains the text to be read by screen readers, for those accessing the training through audio only.

Slide Accessibility

So, let me count them up–yep, that would be six (6) ways to use a voiceover script to help in the development of eLearning with Adobe Captivate. By starting with a good voiceover script, you not only create a clear and well-planned audio, but you also save tons of work by using the script to automatically generate any or all of these aspects of your eLearning project.

Are your scripts up to the task? Join me for my afternoon mini course on how to write a good voiceover script.

***
Need more help with your script? Look for our hourly consulting service. We'll help you evaluate, substantively edit, or rewrite your voiceover script to make sure it is up to par.