Creating Interactive Documents with Sliders in E-Learning #300

Interactive Documents with Sliders #300: Challenge | Recap

Using Sliders to Create Interactive Documents

In a recent post, John Berendes from Yukon Learning, shared a fun tutorial on using sliders to page through a document or policy manual. While this may not be an everyday use case for sliders, it’s a great way to begin seeing new ways to navigate information-heavy content in e-learning. Check out his post and download the source file to see how he put it together.

View the tutorial

Using Sliders to Create Interactive Instruction Manuals

One way to approach your slider document is to align the visual elements to your content. Below is a simple example that uses a custom background and slider thumb to align with the LEGO instruction manual. 

View the example

Challenge of the Week

This week, your challenge is to show how sliders can be used to create interactive documents or instruction manuals. 

I’ve included some slider resources below. If this is your first time working with sliders, let us know in the forums if you get stuck or have questions.

Resources

Articles and tutorials

• Storyline 360: Working with Sliders
• 4 Pro Tips for Working with Sliders
• How to Build a Simple Process Interaction Using Sliders in Storyline

Webinars

• Storyline 360 Essentials: Using and Customizing Sliders
• Storyline 360: Create Parallax Effects with Sliders in Storyline 360
• Storyline 360: NSA: Interactive Characters and Slider Interaction

Challenges

• Using Sliders in E-Learning #205: Challenge | Recap
• Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
• Combining Sliders for Interactive Infographics #260: Challenge | Recap

Share Your E-Learning Work

• Comments: Use the comments section below to share a link to your published example and blog post.
• Forums: Start  your own thread and share a link to your published example..
• Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
• Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

Before you slide into this week’s document challenge, check out the creative ways static content can be transformed into interactive e-learning:

Static to Interactive E-Learning Examples RECAP #299: 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.