Join Daniel Brigham for an in-depth discussion in this video Using a labeled graphic to break up onscreen text, part of Articulate Studio Advanced Techniques.
Labeled graphic interactions and Engage 13 are an effective way to call out a particular element of a screenshot or image. For instance, here we have a graphic and when I click on the markers, I get more information about how a residential solar system works. This is how labeled graphics are typically used. That you can place the markers on screen however, allows you to use this type of interaction in many other ways, like on this slide. Ever find that you have a lot of text on screen that just has to be there? You can use a labeled graphic to break up the text so that the information is presented in more manageable chunks for your learner.
Let me show you how to do that using the content from this text heavy slide. So here, I've opened a fresh labeled graphic interaction, in Engage, and to begin, I'll switch out the image. So, I'll select Change Image, select my image, select Open. There we go. Next thing I want to do is, give the interaction a title. And this has to do with fives tasks, your first week there, at work. Taking a look at the steps on the left here, I don't really need this, introductory step, so I'll deselect that.
But I do need two more labels, because we have five tasks that are taking place this first week. So I'll select Add Label Twice. Now I want to change, the style of the label. You see right now they have these plus signs on them. I want to number them one through five. So that first label's selected. I'll go to Marker Style and select one, and then I'll repeat that process for the labels two through five. Now I'll move the labels where I want them on screen.
I can put them anywhere, and you have these nice guidelines to, kind of align them. Okay, four looks like a little far from three so I'll select it, hold down the Ctrl key, using the Upper Arrow just nudge it up a bit. Maybe do the same with five. Hold down Ctrl+Up Arrow. Okay, I've got my labels where I want them. Now I'll type in the title, for the labels and the accompanying text. So I'll select that first one, and these have to do with those five tasks, so the title in that first one is to have your picture taken for your ID card.
And then I have some accompanying text here in a Notepad document, so I'll go grab that. Select it, Ctrl+C to copy, and then Ctrl+V to paste it in. And now I will repeat that process for labels two through five, basically inserting the title, and then pasting in that accompanying text. And I'll be back in a minute. And now we have all our titles and the accompanying text for those labels. Let's preview this to make sure it's working as I want it to work.
We'll preview from beginning. So, five tasks your first work week. We'll select the labels, get some information. I've got a question for you. If you were taking this onboarding course, which slide would you rather experience, this one or this one? Again, a labeled graphic interaction can be used for many different purposes. If you find yourself with yet another text heavy slide, see if you can use the labeled graphic to break up the text and get your learner pulling information.
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