Creating compelling interactions

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 '13.

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!

Articulate Engage Infographic Interaction

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:

Engage Interactive E-Learning Custom 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:

Engage Interactive E-Learning Labeled Graphic

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

Be the first to comment