Responsive web design
Jan 10, 2014
Has anyone found a way to use Storyline to create responsive web design courses? We are having to design for mobile now, and need a solution that will work as a framework for responsive design.
I think this must be a burning issue for many people here. Have you had to leave Storyline for another tool for this reason?
Thanks for any insight or solutions you may have found.
Karen
39 Replies
The main issue of Captivate 8 is opening files on different computers, this does cause far too many issues and I would recommend using the one computer for any project you're working on.
But as for limitations, with a combination of tools that adobe have that ceiling is pretty high and for most users not an issue. JavaScript is easily incorporated and external animations easily implemented.
I am by no means completely sold on Captivate, and confused as to why other web based Adobe products have a much better responsive interface, such as Edge Reflow. Hopefully we will see a responsive option with Storyline soon, perhaps they will do a better job, but until then unless you can create the code yourself in CSS, Captivate may be the only viable responsive option for now.
Hi all,
I did also want to share here, that Articulate has published a recent white paper detailing our stance on responsive and mobile.
Hope that helps give you some idea of the go forward from our position.
Interesting read and I'm glad to get a sneak peak at Articulate's plans for mobile learning. I do have a couple of issues though.
I'm glad you are attempting to make it easier for the authors to create content for mobile devices, but I don't agree with your philosophy about trying to take the people out and leaving it up to technology .
"If we rely on people, rather than technology, to solve the issue
of multi-device e-learning, we undermine the very benefits of
e-learning: its scalability, cost-effectiveness, and speed
of deployment."
Technology will not solve the design problem, that is still something the developers will have to solve on their own. It is easy to search UI/UX design recommendations for mobile devices. While there is a variety of recommendations, they all give the same basic advice about text, button sizes, interactions, and a variety of other information.
Your example about the person pointing at a map isn't really very accurate. On a responsive website the map wouldn't move above the person's head, instead the picture would change or zoom in to the area of interest. While this may seem minor, someone with UI design experience for mobile devices would make decisions like this to make there that the content that should be focused on stays in focus.
While current web technology does do a lot of the lifting, there is still a lot of thought that goes into the design process for creating a mobile friendly site before any code is even created and that same thought should go into creating learning for mobile devices. There is no "one size fits all" to this. I like that the player will go away and be replaced by something more friendly for mobile devices. But just shrinking the slides down isn't responsive design, it''s just making the same stuff smaller.
Your proposed changes is a step forward to creating more mobile friendly designs easier for the average users, but I'm afraid it could lead to the same frustrations when trying to create GOOD mobile designs that many had when using Cap 8 responsive design features. If I bought a stethoscope, it wouldn't automatically make me a doctor, and being able to publish to mobile devices doesn't make me a mobile designer.
I think for devices from desktops to tablets, the scaling Storyline model will work OK. But scaling courses down to a smartphone sized screen - that's not going to work well. In the example iPhone course in the white paper, the elements will be too small to read. You'll need a separate version for smartphones.
It's interesting to see mentioned a web-based authoring tool for responsive web-based courses is in development. A competitor for Adapt? I wonder if this will integrate with Storyline?
Captivate 8 isn't PERFECT, but if you use the smart-positioning feature on responsive projects, the in-between views have worked well in my experience.
RapidIntake's Litmos Author pushes mobile devices to Jquery mobile, and it works well. You can download a trial here: https://trials.litmosauthor.com/signup/litmosAuthor/
The built-in features are limited when compared to Storyline or Captivate, however, if you're looking to present content, assess, and add some minor interactivity that's acceptable on mobile, it's not terrible.
I have to say this: Captivate 8 is far from perfect. Regarding the IDE:
IDE Response time are defiantly bad... but can be cured by having 16gb ram... the entire creative cloud is pretty much worthless without maxed out ram. All of Adobe's new software are complete memory hogs.... : (
Multi-device enabled learning that is easy to build, deploy and maintain is a must have now. Adapt is able to deliver this and solves the page turning issue by delivering deep scrolling exploratory experience that is more attune with the modern web.
Learning Pool has developed an easy to use web builder for Adapt content and if you'd like to take a look here are some videos.
I'd be happy to discuss with anyone that wants to know more about it.
Cheers
New articulate is doing responsive apparently.
I did my first webApp with storyline design.. I took the choice to do 4:3, with the minimum size of pattern..
Anyway, a trick, if your course is short, do 2 course, one in 4:3, and one in 16:9..then you say in your html page, to identify the media and the size of the screen, then the navigator detect it and send you on good version!!
it is not responsive, but kind of adaptive ^^
Hi Maxime,
Just to clarify - our Storyline 360 output will display within the responsive player. You can read more about that here.
As far as a total responsive playback within Articulate 360 you may want to look at using Rise. Here is a bit more information on how to get started with Rise.
Hello, Ashley,
Articulate rise is responsive and that is wonderful! I need to create a case for my company (they are about to buy/subscribe a boatload of licenses) on nwhy Rise is better than DomiKnow. Is this something you or someone in your team can help me with?
Thanks!
Hi Danielli,
It's not a tool I'm familiar with - but I'll connect you with our Success team to see if they have some additional information. Just keep your eyes peeled for an email from us!
Adapt learning tool is perfect
This post was removed by the author
This discussion is closed. You can start a new discussion or contact Articulate Support.