Forum Discussion

BennyKurniawan's avatar
BennyKurniawan
Community Member
10 years ago

Responsive design in Storyline 360

Hi,

I know we can preview the course in desktop, tablet and phone mode. But can you actually do responsive design in Storyline 360? If yes, how so?

-Ben

90 Replies

  • Thank you Math, interested in your approach to this.

    Do you build the course in its entirety for a PC / laptop and then convert it for a phone? Or do you build both versions (one for laptop/PC and one for the phone) simultaneously?

    (I'm tryng to figure out if we take this approach, which is the more efficient workflow!)

    • MathNotermans-9's avatar
      MathNotermans-9
      Community Member

      Mostly i build one version first. When the client/teacher at first doesnot emphasize he wants a mobile version i start in desktop. When he does emphasize its needed i start a Mobile first design. I used to work in Lectora, and there you have a similar setup build into the tool. You design for one device first and then you can finetune for the others... internally the switch is controlled by CSS. Partly you can do the same with Storyline as described above. Only thing you need to control yourself...on the LMS or with a QRCode or some other way is the deviceswitch.

      I dont think trying to build simultaneously is very convenient especially because Storyline lacks features for that. Also there are some features that Storyline supports on desktops...a simple one is the hover state offcourse... that won't work on mobiles... so you need to keep those in mind.

      We work with Miro a lot. Preparing concepts and designs on Miro. As you can team up easily on it, we cooperate on designs for both desktop and mobiles till all stakeholders are happy...and then start in Storyline.

      PS. The latest version of GSAP ( not yet included in Storyline360 ) has a great new feature gsap.matchMedia( ) Basically it can change any gsap animation based on your screensize. So you can dynamically change gsap animations to best suit your device and orientation.

  • Hey Math, this is very helpful, thank you. 

    I am curious to know why you don't use Lectora any more?

    Thanks for the Miro tip - I will check it out!

    • MathNotermans-9's avatar
      MathNotermans-9
      Community Member

      I still work in Lectora, but less. Mainly due to 2 reasons. Userbase and thus projects to get work on in Europe are more Storyline based then Lectora based. Lectora failed to focus on Europa at some point and thus to keep work flowing i had to shift tools. Other reason is i work for 2 universities now and they both at some point wanted teachers to work in the tools too. Lectora is somewhat more complicated, especially when compared to Rise and thus the choice fell on Articulate360 and Rise. Storyline for the more complex projects. However since end of last semester Rise has been abandonded by most teachers due to several shortcomings. So use of tools will be reassessed. The universities use Instructure Canvas as LMS and that is quite closed. So we are now searching for tools to create xapi based courses and content ( read a few comments about custom xapi not properly generated from Storyline ) that integrate well with Canvas.

  • DBerg's avatar
    DBerg
    Community Member

    Hi, I looked at Storyline's web page today and read this:" Responsive to every mobile device. Deliver interactive courses to every device—without tweaking a thing. You simply create your course in Storyline 360, then click publish. That's it. Your course auto-magically plays everywhere, beautifully."

    Have I missed something? Is there a new version out that is truly responsive? 

    • MathNotermans-9's avatar
      MathNotermans-9
      Community Member

      No, Storyline is as it was. Not responsive, but has a 'Responsive player' that scales your course.
      You can design your course to be optimal on mobiles.... or use multiple versions for desktop, mobile and tablet.