Great use of Storyline in Rise for Listicles
This basic tab style interaction is made in Storyline for use as an alternate way to present a list of content in Rise. This is simple yet modern enough design to add that extra engagement factor and clearly present text, icons, additional content, and more! The Storyline is designed at 1280x500 to allow for HD width format and still allow for the full interaction to fit (without scrolling) in a smaller screen. Download the Storyline file | See it in action here!Guide to a Healthy Lifestyle: Nourish, Move & Mind
Experience it I recently saw an interactive e-learning example in a Mastercard and really liked how it embedded lots of info in a simple, clear way. It inspired me to try something similar—organising content into smaller, engaging chunks that are still meaningful. I thought of healthy habits right away—it’s a topic anyone can relate to, and some ideas immediately popped into my mind. Learning Goal & Audience Goal: Share the three basics of wellness—nutrition, exercise, and mindset—in a quick, engaging, and friendly format. Audience: Anyone looking for small ideas to improve their daily wellbeing. Concept & Structure I set it up as a three-tile menu: Eating Habits, Physical Activities, and Mental Health, each including key subtopics, brief explanations, a "Did You Know?" feature, and simple definitions to keep the content light but informative. The structure is flexible—you can easily scale the number of tiles, tabs, or content items based on your learning goals or time constraints. Visual & Interaction Design I used soft colours like blues, yellows, and purples to give it a calm and positive feel. I also added light background animation and small object movements to make the screen feel more alive without being distracting. Development & Triggers Each tile links to its own layer on a separate slide. I used buttons and triggers to keep everything smooth. Motion path animations were added to the pop-ups so they slide in nicely when opened. Tools Used Illustrator for the graphics Vyond for simple animations Articulate Storyline for building everything and setting up the triggers Challenges & Solutions I started with custom motion paths but switched to built-in animations—they worked better and were easier to manage. I also made small fixes to the GIF and icon states after testing, just to make sure everything responded well. Outcome & Next Steps I’d be happy to share my process in more detail if it’s helpful—always glad to exchange ideas and learn together. Let me know what you think—I’d love to hear your feedback! ...and let's share, connect, and inspire: my LinkedinEaster Traditions
View example. I actually started this for last week's interactive comparison challenge but didn't get it finished on time so instead I morphed (see what I did there!) it into this week's morph transition challenge. It's been a useful exercise to try out the new morphing functionality - it can be a little temperamental though. The transition back to the menu slide isn't as smooth as I'd like, and I found it really doesn't like images so I had to trick it by making each object on the menu slide a shape, setting up the transition, then going back and filling the shape with the image I wanted. Hope you enjoy learning about some global Easter traditions with some pretty watercolours from the Storyline AI image generator.Storyline: Simple Tabs Interaction
Looking for more ideas on how to organize heaps of information into bite-sized chunks? Explore this beautifully-designed tabs interaction that empowers learners to navigate content at their own pace. Explore this project. Want to try creating something similar in Storyline 360, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to stay-up-to-date on the latest e-learning examples.We Design Cloud Security Learning That Clicks
We create easy-to-use, engaging experiences that make cloud security simple to understand. With interactive tabs and a clickable timeline, users can explore the types of cloud security, learn about online threats, and discover smart ways to keep their data safe - all in a clean, modern style that’s built to teach and inspire. Learn to protect your data - one clever interaction at a time. Click the link and take control of your cloud security skills now! https://www.swiftelearningservices.com/using-common-blocks-and-interactions-in-new-ways/
