Responsive design is a hot topic in the world of web-design, and with good reason no one wants to open a website on their smartphone and scroll horizontally back and forth and vertically to read page’s content or to find the navigation buttons to go to the next page, and the responsive design trend is taking off in the world of eLearning Design as well.
The new responsive design tools and work flows are exciting for elearning authors and many new comers (and some veterans) to the field can see no reason why anyone would consider, much less build, a non-responsive design but there are many instances where a non-responsive design is not only a valid option but the correct choice.
The planned implementation of the course will often determine whether or not the content should to be a non-responsive design. In some instances a client may intend to use the course in a controlled environment such as a computer lab in a prison system. In an instance such as this where there is no consideration for mobile then a non-responsive design is acceptable or even appropriate. Secure or controlled environments aren’t the only instances where a non-responsive design is useful though.
Because Adobe Captivate allows publishing as scalable HTML5 you will sometimes find this a better choice that a true responsive design using breakpoints or fluid boxes. If you author enough content for enough clients you will eventually encounter content that, by its very nature, only works well in a horizontal format whether it’s viewed on a 24-inch monitor or a 5-inch smart phone. In these instances a non-responsive design published as scalable html5 may be the perfect solution. The same approach can be applied to any content that will always be presented horizontally by the LMS regardless of the screen orientation on a mobile device.
If you find yourself authoring a course for use at a school you may find that the administrators and teachers want their students taking the course on computers or tablets but want to discourage the students from taking it on their smartphones. A non-responsive design published as scalable HTML5 is my approach here as well. While this won’t make it impossible the students to complete their course on a phone it will make it far easier to complete on a computer or tablet.
Another thing to consider when deciding whether you want to build a responsive or non-responsive project is whether or not you intend to use Flash in the project. Most newer mobile devices don’t support Flash and using Flash in your project makes the responsive vs. non-responsive debate moot
In conclusion, the next time you are presented with a project don’t fall into the trap of assuming a responsive design is the correct one because it’s the “in” thing (and don’t assume non-responsive is correct either) without reviewing both the implementation and target audience of the course. Both responsive and non-responsive designs have advantages and neither is right for every project.
Are you using Adobe Captivate for the first time? Wondering where to start?
Adobe Captivate for Beginners is the first of a series of hands-on webinars we’ll be running regularly this year to help everyone learn the basics of designing and developing eLearning using Adobe Captivate, with each webinar led by John Stericker, our Adobe-certified Captivate Expert and Instructor.
With an understanding of your skills and interests, we’ll take a practical approach to learning, spending time on the parts that are most important to attendees and sharing tips and tricks we’ve learned over the years. Post-webinar we’ll also share a free Adobe Captivate shortcuts reference guide with all attendees.
So click to register and we look forward to meeting you on February 7th!
This Chemistry themed tic-tac-toe game allows you to select any position on a tic-tac-toe grid. Once a spot has been selected you are given a chemistry question that must be answered either True or False. Correct questions are given an “O”, incorrect questions are given an “X”. Just like tic-tac-toe if you get 3 correct in a sequence you win.
State views simplified this task of organizing objects – all interactions take place on one slide.
Inserting Multi-Slide MP4 video presents Connection Error on Playback of projects published to local machine.
1. Captivate 2017 ver 10.0.192. (Updates controlled by server. In process of validating current version with IT)
2. Project IS NOT published to LMS. Issue presents when published to and viewed from Local Machine.
2. MP4 videos were created using the Software Simulation function in Captivate 2017. (MP4s reside in the publishing directory on the local machine).
3. I have used a relative path as well as a local machine path. No difference. Connection error exists regardless. (MP4s are being published directly to the same publish folder as the project).
5. The Preview in Browser function from within Captivate has no playback or connection error issue. (Behavior is normal and as expected)
3. Able to import the .swf generated by the Software Simulation into the project and playback and performs normally and as desired. (Unfortunately Closed Captions are required and must be edited only via the Edit Video Timing function. Using the .swf animation is unfortunately not a viable workaround)
6. Research on Adobe Forum and web has not found a directly related issue. (Frankly, I am suspecting a bug)
7. IE setting are replicated form a “known good” project and separate machine. IE settings “appear to be correct though suspect in this new version of Captivate.
8. Same behavior in Chrome as well.
Any assistance or advice is greatly appreciated as I have spent far to0 much time troubleshooting this. I suspect a bug though hoping I am wrong and another solution exists.
In this Adobe Captivate QuickTip, I will answer the question what happened to Captivate’s ability to publish your CPTX projects as either video or as a stand-alone executable for Mac or PC. This tutorial is for non-responsive projects only as these two publishing methods are not compatible with responsive projects.
Okay, so I know what you’re thinking. You’re thinking “Hey Paul, you promised to never do a Captivate 8 or 9 tutorial again”, and that’s right. I did say that but this is actually a Captivate 2017 tutorial that just happens to include steps that would work for Captivate 8 or 9 as well. In this video, I show you how you can create a custom interaction that can be used as a glossary page in your Adobe Captivate project. If you found this video useful, please consider subscribing to my YouTube channel at Paul Wilson Adobe Captivate Tutorials. Please share this video with your colleagues.
If you enjoy my LIVE STREAMS, please share them with your colleagues and don’t forget to subscribe to my YouTube channel to make sure you’re notified of all my upcoming events. If you subscribe to my YouTube channel you will receive my Adobe Captivate 2017 – Responsive Custom Quiz Questions online course from Udemy for only $10 (a $50 value).