Each week the Articulate software community, E-Learning Heroes, challenges E-Learning professionals to submit projects based on certain criteria. Challenge #147 was to create an accordion interaction.
I found that many accordion actions created in storyline looked good when moving through the content in order. However, when the user clicked out of order and went back to a previous tab, the animations didn’t function correctly because they were meant to execute in a certain order. Using slide layers and triggers to pause and resume the timeline, I made each tab close before opening another tab. Therefore, no matter what order the tabs are clicked, the animation makes sense.
HOW THIS COULD HELP YOUR LEARNERS
If you have a lot of content for a learner to move through, you can split the content onto different slides or you can have the information on one slide and utilize tabs or some other interaction to allow the learner to interact with the page to view the information. An accordion interaction is a visually interesting way to organize content.