The other day I was doing a search for business meeting images and ran into this collage image. It kind of looks like a comic book layout. I played around with some ways to use this image in an elearning course.
Here’s a quick demo of the image converted into an interactive slide. I just added some place holder content since the images are not contextual. But in your case, you’d create a collage where the images work together to tell a story.
Tips & Tricks for Creating an Interactive Story
Here are a few ideas on how you could approach this type of interaction:
- Create a story. Many courses tend to be heavy on the information and light on relevant context. Rework your content and frame it like a mini story or scenario. In this case, it’s not about a long branched interaction. It’s more like a quick scenario where the course content is framed in a relevant context. People love stories so why not build a story around your information? Plus, the comic-book style layout is kind of popular.
- Get rid of bullet points. A lot of elearning is linear and the screens are loaded with bullet points. Get rid of those bullet points! Why not use a panel for each bullet point? I’d use the large panel to represent the essential point of the slide. And the smaller panels would represent the bullet points or supporting information.
- Feel free to take your own photos. You don’t need to be a pro to create your own stock photos. Besides many of the smart phones have those cool filters that convert your images and give them a pro feel. So outline a story and then storyboard the photos you’d need to support that story.
- Create a few panel layouts so that you can rotate through your screens and make them visually a bit different. This post on comic book layouts will help come up with some ideas.
This is a simple technique but and an easy way to convert bullet point slides into something a bit more visually engaging. And with a little effort you can frame the information into something more story-like and interactive. It’s a step away from a content dump and a step into meaningful content.
What do you think? Would this work with any of your elearning courses?
Upcoming E-Learning Workshops & Events (2015)
- September 23 & 24 (Vancouver). Community-based elearning workshops focused on practical tips & tricks. You can register for one day or two days. To learn more & register, click here.
- September 29 (Las Vegas). Want to learn to get the right look and feel for your courses? Join David Anderson and me for a fun and active hands-on workshop. This topic is by far one of the most popular of the ones we've covered in any of our workshops in the past.
- September 30 (Las Vegas). Going to Devlearn? Swing by the Articulate booth and say hello.
- October 28 & 29 (Philadelphia). Community-based elearning workshops focused on practical tips & tricks. You can register for one day or two days. To learn more and register, click here.
- November: Just added! I'll be in London, Dublin, Berlin, Paris, Belgium, and Utrecht. Details coming soon.
Free E-learning Resources
Want to learn more? Check out these articles and free resources in the community.
Here’s a great job board for elearning, instructional design, and training jobs
Participate in the weekly elearning challenges to sharpen your skills
Lots of cool elearning examples to check out and find inspiration.