Table of Contents

eLearning Interactions: Comic Strip Panels

3 picture frames

Comic strips tell a story in a linear timeline that read from left to right. Anyone who opened a newspaper as a kid, read comic books or graphic novels, or has ever seen a panel meme is familiar with the style of storytelling.

One obstacle in eLearning is that our participants cannot tell us a story. An option is to let them free-type a story, but the authoring tools with which I am familiar do not give intelligent feedback on free-type text. This gives eLearning designers and opportunity to get creative when they have an objective that is well severed by storytelling. One option is to use comic strip panels to arrange a story using the drag and drop functionality in your authoring tool.

Below is a basic wireframe of what this interaction can look like. In this interaction, each indiviudal panel is available to be clicked and draggeed to the empty boxes.  You can make this more visually interesting by making the panels a series of frames hung on a wall,  televisions, or anything that is relevant to your topic.


I typically design this to have incorrect answers bounce out so that there is no way to get this interaction incorrect. That way, the only feedback is positive, and they get as many chances to arrange this correctly as they need. Once the panel is put together in the correct order, the feedback is populated to explain why this is the correct order.

What do you think about comic strip panel interactions? What application do you see for this type of interaction? Let’s chat about that any anything else on your mind about learning and development in the comments below. If you are in need of a template to start your storyboarding, try our free template.

Related Articles

Join our Mailing list!

Get regular updates from Endurance Learning.

Subscribe for Updates

Get regular updates from Endurance Learning.