Using Accordions to Chunk Info and Reduce Cognitive Load in E-Learning #350
Using Accordion Interactions in E-Learning #350: Challenge | Recap
Accordion interactions let course designers chunk long content into shorter pieces that learners then click to explore. Using accordion interactions, you can comfortably fit lots of information onto a single slide—without overwhelming your learners. Accordions, like tabs interactions, can be used for content, navigation, FAQs, quizzing, and much more.
Using Accordions to Reduce On-Slide Clutter
Here’s a good example of how accordion interactions can reduce clutter and group frequently asked questions. I like the way Amoreena used the accordion as a component rather than the main interaction.
Challenge of the Week
This week, your challenge is to share an example that demonstrates how accordion interactions can be used in e-learning.
New Entries Only!
We hosted the first accordion challenge three years ago and a second accordion challenge two years ago. To keep things fresh, we’re asking that you share only new examples this week. Of course, you’re more than welcome to re-work a previous example.
Accordions with Conditional Next Button
Here's how you can disable the next button in Storyline 360 until learners click all accordion tabs in Articulate Storyline 360.
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:
To help you tune your accordion this week, take some time to check out the click-and-reveal interactions your fellow challengers shared over the past week:
Click-and-Reveal Examples RECAP #349: 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.
Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
Where is the Missing Food? Accordion Demo: https://jodisdemos.s3.amazonaws.com/350+Accordion/story.html Original Demo: https://jodisdemos.s3.amazonaws.com/350+Alternate+Demo/story.html McKinsey Link: https://www.mckinsey.com/featured-insights/coronavirus-leading-through-the-crisis/charting-the-path-to-the-next-normal/less-waste-fuller-plates Last week I saw this interesting infographic in my McKinsey & Co newsletter on the global food supply and how much food gets wasted at each step. McKinsey is really good at visualizing data, so I made it an interaction last weekend. I couldn't find art to replicate their infographic so I changed it up a little. Today I turned the original demo into an accordion--you can see all three together. The first file I ever downloaded and tore apart... Expand