Forum Discussion

SabinaSariys369's avatar
SabinaSariys369
Community Member
2 months ago

Seamless or Pageless Storyline scroll?

I've been wondering if it's possible to create a Storyline experience that is not bound by the page format, but rather stiches the pages together as desired to create a seamless experience. I know it's possible in Rise, but how can it be achieved in Storyline?

Ideas?

:D

  • Sabina Sariyska

    I've been wondering if it's possible to create a Storyline experience that is not bound by the page format, but rather stiches the pages together as desired to create a seamless experience. I know it's possible in Rise, but how can it be achieved in Storyline? HealthCareGov

    Ideas?

    :D

    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

  • you could also use javascript to work out where you are in the scroll panel and fire off animations

  • 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.