Using black and white images from Content Library 360 and some simple motion path animations, this tabs interaction is the perfect way to add some understated sophistication to your onboarding cours...
Published 6 years ago
Version 1.0
Blog Post
I think this is a fantastic menu. I'd like to do something similar but, instead of moving sequentially through the menu items, I'd like to give the user the choice - so they could choose to go straight to 'Our Campus' without going to 'Our Culture' first, for example. But I can't work out how to keep the lovely animation you have here and allow that choice. Any ideas??
Should have said, I'm working in Storyline360
- Have you considered putting another slide ahead of this one with the selections available, but without the animation?
They can click on it and have it load the next screen with the topic they selected with the animation. - Hi Mark. I haven't tested this, but many (possibly all) of these animations should import into Storyline 360. From there, you could just change up the hyperlinks and adjust the structure so that learners could click on the menu items in any order.
- HI Trina (and Ron). Many thanks for your responses. I have got a solution similar to the one Ron suggests - which looks really nice. However, the 'perfect' solution (I think) would require the animation to move upwards in some cases and down in others, depending on prior selections. If I want to go from 'our mission' to 'our culture' the direction is up. But, if I want to go from 'our campus' to 'our mission, the direction is down.
I guess I'm looking for an animation to reach a fixed destination point, regardless of starting position. Suspect that isn't possible?!
Many thanks for posting the original example, though Trina. It looks fantastic and I've unashamedly 'borrowed' the idea!- You may need to create different versions of the slide for each selection. That way, you can control the direction of animation.
Granted, that means you potentially have two different versions of each slide (one with animation going up, one with animation going down), which isn't particularly fun, organizationally. However, the only one who will know that is you (and any other IDs that might have to work on it in the future). To the viewer, it'll just flow smoothly.
