#260: Using Sliders to Design Interactive Infographics

#260: Using Sliders to Design Interactive Infographics

THE CHALLENGE

For those of you who don’t know, Articulate hosts weekly challenges that provide ongoing opportunities for you to learn, share, and build your e-learning portfolios. I decided to join in the fun and work on building my skills, meet people, and share what I’ve learned.

E-learning Challenge #260 was to use sliders to make data more interactive.

THE IDEA

I wanted to show how this simple interaction could be used for a church building fund campaign. When you move the slider to show the increase in money raised, it will be displayed visually through the church and the money signs.

THE DESIGN

The foundation of the interaction is the combination of two sliders. One which is used to show the increase of dollars raised. The second is not viewable but shows the church filling up when the dollars increase in the viewable slider. The image of the church was cut out of the background image using PowerPoint’s shape combine tool.

THE RESULT

If you are interested in participating in this Articulate eLearning Challenge, you can find it HERE.

Take a look at what I created!

Related posts