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
Hey there, Jillian!
It looks like your email signature came through to the public forum instead of the attachment. Feel free to edit your reply here!
It looks like you're already knee-deep in troubleshooting with Vincent, but you can use this private upload link to share that image file if you'd like!
I have to agree with those above in calling out Storyline in not supporting responsive design...just a responsive player. The distinction is crystal clear. Our firm utilizes both Storyline and Captivate. At least Captivate has fluid boxes which enables one to develop responsive design. Within the Articulate suite, Rise is clearly the responsive design option, but one does not have the flexibility to utilize states or layers in their design strategy in the same fashion as with Storyline. As we are developing more mobile friendly courses, I want to create the most responsive experience I can. Reviewing the entire thread of commentary above, the capabilities of each tool to me are crystal clear when it comes to deciding which one to use for my responsive development objectives.
The fact that SL does not support responsive content and/or mobile adaptation is beginning to be a real problem. I had a meeting with one of our biggest clients today and they stopped all further content development using SL, based on the fact that it is not good enough for mobile devices. We've tried Captiv8 and their "fluid boxes", it's not easy, but you get one version that is fully mobile adapted/responsive. And you have control over where stuff goes in UI.
Depends on what they mean by "Not good enough for mobile devices". If the content is going to be viewed on a tablet then lock out the vertical orientation which means the user will need to turn the table to Landscape to view. Regarding Smart phones, no one in their right mind will watch an eLearning module on a Smart device, no matter how good it is, the screen is too small. Videos yes, but not elearning modules. It is not a good experience. Smart phones are usually used to watch learning videos and/ or manage their LMS accounts etc, but clients need to understand the limitations of the over used Responsible and Adaptive terminology...it sounds knowledgeable. We often need to educate the clients first. All modules we produce have a warning that they are best viewed on PC's or Tablets in landscape orientation. I lock out the portrait modes so they have to take 1 second to view in Landscape mode. No issues to date. This is all coming from the idiots who record video on their phones in portrait mode and do not realize their TVs etc are not in portrait mode....I have no time for that.... I often get those daft videos from people and asked "Can you make it landscape"..... Maybe if they filmed it in landscape in the first place then.....
That's a really narrow perspective, seeing this from the inside out (instead of from the customers POV). Sounds a lot like the older generation telling young people it's useless to watch movies on mobile devices. If you have clients where a lot of the people in the target group do not have a computer you simply have to adapt. The decision to do all development in Rise from now on was not made by an end user but the head of competence development.
I would not be surprised if SL lost a lot of market shares the next few years due to the fact you cannot produce courses adapted for mobile devices.
...and you are exhibiting the younger generation habit of not fully reading the text but taking bits to suit your thinking. Read my comment again.... I said E-learning Modules are not watched on Smart phones....I said videos are fine. I watch videos on my iPhone all the time when I travel so I will never tell anyone not to do so... My job is to provide what the user needs, not what I think they need. Also, if the only tool you have is a hammer, you will treat everything as if it was a nail. I have several different applications for creating modules and I adapt them based on the need. I have Captivate, Storyline, Rise, Lectora, Elucidad, Domiknow, several Virtual Tour applications etc and others, and I use what needs to be used to get the work done, and not be restricted by one tool. 60% of my time is creating sets of short video tutorials as it is the most requested way to learn in our community. Create Video tutorials instead of E-learning Modules if the audience only has smart phones to consume, it would be part of the needs analysis process. Stoyline is only a tool, like the rest. It should not dictate what you are asked to provide. The French have a saying: The egg is trying to tell the chicken what to do...
I am surprised reading the comments on the responsive design requirement over 4 years old now. Yet Articulate is struggling in providing a better solution for responsive design options in Articulate tools. I agree Rise is a good tool to achieve the responsive design, but again the LIMITATIONS of customisation.
Hello Chirag,
Storyline 360 and Studio 360 use a responsive player, and Rise is set up to be an entirely responsive designed course:
Hi all, I have read this thread with interest. I work for a company with approx 5000 workers and 80% of them have access to a mobile phone ONLY to access the eLearning we create. As much as I agree with many of the comments on here that eLearning is not a great experience on a mobile phone, we have to cater for an audience consuming learning content on a phone. No-one is going to order a few thousand laptops/PCs any time soon.
Calling a spade a spade, we know that Articulate Storyline as a tool does not help to build truly repsonsive content. Yes the player is 'responsive' but when the perfectly-legible text that appears on your PC screen needs viewing with a magnifying glass on your phone screen, you know that we are not really talking about responsive design, here.
However, Articulate Storyline is still a versatile tool and bunny-hops many of the limitations of the templated Rise alternative. Stopping short of looking for a different course authoring tool that creates content purely for phones (yes, that's a thing and we are considering it!), I'd love to know some design tips for using Storyline across multiple devices. A few of the comments on this thread allude to 'it's a design thing' so please share. Like Dumbo, I'm all ears.
If most of your users access courses via a phone, you could design the courses to optimize that format.
- Use larger type, with less text per slide.
- Make all clickable items bigger.
- You could even customize the slide size so it's vertical instead of horizontal.
Such a course would still work fine for those who do use a laptop or desktop. (Well, they might think a vertical course is a bit strange. But they'll still be able to use it.)
I make multiple versions... one for Mobile and then either the LMS or a choice by the user decides what to show...the Mobile version ( optimized in Storyline360 for Mobile screens, mainly portrait view ) Is this perfect ? No but better then the default Storyline player on a mobile landscape view.
Thank you Judy, very helpful. Is there a minimum sized text you'd recommend for phones?
I am also noticing that I don't need to concern myself with hover states if content is only being consumed on phones!
