Join Daniel Brigham for an in-depth discussion in this video Building a nonlinear interaction: Creating structure and layouts, part of Articulate Studio Advanced Techniques.
In this movie I'll create the structure, hyperlinking and the different slide layouts for the non-linear interaction we just previewed. I'll begin with creating the basic structure. I need five slides to hold the content for the introduction to the scenario, feedback for the three answer choices and the summary slide. And I need to name the slides in Power Point. So when I create the hyperlinks I know which slides I'm hyperlinking to. So I'll go to outline view. And create and name my five placeholder slides.
First one I'll call intro. Select enter to create that second slide. Next one's going to be the Mini Panel. Third one will be the Shower Head. Fourth one Solar Panel. And the last one the Best Practices slide. And you'll notice when you go to Outline View and create a name for these slides it shows up in your actual slide. These are just for hyperlinking purposes, so I can move these titles off the slide and I'll do that for each of these. I will now go up to the master slide on which I've built the main layout for this interaction.
I'll show you the main layout, create the hyperlinking and then create the sub-layouts for the feedback and summary slides. So the view tab is already selected. Select Slide Master. And this is the main layout and the main building block, for all the slides of the interaction. And it's going to be more efficient for me, to build it at the Master Slide level. For example, if I need to make a small graphic tweak, I'd do it once on the Master, not five times on the slides that share that layout.
For example, if I need to make a small graphic tweak, I do it once on the master, not five times on all the slides that share that layout. The layout's pretty simple. I've got a large grey rectangle, which is just basically a shape. On the left, will be our character, on the right I've got some placeholder text that I formatted. Basically, just go up to Insert Placeholder, grab Text, and then format it how you want to. On the bottom here, I've got three square boxes that hold three images that the learner will click on.
Okay, now it's time for me to set the hyperlinking. In this interaction, when the user clicks on one of the various answer choices, they are brought to that slide that gives the consequence of that choice. And that movement happens via a hyperlink. I'll also add a hyperlink to the best practices slide, but I'll deal with that later and at the slide level. I'll start with adding hyperlink to the mini panel image, I'll select it, right-click, select Hyperlink and then I'll place in this document. And then I'll select the mini panel slide.
And this is why it was important to name and create those slides, so we have something to hyperlink to. Now, you can see in the slide preview, there's nothing there and that's fine. Well, we're going to insert content a bit later. I'll select OK, and then repeat that process for the other two answer choices. This one's going to the shower head. This one's going to the solar panel. Now it's time for me to create the four sub layouts for this interaction. Namely feedback for each of the three choices, and then the best practices slide.
Again, the sub layouts are basically this main one, so it's going to be quicker for me to duplicate this layout four times, and then make the minor tweaks on the individual layouts. So I'll go to the thumbnail here, right click and I'm going to select Duplicate Layout, four times. Now that I have the five layouts I need, I want to make two, more graphic tweaks at the Master Slide Level. The first is to give the learner a visual cue which slide they're on by making the products they haven't chosen grayscale.
So this first layout here is going to be my introduction. This second one is going to be the layout for the mini panel. So I'll select the answer choices that are not the mini panel, hold down Shift and select that second one. I'll go up to Format < Color and then make them grayscale. So this will be the mini panel layout. This layout will be the shower head. So I'll select the ones that aren't the shower head. We'll go up to Format < Color < Grayscale. This one will be the solar panel slide.
So I'll select the ones that aren't. Hold down Shift. Go to Color < Grayscale. And again, that just gives the learner a visual que that hey you've selected the you know, solar panel image. I'll get some feedback on that. And the last final graphic tweak, has to do with this best practices layout. So this is basically a text only slide. They're be a character and it'll be, but it's mostly going to be text, so I can rid of these images at the bottom. So I'll select all of them. Click and drag over them, and then select Delete.
In this movie we, we created the basic structure of the interaction. The hyperlinking, and the various layouts we will need. Now, it's time to go down to the slide level, and apply the layouts we just created and start filling in content. We'll do that next.
Like this course? Find more of Daniel's courses on his author page.
- Breaking up onscreen text with Engage
- Building short scenarios with a Tabs interaction
- Building nonlinear interactions in Presenter
- Creating a quiz template
- Using the Convert to the Freeform tool to inspire your creativity
- Creating a branching scenario in Quizmaker
- Publishing and managing projects