Join Daniel Brigham for an in-depth discussion in this video Prototyping an animated-content slide, part of Instructional Design Essentials: Storyboarding.
Now let's prototype something a bit more complicated, a slide with voice-over and animations. Animations, especially when used in conjunction with voice-over, can really enliven on-screen text, and encourage your learner to pay attention. So, here's the content we have for our second slide of our sample project, which compares traditional instruction with scenario-based instruction. I'm going to set this content as voice-over narration. For one thing I want to use fade on animations when the examples of traditional and scenario based instruction are given.
And I've got some on screen text that will work nicely with the voice-over. So to get started, let's copy this content and then paste it into the Notes panel of our PowerPoint slide. And so we'll insert that content, which becomes our voice over script. And what's nice is when you paste the voice over script here, when you go to record the voice over narration. Articulate is going to give you a voice over script to read from, and then also, your reviewers can see this script if they want to. So while we're talking about voice over narration, let's go record it.
And when you're doing rapid prototyping, no one is expecting professional quality, so try not to over think it and just read what's onscreen here. On the right you see your slide notes. Just read what's there. Here we go. Traditional training has a lot to do with telling, with just giving information, which encourages your learner to take a passive role. For example, if you were developing an ethics training on appropriate workplace use of email and internet, you might just list the information in the form of bullets like this. Using scenario based instruction, however, you'd place the learner in a realistic work situation, where they needed to decide what is and what isn't appropriate.
The learner would then receive feedback on their choice, feedback that often incorporates key points on a topic. Okay, we'll stop that Save and Close. Now we have our voice over script, and we recorded the voice over. So as we're building the slide, I'll put in the slide title so the reviewers know what this is all about, this information. And as far as structure, I'm going to structure this in a two-column format. On the left. I have some animated text, and then a bulleted list that we'll animate on sort of exemplifying this more traditional approach.
And then on the right I'm going to have a character and he's going to set up a scenario with some choices exemplifying this more scenario-based approach. So to start, let me get that first line of text that I will animate that goes along with that first line in the voice over. And I'll insert that text right there. And then I will apply my animation. Little fade animation. And let me talk briefly about the Animation Pane and the Selection Pane. So the Animation Pane just shows you which animation you've chosen and when it's going to fire.
And then the Selection Pane, what's nice about this, is you can rename things if you want to. If you didn't want it to be named that you could just double click on it. And you can also hide things. So if your slide gets, you know really hard to read. Or if you want to edit something that's buried. You can turn things on and off. Okay, so that looks good. Our first bit of text, with fading on. It's also going to fade off when the next bulleted list comes on. So let's apply that one too. We'll go up to Add Animation, and this will be a exit Fade. And then now let's insert the bulleted list of information that's going to fade on.
We'll insert that, and let's make sure it's coming in about the same spot as where that first line of text came on. That looks about right. And it's also going to fade. So, I'll select that Fade Animation and you can see over the Animation Pane. That's going to be the next thing. Actually, while we're here, it's going to fade on, let's have this first line fade off as this bulleted list fades on. So, we'll select this one too, start with previous. So as this bulleted list comes on, this first one will come off.
Okay, so we have our traditional material sort of taken care of. Let's insert that character. And he's going to be setting up this scenario. Male 1 is good. Expression, let's have him talking. Select, Talking. And I'm not crazy about how his left hand sticks out, because I'm going to need a lot of screen real estate for that scenario, so I'll select Pose, maybe the, Hands on hips. Yeah, that makes him a little bit skinnier. Looks good, insert it. Okay, we'll make him a little big bigger, and these are all vector based, so you don't have to worry about distorting anything.
And he's selected, let's have him fade on. That looks good. He's the Male 1, you could rename that if you wanted to in the Selection Panel. But Male 1 makes sense to me. Okay now let's insert this scenario, he's setting up. You can kind of tell it's in front of him, so I'll send this to the back. Right click, send to back, and then it will be behind him, which is where we want it. And, you see it's covering him a little bit, so let's move him over. That looks okay, and I could always come back later and deal with that. Let's make sure this is animated. So we'll select it, select Fade, and then we can look in our Animation Pane that going to come after the Male comes on.
That's great. And now we need to insert our three choices, and these are just simple Powerpoint shapes. Got a little rectangle there, click and drag and move him out. I'll format this first box so it shows up against that gray background. That looks good. Make him a little bit bigger to make sure all that text fits. And we'll put in the text for choice one. And the other two boxes are going to use this formatting. So I can just duplicate them. Insert text for choice two.
Enter the text for choice three. Now I'm going to align these, first move that box up, hold down Ctrl and kind of nudge it, it's going to be a little tight but, it's okay. Move this last box up a little bit, and then I will select all of them, hold down Shift. Go up to align. Align them left and then make sure they're distributed vertically. And the next thing we need to do with these choices is to make sure they fade on, as well. So, select them, go to Animations, select Fade, and then they'll come on after the scenario set up.
Actually, I want that to happen with these scenarios set up. So, I'll select. With previews and so our animations look good. To check them we can go to slide show from current slide and just click through. So that first line should come on and then the bulleted list. You see that first line fades out, scenario, character comes on, and then the scenario. That looks good. So now, it's time to sync our animations, and this is where we listen to the voice over narration and then just cue the animations where we want them to occur.
Traditional training has a lot to do with telling, with just giving information which encourages your learner to take a passive role. For example, if you were developing an ethics training on appropriate workplace use of email and internet, you might just list the information in the form of bullets, like this. Using scenario based instruction, however, you'd place the learner in a realistic work situation where they needed to decide what is and what isn't appropriate. The learner would then receive feedback on their choice, feedback that often incorporates key points on a topic.
Okay, so that's how we want it, Save and Close. And now let's preview this so we can experience it as our reviewers would. Traditional training has a lot to do with telling, with just giving information, which encourages your learner to take a passive role. For example, if you were developing an ethics training on appropriate workplace use of email and internet. You might just list the information in the form of bullets like this. Using scenario based instruction however, you've placed the learner in a realistic work situation where they needed to decide what is and what isn't appropriate.
The learner would then receive feedback on their choice, feedback that often incorporates key points on a topic. Okay, true, it's not a slide we're going to feature in our e-learning portfolio. Still, this rapid prototype does what it's supposed to.
- Benefits of storyboarding
- Creating an opening slide
- Storyboarding an animated-content slide
- Storyboarding a scenario and scenario feedback
- Publishing your project
- Sharing storyboards and incorporating feedback