Interactive Coloring Book Activities in E-Learning #323

Interactive Coloring Books in E-Learning #323: Challenge | Recap

Interactive coloring books may not be your go-to interaction for most e-learning projects, but they are a fun way to get learners to interact with the screen.

They're also a fantastic way for course designers to sharpen their course-building skills by working with multiple triggers, states, and variables. Let's look at a few examples to get a better idea of how these interactions work.

Changing Colors with Click Events

Using click-and-reveal events to change object colors is probably the most straightforward and intuitive approach because it simulates what users expect to do in the real world. Choose a color and then select the part of the illustration you want to color. And here's a fun example to help get you started.

View project | Download | Dan Graham | Website | @EzLearnin

Changing Colors with Drag-and-Drop

In this example, click events are combined with drag over events to change objects' colors. The way this works is really cool. First, you click one of the tree ornaments to select it, and then you drag the eyedropper tool over the color swatches to change the color. I like this example because it shows another way to create these types of interactions.

View project | Learn more & download | Paul Alders

Changing Colors with Dials

Here's a fantastic example that uses interactive dials to adjust color values on an object. The chameleon object contains multiple custom states that change based on the combined value of the dials.

View project | Learn more | Jackie Van Nice

Basic Drawing Book

Here's another example I found when I was putting together this challenge. Even though it's a simple example, I'm thrilled I found it because it's ideal for anyone who's just getting started with this type of interaction.

View project | Learn more & download | Chibuikem Nwani

Challenge of the Week

This week, your challenge is to share an interactive coloring book or similar activity that lets users customize the colors in one or more on-slide graphics.

Keep in mind that this type of activity can be designed with either basic states or variables. You’re welcome to use one or both techniques in your example.

Last Week’s Challenge:

Before you sharpen your e-learning crayons, check out the visual storytelling examples your fellow challengers shared over the past week:

Interactive Photo Collages and Visual Stories #322: Challenge | Recap

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.