Color me Storyline

If you’re an Articulate groupie, you probably know that community manager David Anderson has been posting a weekly challenge for some time now. This week’s challenge: Top 10 Things Learners Need to Know About Storyline. David suggested we target any area of Storyline development. I decided to focus on various ways to adjust colors in Storyline…and it was tough stopping at 10!

Theme Colors

1  Theme Colors…

ThemeColors

…accessed from the Design tab on the ribbon, affect the colors that are used for Storyline elements such as shapes, text, and images. You can choose a built-in theme or create custom ones, which can be edited. Themes can be applied to one slide, matching slides, or all slides. Check out this Articulate Tutorial on Working with Theme Colors.

 

Coloring Shapes from the Menu

2  Shape Styles and Shape Fill Gradients

QuickStyles

When you click on a shape, you make it active, and the Drawing Tools Format bar appears. You can change colors quickly by clicking to drop down some quick styles, as indicated above.

Another color change you can make from the menu is adding gradients, as seen in the screen shot below.

FillGradients

It’s true that flat design has become more popular recently. Still, you may, at times, want to take advantage of  gradients. Access some nuanced gradients of the current color, with light and dark variations, by clicking the Shape Fill drop-down.

 

Coloring Shapes from the Format Fill Dialog Box

3  Preset Gradient Colors and REALLY Customizing Your Own Gradients

GradientFill_formatdialogbox

For more flexibility and control, right-click a shape and, from the shortcut menu, choose Format Shape. Then, select the Gradient Fill option button, as I’ve done above. You might want to try out the Preset colors…either accepting them “as is”, or modifying them a bit.

Notice how the color in the shape below changed when I removed stops 2, 3, and 5 from the preset Wheat color gradient.

Customize_Builtin_Gradient

And, by clicking the drop-down arrow by the Color Fill icon you can open the Colors dialog box and begin playing with the slider and other options to really pinpoint the perfect color.

Gradients_Pinpoint

There’s a bit about gradients at in this Fill Formatting tutorial.

 

Coloring the Question Slides and Feedback Layers

Quiz_Customized

Question Slide customization can feel a bit confusing, since the main part of the slide is controlled by the Slide Master, and the Feedback layers for the slide are controlled by the Feedback Master. So here’s an example.

4  Customizing Colors on Slide and Feedback Masters

The Question Title and background on the question slide above are based on the Slide Master Question layout. And, the Font Colors for the Incorrect and Correct layers come from the Feedback Master Correct and Incorrect layouts.

Slide_and_Feedback_Masters

Articulate has tutorials on Slide Masters and Feedback Masters.

 

Coloring the Player – So Many Options

5  Storyline’s Built-In Color Options

Don’t stop with just coloring the slides…you can also customize the colors for the Storyline player. Check out this Articulate Tutorial for information on switching players, customizing them, and saving those customizations.

6  The Articulate Storyline Player Colors Job Aid

I like to keep job aids handy, and this Storyline Player Colors job aid, available at the community downloads page, is one I periodically reach for.

PlayerColors_JobAid

7  Free Storyline and Studio Colorizer Tool

Super Hero James Kingsely has created a really cool free tool: the Articulate Storyline and Studio ’13 Colorizer. This tool automates the process of colorizing your player to match up with, say, company or story colors.

 

Picking up Colors

8  Pixie

Pixie, by Nattyware (free), was one of the first tools I learned about after joining the Articulate Heroes Community.  I can’t even tell you how many times I’ve used this tool to pick up colors from anywhere on the screen and apply them in my design. I’ve placed it on my Start menu for quick access – noted in the screen shot by the red rectangle.

PixieStartMenu

 

9  Built-In Storyline Color Picker Tool

Storyline_ColorPicker

Let’s say I wanted to change the option buttons in this story to match the green on this duck (above). The steps would be:

  1. Click on the option button and then click on the Radio Color drop-down
  2. Select More Radio Colors
  3. Click the Color Picker tool to make it active
  4. Hover the Color Picker Tool over the green part of the duck
  5. Click when you’ve found the desired color
  6. Click OK
    Really Easy!

10 David Anderson’s Color Toner Template

Last but not ever least, David Anderson created a very excellent Color Toner template, another tool that I turn to frequently during project development. Check out this blog post, which includes a quick how-to tutorial.

DA_ColorToner

 

11…Oh, Wait!

Only 10, David, REALLY??? 😉

Split Up Long Audio Files With Audacity

microphone-162205_640One element of eLearning is inserting narrated audio files into an authoring tool for a course you’re working on. Often the narrator will send along one long audio file – say 30 minutes – that must be divided up over several slides. This can feel daunting, but Audacity®, which is free, open source, cross-platform software for recording and editing sounds, can simplify this task.

I’ve created a tutorial that explains how to go about this. If you watch it, I’d love to hear your feedback.

Oh, and I’d like to take a minute for a Shout Out to pixabay. They have such wonderful free images. That’s where I found this “Mic Guy”…and so many other cool images.

Requiring that Learners Enter Information During eLearning: What Do You Think?

Why Ask Learners to Enter Information

One element of eLearning design is to engage Learners, and one way to do that is to have them “lean forward” in their seats.

Young woman looking at computer screenTyping novel information, rather than clicking among a variety of choices or passively reading and viewing information, is one way to achieve this.

What Kind of Information

The kinds of information Learners are asked to enter can vary. Let’s take a look at a couple.

Demographics

Often, we welcome Learners to a course and ask them to type in their first names. Once this information has been entered it is stored by the eLearning system. This allows us to design a more personalized experience by dynamically displaying Learner names periodically throughout the course.

If Learners’ first and last names are captured, these can be used at the end of the course to produce a personalized document of completion.

Of course, there can be other kinds of demographic information that are specific to a particular course.

Reflection

Requiring that Learners reflect on information is another way to encourage engagement. The reflection could be very simple: “Which of the individuals in the previous scenario demonstrated the best marketing skills?”

Reflective questions can also be more challenging: “Why do you think Anna demonstrated the best marketing skills?”

These more challenging questions require higher level thinking skills and help to keep Learners mentally stimulated during the course. Learners are creating novel constructs to apply the information they’ve been learning. This can help them process and retain the information.

Setting up Text Entries in Articulate® Storyline

One method for enabling Learners to enter text in Articulate® Storyline is by using Text Entries. I recently created two screencasts that describe how to do this.

This video describes how to use an additional layer to pause the slide so Learners can enter their data.

This screencast explains how to pause the slide using a hidden prompt on the base layer.

What types of situations have called for Learners to enter text in your eLearning courses?

Customize Articulate® Storyline Quiz Tutorial

I promised to create a screencast to supplement the post earlier this month on creating a custom quiz in Storyline. So, here it is.

Your comments are welcome!

Articulate® Custom Quizzes – Not just for QuizMaker – Yes! Storyline!

Image of Storyline Quiz with Custom Feedback

Storyline Quiz with Custom Feedback

It has, once again, been forever since I’ve posted. I was inspired by this August 20th Word of Mouth Blog post by Mike Taylor: The Secret to Stunning Custom Quizzes: Slide View

Customizing quizzes is, of course, a great idea. Mike’s post and the linked examples encompass Articulate® Quizmaker® quizzes. They looked like they were also doable in Articulate® Storyline®, and I decided to give this one, Growth Chart, a try. And then I thought, why not share it?

So, here’s what I did. Beware, there are a LOT of steps here. I tried to capture many of them with screen shots. If you’re really interested in customizing quizzes and quiz feedback in Articulate® Storyline®, this could be for you. Otherwise, maybe not so much!

Oh, and here’s a demo: And a link to the Storyline file: Not sure how long it will be out there — but it’s there at the moment (September 4, 2013).

Create the Chart

The Chart

Image of PowerPoint hart

First, I created the chart in Microsoft® Powerpoint®. The image above shows what it looked like.

 

Import the Chart

import from new slide

Next, the chart was imported. It can be imported either into a new file, as shown in the screenshot above, by starting Storyline and then selecting Import PowerPoint from the startup screen

or –

– into an existing file while working in Storyline, as shown in the image below. This is done by 1) indicating that you want to create a new slide, 2) selecting Import, and 3) clicking PowerPoint.importnew

 

Set up the Slide

The goal is to set this up as a multiple choice quiz, where Learners will answer the question by choosing the correct month on the chart.

instructions

First, I inserted a text box at the bottom of the slide, providing instructions for the Learner, as seen above.

 

Insert and Name the Option Buttons

Slide image with option buttons

Looking at the image above, you can see what I did next.

  • I inserted option buttons over the data points on the chart. Option buttons, sometimes called radio buttons, are inserted by selecting the Insert tab, clicking the Button drop-down on the Interactive Objects groups, and choosing one of the Radio Buttons.
    These option buttons will become the multiple choice buttons.
  • It’s always a good idea to name items on the timeline. I used the names of the months that correspond to where the option buttons fall on the timeline.

 

Create Custom Feedback Master

Mike’s example had custom feedback, so I decided to do the same for my quiz.

feedback master

  • The image above illustrates what my next steps were:
  • Accessed the Feedback Master by selecting the View tab and clicking the Feedback Master button.
  • Duplicated the original master, by right-clicking on the master and selecting Duplicate Slide Master from the shortcut menu.
  • Preserved the original master by again right-clicking and selecting Preserve Master. I did this because I didn’t want to lose the original master. Don’t forget, there could be other quizzes in a project that wouldn’t work with this custom design.

 

Modify Custom Feedback Master

image of custom master described in contentNow it was time to modify the new Custom Master. First I clicked on this master to make it active, as seen above.

I knew the custom response placeholder rectangle was going to be in my way, as was the horizontal line, so I selected these and moved them offstage – that is, off the slide. Then I closed the Feedback Master.

 

Create the Quiz

To convert this into a multiple choice-type quiz, I clicked the Insert tab and then the Convert to Freeform button, and I double-clicked on the Pick One question type.

Image of Pick One dialog box

I selected the 6 choices in the Pick One dialog box, and indicated that March is the correct choice.

 

Customize the Correct and Incorrect Feedback

Remember, I’d decided that the correct and incorrect responses would be custom responses, rather than the default feedback. This next section describes the customizations I made to the Correct and Incorrect feedback layers.

For Both Correct & Incorrect Feedback Layers – Choose Design

Image showing selection of custom feedback master

In each of the layers, I right-clicked on the slide, and from the shortcut menu selected the custom design, as illustrated by the orangey shade in the image above.

 

For  Both Correct & Incorrect Feedback Layers – Customization

Image of changes to layers as described in content

Look at the screenshot above and note the modifications for both the correct and incorrect layers.

Timeline:

  • Default feedback text for the layer is hidden.
  • The instructional text box on the base layer is hidden

Slide Layer

  • Although it’s difficult to tell from this screen shot, the continue button has been moved down lower than its default position.
  • My plan, when the layers displayed, was to have a “selected option button” appear on the correct choice: March. I needed to simulate this, so I created a “fake” option button by grouping 2 shapes from the Insert shapes pane. I used a donut shape and an oval to create a button that looks like the Pick One button style I’m using for the quiz. I sized it so that it’s a bit larger than the default buttons.
  • Next, I placed the button over the position for the March option button on both layers.

 

For the Correct Feedback Layer

Image of customization to Correct Layer as described in content

As you see above, for custom feedback, I inserted a text box that says, “Yes, the greatest amount of growth occurred in March.” This text box and the “fake” option button are animated to fade in.

Animations are set by clicking on an object, then clicking the Animations tab, and choosing the desired animation and speed.

 

For the Incorrect Feedback Layer

Image of incorrect layer as described in contentThere are 5 potentially incorrect answers, so, I created 5 corresponding feedback textboxes. Because their initial states are set to hidden, they are difficult to see in this screenshot, so I’ve placed numbers close to each one to make it easier for you to see in this blog post (these numbers are not part of the quiz). For example, the number 1 is below the “You chose January” feedback.

Setting an object’s state to hidden is done by clicking the object, then selecting the States tab, and changing the initial state to hidden.

The text boxes are animated to fade in when triggered. For example, the trigger for the feedback if the Learner selects January is:

– Change the state of the “You chose January” text box on the incorrect layer to normal
– WHEN the timeline starts
– IF the January option button on the Pick One (base layer)
– is equal to selected

For information on triggers, check out this E-Learning Heroes tutorial: Working with States, Triggers, and Layers.

Note the additional feedback text box that fades in and says: “Actually, the greatest amount of growth occurred in March.”

 

One More Note on the Incorrect Layer

Screen shot of modifications to the incorrect layer as described in the content

This time, I’ve set the animation for the “fake” option button to grow. This provides a visual cue to Learners, making it easier to distinguish between their incorrect response and the correct one.

I’ve set both the “fake” button and the feedback on the timeline to occur at 1.25 seconds.

Finally, I’ve placed the continue button at 3 seconds on the timeline and set its animation as a Fade in.

Like I said, there’s a LOT to do. I hope to create a screencast to go along with this at some point. In the meantime, hope y’all find this helpful.

Dodge Bullet Issues in Articulate® Storyline®

  Bullets aren’t looked upon particularly favorably nowadays as an eLearning element, but as someone said to me recently, “Sometimes you just need bullets!”

If you use Articulate® Storyline® to create your eLearning, as I do, you may have sometimes felt a bit frustrated when changing font type size on bulleted text. A common occurrence is for the last bullet in the list to stubbornly maintain the old type size.

In this video I describe a discovery I made that forces that last bullet – or any bullet that isn’t “behaving” –  to conform. The “key” step is at around 59 seconds, where I suggest you use your mouse to “select” at the end of the line containing the bullet that’s not conforming. It’s difficult to see what I mean, because Storyline doesn’t highlight that area and there’s not a whole lot to select. So, here’s a screenshot that may help. The yellow highlight indicates the little spot, right after the bulleted text, where you drag your mouse before adjusting the bullet size.

Screen shot with highlight and arrow showing where to select at end of bulleted line

In addition, I think I’ve found a way to avoid the problem altogether. Intrigued? Check out the video. And, if you do give these tips a try, I’d love to know if they work for you.

Articulate® Storyline® – Bullet Color

It’s been a while since I’ve added any screencasts here, so, today’s the day! And since tomorrow’s Valentine’s Day, I thought I’d go with one that has a Valentine Design.

A question that pops up frequently in the Articulate® Community Forums is how to change bullet color – that is, to make bullets a different color than their associated text. If that’s a question you’ve been asking yourself, take a coupla’ minutes to watch this video.

Do You Have a Favorite Dictionary and Thesaurus Web Site?

I’ve been writing and editing for many years, and I always have a dictionary and thesaurus by my side. In the “old” days, these were hard copy books. When I first moved to the online world, I kept these books beside me – and often I had at least two dictionaries.

Favorite Dictionary Site

screen shot of page from onelook.com, word searched was audio

But a couple years back, I discovered I could have hundreds of dictionaries by my side if I visited OneLook Dictionary Search. According to their web site, “More than 5 million words in more than 1000 online dictionaries are indexed by the OneLook® search engine.” These dictionaries are broken down by type. For this example, I searched on the word audio. In addition to the three dictionary types displayed in this screen shot, four others were retrieved: Computing, Medicine, Slang, and Tech – for a total of 43 dictionaries. Easy enough to access these dictionaries by clicking on the links. Very nice!

Favorite Thesaurus Site

And, my favorite thesaurus site is Thesaurus.com. Type a word in the search box and, as is true in many thesauri, results are broken down by definition, and each definition contains synonyms and antonyms.

thesaurus2

Clicking a definition, synonym, or antonym, displays its page in thesaurus.com – and there you are with more entries.

Or, scroll down to see some sample sentences and a visual thesaurus. If you find this type of word mapping helpful, you may want to purchase a subscription. Click one of the words to connect to the Visual Thesaurus page.

OneLook Dictionary Search includes a reverse dictionary where you can describe a concept and a list of words are returned to you. Thesaurus.com incorporates other perks, including a daily crossword puzzle and a crossword solver! And something the old hard copies just couldn’t do: both sites include audio pronunciation. Now that’s a really great eLearning eLement!

A Narration eLearning eLement

If you narrate content as part of your eLearning development, then you know that a good quality microphone is an essential eLearning eLement.

I’ve been really pleased with the Samson USB C01U microphone I’ve been using for a few years now. It has great sound quality. And if you purchase the C01U Pak, like I did, you’ll get a microphone stand, shockmount, and USB cable all inside a nice little suitcase. This makes it easy to bring the mic with you if you travel a lot, like I do.

Still, sometimes it’s tough to squeeze one more thing in during travel, so I was intrigued when I read about the Samson Go Mic in an older blog post by Tom Kuhlmann, Vice President of the Articulate® Community. Talk about portable! Take a look.

photo of Samson Go Mic

It’s really amazing what great sound quality Samson has been able to achieve with this mic. And, as described at the Samson page, it can sit on your desk or you can take advantage of the great design that allows you to clip it to your laptop. You can flip a switch on the side of the mic to change recording modes. Like the C01U, it comes with its own USB cord and carrying case – but a MUCH smaller zipped case.

If you don’t want to take my word for it, check out Tom’s video here. He narrated the content using the Go To Mic. I guess I could’ve done the same, but why reinvent the wheel, right?

Control Consistency in Image Design

You know about CRAP, right? Good elearning design incorporates these elements: Contrast, Repetition, Alignment, and Proximity.

Did you know that Microsoft® can actually give you a hand here – with the repetition part? Consistency, or repetition in styles, is an important “eLement of eLearning.” And styles isn’t just about fonts and headings, it’s also about images.

Recently there was a discussion in the Articulate® Community Forums about finding and using style numbers at the Microsoft® Office Clip Art and Media site. These style numbers can help you choose images with a consistent design style. Watch this video to find out how.

Note: Microsoft and Office are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries.