Forum Discussion
DavidAnderson
11 years agoStaff
Storyline: Animated Menu Navigation
Here's a mobile-inspired menu concept built with Articulate Storyline 360.
The menu features a subtle fade in and fade out effect. The button options link to slide layers so everything is contained in a single slide.
21 Replies
- FlorovCommunity MemberThanks, David.
- Glad you like it, Serge. Working on a cleaned up version to share as a template.
- GarryHargrea822Community MemberHi David, did you ever generate a template? Kool menu.
- RobbinHessa1Community MemberDavid,
Loving this type of animation and look. Let me know when you post the .story file. Magic, let Chelsea know that her whole inspired look and feel is great! - GarryHargrea822Community MemberGreat, as always David - keen to see the story file. Thanx G
- KaanSaygıCommunity MemberCreativity is an intangible aspect. So, how should it reflect itself in real life? By way of changing one’s facial expression. In this module, I think the character of neutral facial expression matches well with Definitions in Menu 3.
The content of Menu 4 is compatible with the smiling character of Menu 3.
Let’s come to think of it: If one feels more confident, had an increase of income, one would most probably be smiling, because these are good news. Besides, the commencement of this module was done with a smiling character, thus the final slide should also have some other person of same facial expression.
Kaan - MarcoDAlessioCommunity MemberNice! And helpful!
- KyleTrailCommunity MemberI like it David. With the "hamburger" icon becoming widely know in the mobile arena, this is a natural next step in navigation for training.
- XavierCambierCommunity MemberNicely done! It is fluid. Thank you for sharing
- AnupPCommunity MemberNice, thanks for sharing!
- JeremySumpterCommunity MemberThis is very nice David, can I ask how did you get the fade effect on close! I was able to create the slide in animation, but not the fade out effect on click! If you could share it would be greatly appreciated.
- DianneHopeCommunity MemberGreat question Jeremy. I would also like to know how this can be done David!
- JohnCurranCommunity MemberOne issue I have with a bespoke menu like this is that when you use the menu to jump to a point in the course the 'Previous' button then takes you back to the point at which you jumped from rather than the previous slide in the sequence. I can fix this by hard coding each previous button but is there a better way to do this?
- Hey John! I just noticed your question. I'm sorry it's such a late reply.
The built-in functionality for Previous slide trigger is to return users to the last slide they viewed. That's by design but I know there are folks who would like to return to previous slide in the project.
The best way around this is to change the trigger to Jump to Slide and specify the slide where you want to direct users. This would be done on a slide-by-slide basis since there isn't a way currently to change the built-in functionality.
Related Content
- 7 months ago
- 9 months ago