Articulate Storyline: Animating Lists

I am always amazed at the reaction I get when demonstrating how easy it is to animate a list in Articulate Storyline. The most common response I get is “I wish I had known about this before. It would have saved me so much time.” The second most common reaction is “I didn’t know Storyline could do that.” I get these comments from both new and seasoned Storyline users alike.

Animating a list is not ground-breaking technology or even a recently added Storyline feature, but it is a very effective tool for directing learners’ attention. Instead of just showing a list of features or topics, each item will appear on screen as that item is discussed. Even if your list does not have an audio track, animating it will give it a sense of order. Controlling the learner’s attention and an organized presentation of content are both critical components for effective knowledge transfer.

If you are a Powerpoint user, then you have perhaps animated a bulleted list before. While the process is not overly complicated in Powerpoint, it is certainly much easier in Storyline. Then why do I get the reactions that I do when I demonstrate this feature? Honestly, I think that its because the process is so simple that its just overlooked.

In the following video tutorial, I demonstrate just how easy it is to animate a list in Storyline.

Animating Lists with Articulate Storyline: Step-By-Step

Here is the step-by-step process for animating a list in Articulate Storyline.

Creating the List and Adding the Animation:

  1. Open any slide in slide view.
  2. Go to the INSERT ribbon.
  3. Click the Text Box icon in the Text group.
  4. Click and drag on the slide to create a new text box.
  5. Add the text that you would like to animate, typing a Return at the end of each item to be animated.
  6. Go to the ANIMATIONS ribbon.
  7. With the text box selected, click the grey star icon in the Entrance Animations or Exit Animations group to reveal a list of available animations.
  8. Apply an animation by clicking on it.
  9. Click Effect Options in the ANIMATIONS ribbon for the animation that you applied in the previous step.
  10. Choose By Paragraph in the Sequence section of the menu.
  11. Save your project.
  12. In any ribbon, click the Preview button to preview your project.

Adjusting the Animation Options:

  1. Select the animated text box.
  2. Go to the Timeline panel.
  3. Click the disclosure triangle to the far left of the text box entry in the Timeline.
  4. Click and drag the items listed under the text box entry left or right to adjust the timing of each item.
  5. Save your project.
  6. In any ribbon, click the Preview button to preview your project.

Want to learn how to create amazing e-learning content with Articulate Storyline?

We literally wrote the book on Articulate Storyline. Pick up one today and uncover hundreds of time saving tips and best practices.

E-Learning Uncovered's Articulate Storyline 360 second edition book

Or, take learning to the next level with one of our Storyline Online Workshops. Get the knowledge you need, delivered right to your desk.

Learn Articulate Storyline in our online workshops

William Everhart
As the E-Learning Authoring Tools Trainer for E-Learning Uncovered, William is focused on helping others to overcome their software challenges. He holds multiple Adobe ACE certifications as well as CompTia's CTT+ certification. William travels the creative and professional learning conference circuits inspiring others to create amazing and educational content.

4 Responses to “Articulate Storyline: Animating Lists

  • Jeff Fox
    4 years ago

    Wow, thanx so much for this. I was really frustrated trying to animate lists and getting no where. This saved my day!

    • William Everhart
      4 years ago

      Jeff, thank you for taking the time to comment on our post. Glad you found something helpful.

  • David Johnson
    2 years ago

    OM flippin G!! The amount of time I’ve spent copying and pasting the lines to different text boxes and adjusting each one individually…

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.