Forum Discussion

JenLynnRusso's avatar
JenLynnRusso
Community Member
1 month ago

Morph Reveal (AKA the Pull My Finger Storyline Project)

 

My first Storyline project using morph transitions! I wanted to create an asset that would gradually reveal a financial report, allowing learners to explore it via clickable markers. With each click, the report would reveal more columns, almost like pulling a window blind sideways.

Normally, I would use the timeline and state changes (maybe good old-fashioned layers) to achieve what I wanted here, but I decided to step out of my comfort zone with morph transitions. It was... different. 

It was very persnickety. Sometimes I had to group objects to make it work; sometimes I had to leave them ungrouped. Sometimes I had to make sure that there was no text involved in the object's non-normal state. For instance, I couldn't create a hover state on a hand that included additional text that says "Click here to reveal." The animation got all wonky with that. After many hours and curse words, I finally tamed the beast.

So here it is, with all our financial data redacted so I don't get fired. If anyone has some best practices for using morph, I'm all ears and eyes!

Zdaily Report Tour (Redacted)

8 Replies

  • ChrisHodgson's avatar
    ChrisHodgson
    Community Member

    A nice example of chunking complex data so it's easier to digest with the use of some clever animation! Well done, Jen 👌

  • Huge kudos for sticking with it and sharing what you learned along the way JenLynnRusso​!  What finally made things click for you? 

    We’ll be featuring this in an upcoming ELH Weekly newsletter. If you want it delivered to your inbox, be sure you’re subscribed. 🎉

    • JenLynnRusso's avatar
      JenLynnRusso
      Community Member

      Oh wow, super cool! Love sharing the joy I experience, even if it takes some persistence 😉

      I think when I learned the aspects of morph that made it work/didn't make it work, I was able to soldier on. It was just experimentation a little at a time, so not building out all the slides until I knew it would work.

  • Thomas_Shayon's avatar
    Thomas_Shayon
    Community Member

    JenLynnRusso​,

    Amazing example of what is possible. It feels natural and matches the pace the learner wants to move. Thanks so much for sharing. 

    • JenLynnRusso's avatar
      JenLynnRusso
      Community Member

      Wow, thank you so much, Thomas! This is definitely a course for people who are not used to financial statements and need to be able to tell their employees what the figures mean (without getting bogged down in jargon or equations), so your feedback is exactly what I was aiming for!

  • YoungTam7's avatar
    YoungTam7
    Community Member

    Jen, 

    Thank you for sharing. I'm still learning how to do all this fun stuff. I'm working on a Sherlock Holmes module and would like to integrate some visuals where the clues sort of 'reveal' themselves. 

    • JenLynnRusso's avatar
      JenLynnRusso
      Community Member

      Oh, that would be cool! I can definitely see some sort of "peek-a-boo" effect that you can use, perhaps with a combo of morph and state changes. There are infinite options for getting a desired result on Storyline, which is why I love it so much. No one way is the best way! I hope you share your project on the Share board 🙂