Join Aaron Quigley for an in-depth discussion in this video Inserting interactive elements, part of Captivate 8 Essential Training.
- View Offline
A great way to increase learner engagement and to give your learners more control over the interactions they have with your e-learning is to use interactive elements. Now we've already seen one interactive element, and that's the button. On the second slide, we created a button that users could click on in order to advance to the next slide. Now these buttons, however, are still moving the learner through the e-learning in a linear fashion. Sometimes learners would like the ability to jump to certain sections, or, if we need additional resources, we want to create links from our e-learning to maybe an external webpage.
In this video, we're going to tackle two different learning interactions. We're going to create a click box directly above this logo that our users could click on to go, let's say, the university's website. We're just going to use a fake website for this particular example. And the second thing we're going to do is we're going to give the learners the opportunity to jump to various sections inside of our presentation. If you're just joining us, we're using the InteractiveElements presentation in Chapter 3 of the Exercise Files. This is a little bit different than the file I've been working with, because I've added some additional content for us. Here we have different sections that have been introduced, such as what happens on our first day on campus, as well as how do we prepare for the first day of class.
Using these various slides, we'll create some interactive elements to allow our users to jump right to them. But before we do that, let's go and head back to the cover page, and let's create a click box that will allow someone to click directly on top of our logo, and go to an external website. We do this the same way we add a button. From the Interactions drop-down menu, I'm going to select Click Box. Now the click box is going to automatically appear in the center of the page. Using the anchor points I'm simply going to click and drag it out over top of my image. This is a great way to take any image you have, and to turn it into a button, or to create a section of your slide that when they click in it, it'll perform an action.
Now the same way we made changes to our button, we want to make sure the click box is selected, and we'll use the Properties menu on the right-hand side. If your Properties menu's not open, make sure to toggle it on using the button in the upper right-hand corner. The first thing we'll do is to set what happens when someone clicks our click box. Here it says On Success, and we'll use the drop-down menu to choose one of these options. Instead of going to the next slide, this time we're going to select Open URL or File. In the box directly below it, let's go and type a URL. I'll just type out the lynda.com homepage.
Now one thing that's really important, is if I were to just call this good and play this presentation, if someone clicked on our click box or clicked on the Orange Valley School logo, they would navigate away from the e-learning, straight to lynda.com homepage. That's probably not what we want to have happen. Instead, I would like a new window to open up with the lynda.com homepage in it. To do this, we'll use the small drop-down arrow to the right of the URL. Right now, it's set to Current, meaning open in the current window. I'm going to set this to open in a new window. And furthermore, I don't want the e-learning to continue to play until the user's ready to come back to it.
So I'm going to unselect the box that says continue playing the project. So with these set, when they click on the logo, a new window's going to open up that has lynda.com in it, and the project's going to pause itself. I'm simply going to click away from that. And now let's go ahead and take care of how can we have users jump to various sections in our e-learning? We'll do this in a very simple way. We're going to use basic text and then turn that text into hyperlinks. I'm going to start by coming up to the Text drop-down menu, and I'm going to select Text Caption. Now a text box has appeared in the middle of the slide.
Let's simply click on that box and then drag it down to the place that we'd like it, which is going to be at the bottom of the page on the left-hand slide. I'm going to use one of the anchor points, and I'm just going to drag it so it's all the way across the entire slide. We'll double-click to add text, and I'm just going to type out, Jump to First day on campus or First day of class. So now that we have our text added, I'm going to highlight the First day of campus. Now I can see in our film strip that the First day of campus slide is slide number four. That's important to know the slide number before you start this process.
With the First day of campus highlighted, in the Property menu on the right-hand side, I'm going to come down to the Character area, and here there's a small icon that looks like chain links, and that's for inserting hyperlink. I'm going to select the Insert Hyperlink button, and now I have an opportunity to link this to a variety of things. By default it links to a web page that's the adobe.com homepage. If I hit the drop-down menu you can see there's a variety of options that I can link this text to. I'm going to change it from a webpage and I'm going to select a slide. Now by default, it's going to choose Next Slide.
And as you can see, text is another way to create an interaction where users can move between slides. I'm going to come down and select Slide, and then choose Slide 4, and click OK. I'll do the same thing for the First day of class. Once again, I want to know what slide it is before I start this process. As I scroll down, it looks like right here, slide seven is the First day of class. I'll come back to the slide that we're working on. I'm going to double-click so I can edit the text, highlight the text, come over to the Properties panel in the Character section, click on the Link button. I'll use the drop-down menu again to select Slide, and this time, we're going to choose Slide 7 and click OK. So let's go ahead and build our project and see if our new interactions are working. From the Preview menu, let's select Project. So here we've got our landing page or our starting page. If I hover my cursor over top of Orange Valley University, I can see that it turns into a hand. That tells me it's a link, and if I click this link in a new window, the lynda.com page is opening up. I can also go back to my Captivate project, and it's still there. Let's go ahead and try our other links. I'm going to click on, First day of campus. And sure enough it's jumping us to the right slide in our presentation. Using these learner interactions, are going to make sure that learners are moving through your presentation in a way that makes sense to them. It's also going to allow you to link a lot of additional resources for learners and make your learning more than just a one time event, but a resource that people can come back to, time and time again.
- Choosing a project layout
- Applying and changing themes
- Adding text, media, and shapes
- Inserting interactive elements and widgets
- Adding audio and video
- Adding closed captions to video
- Using responsive templates, text, and images
- Accessing elearning
- Creating software simulations
- Publishing a Captivate project