Forum Discussion
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
- AlexBradley-13fCommunity Member
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-9Community 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.
- AlexBradley-13fCommunity Member
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-9Community 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.
- DBergCommunity 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-9Community 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.
Related Content
- 11 months ago