The Argument for Non-Responsive Design

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.

Adobe Captivate – Background Images in Fluid Boxes

In this Adobe Captivate video tutorial, I demonstrate how you can work with background images in your fluid box responsive design eLearning projects and ensure they line up the way you want them to.

WEBINAR – Adobe Captivate 2017 for Beginners – Feb 7th!

Copy of Webinar Banner - Jan 2018 (1)

When: Wednesday 7 February 11am-12pm (AEDT)

Duration: 60 Minutes

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!

Buttons for connect - resized

Captivate 2017 – Chemistry Tic Tac Toe Game

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.

Play the game here:

Captivate 2017 – Chemistry Tic Tac Toe Game

Game start screen

This game was created in Captivate 2017 using state views, smart shapes, Advanced Actions and JavaScript. I attempted to create this prior to the addition of State Views and found it difficult to layer and work with all items required.


State views simplified this task of organizing objects – all interactions take place on one slide.



Multi-Slide MP4 video project presents Connection Error on Playback after publishing to local machine

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.


Adobe Captivate – What Resolution Should I Use?

In this Adobe Captivate Quick Tip, I briefly explain my thoughts on what resolution you should use for your fluid box responsive design preview.

Adobe Captivate – Video & Executable Publish Options

4f87f277f960be1b06bd871fc73efa7fad3908ae_3e73f2fb8d48b2678defdbba011114df0ff907e1_twitterIn 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.

Publish projects as MP4 files

Publish projects as executable files

Custom Show/Hide Glossary that works in Captivate 8, 9, and 2017

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.

#eLearning #LIVESTREAM Custom Captivate Themes 2017-11-13 16:00 EST/21:00 UTC

In this Adobe Captivate eLearning live stream, I will share with you how I create a custom theme for Adobe Captivate 2017

Follow the link below at any time to set up a reminder to be notified when this event becomes live on November 6th at 4 PM Eastern Time.

#eLearning #LIVESTREAM Custom Captivate Themes 2017-11-13 16:00 EST/21:00 UTC

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).