Let's Highlight those Interactive Objects!
August 11, 2011
Let's Highlight those Interactive Objects!
August 11, 2011
Pooja works as a Senior Director of Digital Learning at Icertis. She has created several award-winning eLearning courses and authored books and video courses on eLearning tools and technologies. In her previous roles, she worked as a principal eLearning evangelist at Adobe and chief learning geek at a start-up. Pooja is CPTD, and COTP certified. She holds a master’s degree in education & economics and a doctorate in educational technology.
Legend 227 posts
Followers: 30 people

When creating an eLearning course, it’s a good practice to display content for the learner in bite-size pieces. For this, we usually create interactive screens with a pop-up, click-reveal text, rollover text, rollover audio, tabs, click-display animation, etc. But the fact that the learner might miss out on some hidden content is always our cause of worry.

Instructional text comes for rescue here to guide the learner to click/roll-over the object. But the instructional text doesn’t seem to be sufficient when you have multiple interactive objects on the screen. In this case, you would like to visually indicate to the learner which objects they have interacted with and which ones are left out.

We can do this by adding event-based highlight effects along with the use of variables and advanced actions.

Take a look at this example:

Isn’t this awesome! As soon as you click a button, the highlight goes off.

Follow these simple steps to implement this functionality to your interactive screens in Adobe Captivate projects:

Let me know what you think about this functionality by leaving a comment on this post.

Happy captivating! 🙂

All Comments
Sort by:  Most Recent
Nov 23, 2011
Nov 23, 2011

How do you do this with rollover captions?

Like
()
(3)
Nov 23, 2011
Nov 23, 2011
>
Anonymous
's comment

Hi Amy,

You can do so by using Rollover slidelets and place the text captions inside the rollover slidelets. Using Rollover slidelets will allow you to set the event action where you can associate an advanced action to remove the glow. Also, keep the captions visible inside the slidelets. Rest of the steps mentioned in the blog would remain same.

Like
()
Nov 23, 2011
Nov 23, 2011
>
Anonymous
's comment

Thanks for your reply. Unfortunately, that’s not really practical, given the additional overhead of making slidelets (and the fact that they will not stay up until the user rolls off them, instead disappearing when the timeline expires). It would be wonderful if Adobe would bring all the different rollover features to have the same functionality.

Like
()
Nov 23, 2011
Nov 23, 2011
>
Anonymous
's comment

I understand Amy. It’s some extra work to add slidelets to implement this functionality. If adding a slidelet is not a workable solution for you, I would encourage you to log an enhancement request and we will try and help you make your workflow lean in the future versions of Captivate. Here’s the link to log the ER: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

For the slidelets disappearing way too soon, I would recommend that you increase the slidelet timing to 60 or 120 seconds.

Like
()
Edit
Delete
Sep 19, 2011
Sep 19, 2011

Nice. Very useful.

Like
()
Edit
Delete
Aug 31, 2011
Aug 31, 2011

I banged my head against this for over an hour. It’s pretty basic logic – does it require Captivate 5.5 to work?

Like
()
(3)
Sep 1, 2011
Sep 1, 2011
>
Anonymous
's comment

I think I figured out the problem. The first time the frame is displayed after meeting the criteria, the action does not take effect. The second time, however, that the frame is displayed, the action does take effect.

Not sure what is going on. I’m using Captivate 5.0.2.

Like
()
Sep 2, 2011
Sep 2, 2011
>
Anonymous
's comment

Hi Eric,

You can use this logic in Captivate 4 and above to get the desired results.

Like
()
Edit
Delete
Sep 2, 2011
Sep 2, 2011
>
Anonymous
's comment

Eric, recheck your advanced actions to see if it includes the jump to same slide action for all the buttons.

Like
()
Edit
Delete