Interactive sliders are a great way to get learners to touch the screen and explore relationships between two or more concepts. In this week’s challenge, we’re looking at how sliders can be used to make data more interactive.
Here's a slider example that combines two sliders to create a masking effect.
Here’s a good example of how sliders can be used to create interactive infographic. I like this example because it uses a masking effect combined with custom sliders that share a single variable. How does that work? You can read more about Mike’s example and learn how he built it in this article.
Challenge of the Week
This week, your challenge is to show creative ideas for using sliders to build interactive infographics. Sliders are relatively simple to use in Storyline 360, but your examples could require some advanced techniques.
If you get stuck or have any questions this week, please post your questions in the Storyline forums and we'll help you out.
New Entries Only!
We’ve hosted several slider challenges and the examples are always amazing. To keep things fresh, we’re asking that you share only new examples this week. You’re more than welcome to re-work a previous example.
- Interactive Sliders in E-Learning #52: Challenge | Recap
- Parallax Scrolling in E-Learning #115: Challenge | Recap
- Using Sliders in E-Learning #205: Challenge | Recap
- Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
Last Week’s Challenge:
Before you slide into this week’s challenge, take a few minutes to browse the holiday-themed examples and course starters your fellow challengers shared over the past week:
Wishing you a sliderrific week, E-Learning Heroes!
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.