Forum Discussion

LucyJoss's avatar
LucyJoss
Community Member
4 months ago

Animated slide

I'm creating a narrated slide on Storyline that I want to illustrate with animated icons. The idea is that the icons will change as the narration progresses (e.g. a sun turns into a moon to show day to night). I know technically how to do animations and timelines etc, but I was wondering if anyone has any advice on the best way to put it together, or even an example. I don't want the slide to look messy and confusing when editing it. Am I better having multiple slides or is there a clean way I can have all the animations on one slide?

Hope that makes sense, hard to explain but I don't have anything to show at this stage! Thanks!

  • There is absolutely nothing wrong with either of your examples. The question of multiple slides with fewer objects per slide, or fewer slides with many objects per slide is purely a question of your (the designer's) personal preference.  But there are some things you can consider. If you are going to move from slide to slide during the narration, you can use a trigger to jump to slide 1.2 when the audio ends. That sort of seamless flow won't irritate the learner with an interruption, or confuse them trying to figure out what to do, I would keep it flowing, and only break when I want the learner to interact with the slide or objects on it.

    If you want to have that many objects moving and changing (and that sort of activity has been shown to strongly aid learning, as opposed to the way showing the same text as the audio detracts from it), then you are going to need a lot of objects and lots of changes. That's one of the distinctions between good design and great design: relevant, simple illustrations that complement the content.

    If you want a little more organization of your objects and animations, you might consider layers. On each layer put a collection of related objects, with their associated triggers. Show the layer at the appropriate time, and set the animation timing to the layer timeline.

    Ultimately, though, the ability to live with, keep track of, and organize large numbers of objects and actions is why they pay IDs the big bucks. Your only options are to cope with that, or produce "read this and click next" courses, and this example shows me which method you prefer. So dig in, and do it well.

    • LucyJoss's avatar
      LucyJoss
      Community Member

      Hi Walt

      This is fantastic advice, thanks so much for commenting! Layers is a great idea and definitely agree with having illustrations to make courses more engaging.

  • As usual, Walt's advice is golden. 

    I'll add a tip that's helpful whenever you do want to have multiple objects on the base appear and disappear.

    You can hide some objects while you're editing by using the Timeline Visualization function. When Timeline Visualization is turned on, you'll only see the objects that will be visible at the point in the Timeline where the playhead is. This is very handy, because it makes it easier to edit overlapping objects.

    It can always be scary! If you don't realize it is on, you might wonder why you aren't seeing everything on the slide.

    This image shows a slide with Timeline Visualization off. You can't see the details in the overlapping objects.

    This image shows the same slide with Timeline Visualization on. The playhead is at 4 seconds in the Timeline. Now, you only see the objects that will be visible at that time.

    • LucyJoss's avatar
      LucyJoss
      Community Member

      Hi Judy

      This is an amazing tip! I had no idea about the timeline visualization button, this will make animated slides so much easier to edit. Thank you so much!

  • Hi Lucy!

    You are in a great place for help! We have a ton of instructional designers who can assist. Do you have a visual that they can work from? It is always helpful to see what you're looking to create!