Forum Discussion
- FlorenceGayhartCommunity Member
Hello,
While Articulate Storyline doesn’t inherently offer the same seamless scrolling experience as Rise, you can still create a more fluid and continuous user experience. Here are some ideas to achieve a seamless feel within Storyline:
Slide Transitions:
Use slide transitions to create a sense of continuity between slides.
For example, fade out the current slide while simultaneously fading in the next one.
Adjust the transition speed to make it feel seamless.
Custom Navigation:
Instead of relying solely on the default navigation buttons, design custom navigation elements.
Create buttons or hotspots that allow users to move forward, backward, or jump to specific sections.
These custom elements can blend seamlessly with your content.
Layered Content:
Utilize layers within a single slide to present additional information or interactions.
Users can reveal layers by clicking on objects or buttons.
This approach keeps users engaged without switching to a new slide.
Scrolling Panels:
Create scrolling panels within a slide.
Place content (text, images, interactions) inside these panels.
Users can scroll vertically or horizontally to explore the content.
Parallax Effects:
Add subtle parallax effects to create depth and movement.
For instance, as users scroll down, background images can move at a different speed than foreground elements.
Storyline Variables and Triggers:
Use variables and triggers to control content visibility.
Show or hide elements based on user interactions or progress.
This dynamic approach can make the experience feel continuous.
Smooth Animations:
Apply animations to objects (entrance, exit, motion paths).
Smooth animations can bridge the gap between different content sections.
Remember that while Storyline doesn’t have the same inherent scrolling behavior as Rise, you can combine these techniques to create a more seamless and engaging learning experience.
Hope this will help you.
Best regards,
florence023 - PhilMayorSuper Hero
you could also use javascript to work out where you are in the scroll panel and fire off animations
- MathNotermans-9Community Member
Using GSAP and Scrolltrigger and ScrollTo plugins this for sure is possible.
As seen here...
https://360.articulate.com/review/content/0381f6c9-6baa-45e2-b5d8-375fa803ffa1/review
and in this post....
https://www.linkedin.com/posts/mathnotermans_gsap-scrolltrigger-nrzmalik-activity-7226492504940945408-a1mI?utm_source=share&utm_medium=member_desktop
As mentioned NRZMalik has a custom solution for it.
https://www.linkedin.com/posts/nrzmalik_instructionaldesign-elearningdevelopment-ugcPost-7226270457681874947-Bs9D?utm_source=share&utm_medium=member_desktop
He mentioned a tutorial on this coming up. Biggest issue however remains Storyline's limitations. All these are just users bending those.- SabinaSariys369Community Member
Thank you! I will try this out! 🤞
Hi Sabina, Here's another thread that you might find helpful!