Try These 3 Easy Ideas for Using Articulate Engage to Build Interactive Content

Feb72013
Written by Jeanette — Posted in Articulate Engage

Does your content feel text-heavy? Is it riddled with bullet points? If you want to distill your content into a single, explorable screen, try a go-to solution for many course developers: a Labeled Graphic in Articulate Engage ’09.

A Labeled Graphic is simple to build: you just import an image and insert clickable labels anywhere on the screen. Add some text and media to each label and—voila!—you’ve built an engaging, professional-looking piece that you can publish as standalone content or embed into a course.

Ready to get started with your Labeled Graphic? Check out these three simple ideas to get your creativity flowing:

#1: Build an explorable infographic

Infographics can really make content come alive. In the example below, learners build their knowledge by exploring the label on each state. It sure beats working your way through a stack of boring text-filled slides!

Wind Energy

View this interaction

#2: Design your own interaction type

Here’s another idea. Suppose you have an idea for an interaction, but the ready-made interaction types in Engage aren’t quite the concept you had in mind. No worries! You can build your own interaction type by creating a custom image that suits your needs. Then, use a Labeled Graphic to make the image interactive.

For example, say you like the Pyramid interaction, but you want the narrow part to point downward instead of upward. You can create the look you want by building your own pyramid graphic. Insert the image into Engage, position your labels where you want them, and you’re done. Here’s an example:

The Reporting Pyramid

View this interaction

#3: Guide learners through key parts of an image

A Labeled Graphic is a great way to call out key points on a diagram, or to simulate distances between points on the image so learners get a feel for relative spaces. One of our favorite examples is this explorable diagram by Prometheus Training, where learners uncover four sources of visual fatigue in a typical office environment. And below is another, where learners build their food-safety knowledge by exploring important readings on a thermometer:

Food Safety

View this interaction

How to build Labeled Graphics like these

You can easily build your own image for a Labeled Graphic, like we did in the three examples above. We used PowerPoint as the canvas to create the images (though you could certainly use whatever graphics tool you prefer). Then, use Engage to make the images interactive. Here’s the workflow we used:

  1. We started with a blank PowerPoint slide, size 9.58” x 6.53”, as David recommends in this helpful article.
  2. We built our graphic by adding a textured background, some shapes, text boxes, and clip art.
  3. When we were happy with the look, we used PowerPoint’s File > Save As option to save the slide as a .png.
  4. We inserted the .png into a new Engage Labeled Graphic, then added and positioned our labels.

That’s all it takes! It couldn’t be easier.

Want to peek at the files we used? Feel free to download any of the Engage (.intr) files for the projects above, along with the PowerPoint files where we built the images:

For more great tips on using Engage Labeled Graphics, view these posts:
Using PowerPoint to Create Labeled Graphic Backgrounds
3 Creative Ways to Use Engage Labeled Graphics

And be sure to jump into the Articulate Engage forum at E-Learning Heroes to connect with fellow Engage users if you need more ideas or help.

2 responses to “Try These 3 Easy Ideas for Using Articulate Engage to Build Interactive Content”

1

Thanks for this and sharing the files. I’d be interested in a more detailed tutorial on creating engage interactions? Do you have anything available?

Great content again,

Scott Hewitt // Posted at 11:45 am on February 7th, 2013
2

Hi Scott – In this screencast, David walks through how to build a Labeled Graphic in Engage: http://www.screenr.com/hWus Other interactions are built similarly… basically you just add text and media to each segment or step of the interaction. You’re welcome to post in the Engage forum if you have something specific you’d like to build and want a little more guidance: http://community.articulate.com/forums/58.aspx

Jeanette // Posted at 11:56 am on February 7th, 2013

Leave your comment below.

Recent Comments

  • Gabe Anderson: Hi Keith- I’ve asked our Articulate Success Team to follow-up with you.
  • Keith Warner: I am intersted in learning more about your product for law enforcement training.
  • Sachiko Goodyear: I am also a huge fan of Cathy Moore’s action mapping and totally agree with...
  • Marcel van Lierop: Hi Mike. Great tip and another high quality tutorial about timesaving. Keep up the...
  • Daniel Brigham: Nice work, Mike. Got a question on this on the forum, and this was exactly what the...
  • Jeff Kortenbosch: Great one! I thought I knew everything there was to know about Presenter!
  • Christine Hendrickson: Hi Nisha, It may be best to go ahead and contact our support team about this...
Storyline, Studio '09, Articulate Online

“Thank you, Articulate, for your outstanding products and community support. No other vendor comes close.”Brent deMovile, Senior Director of HR,
Allergan, Inc.

Try Articulate products for 30-days—free.

No credit card, no obligation.

Prove you're human. What's three plus zero?

Keep me updated on Articulate news and tips.

As part of the free trial, you’ll receive helpful support and marketing emails. You can opt out at any time by clicking the "unsubscribe" link on an email. For more info, see our Privacy Policy.

×

Articulate E-Learning Blogs

The Rapid E-learning BlogPractical, real world tips for e-learning success. Word of Mouth: The Articulate BlogThe inside scoop for Articulate news and product updates. Community BlogsGet the scoop directly from e-learning heroes.
×
Storyline vs. Studio. Find the software that works for you.