Responsive eLearning with Captivate 2017 – Part 3: Adding Fluid Boxes

In the first and second part of this blog-series on responsive eLearning with Captivate 2017, we learned how to create a new responsive project and rescale the maximum width and height of the responsive project.

Now let’s learn how to add Fluid Boxes to the responsive project which will help you quickly and easily format slides; and adjust the layouts to fit the content needs.

Fluid Boxes are intelligent containers in responsive projects. They can either be added to the slides or can be inherited from the master slides. Objects placed in Fluid Boxes are automatically aligned so that learners always get fully responsive experience regardless of their device or browser.

Watch this step-by-step tutorial to learn how to add, select, rename, and resize Fluid Boxes in Captivate 2017:

In the next part, we will learn how to add different objects to Fluid Boxes in Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

Responsive eLearning with Captivate 2017 – Part 2: Resizing the responsive project

In part 1 of this 14-part series on responsive eLearning with Captivate 2017, we learned how to create a new responsive project and then preview it in the edit area using the Preview-in drop down list and the Preview Slider. If you missed reading Part 1, here’s the link to access it.

When you create a responsive project in Captivate 2017, the default maximum width and height is set to 1024 x 627 pixels. Because of this default setting, if you view the responsive project on a Desktop/Laptop browser, it will always restrict the project size to 1024 x 627 pixels and will not cover the entire browser area. To change this behavior, you will need to modify the maximum width and height of the responsive project. This is possible by using the Rescale Project option in Captivate.

Watch this video to take a look at the steps:

In the next part, we will learn how to add, select, rename, and resize Fluid Boxes in Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

A vocabulary builder using a fluid boxes design

I am presenting a short vocabulary builder. You are presented with an English food word, and you can then use buttons to display the word in Portuguese and separately play a sound file speaking the Portuguese word. You can freely move within the module.

I built this course using a fluid box design.

I recorded and edited the sound files entirely within Captivate.

The Portuguese words are contained in simple smart shapes which are initially invisible. Clicking on the ‘eye’ button will show the hidden shape. To enable users to revisit the slides I used an on-enter action that hides the shape with the Portuguese word.

Clicking on the ‘play’ button will play the audio file. For this button to work as intended (the user should be able to replay it as often as they want), it’s important to untick the box ‘Continue movie at the end of audio’.

The fluid box design took some experimenting. The first version of this course performed well on desktop and on medium sized portable devices (certainly an iPad mini), but on smart phones the buttons started to appear in random locations for no apparent reason. I wasn’t able to find out why, because when previewing the course in a browser it performed as intended.

A lesson I learnt was to publish a prototype containing just a few slides early on before building out a course.

The current version should work well even on smart phones.

The screenshot below shows the fluid box anatomy of this project.

The post A vocabulary builder using a fluid boxes design appeared first on eLearning.

#eLearning #LiveStream – A Year of Fluid Boxes -Tuesday Mar 20th 16:00 EDT | 20:00 UTC

Join me for this Adobe Captivate eLearning Livestream, where I will be reviewing what I’ve learned after a year of using fluid boxes. Join this live session and have your responsive design fluid box questions ready for the live chat. I will be answering your questions.

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

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.

P.S. Don’t forget to also register for a free one hour webinar on Mastering Custom Quizzes with Adobe Captivate 2017 scheduled for Wednesday, Mar 28, 2018, at 9 AM Pacific / 12 PM Eastern. https://www.trainingmagnetwork.com/events/1384?gref=pw

The post #eLearning #LiveStream – A Year of Fluid Boxes -Tuesday Mar 20th 16:00 EDT | 20:00 UTC appeared first on eLearning.

Introducing volleyball referee signals – an application of fluid boxes

One of my passions is playing volleyball. Volleyball referees use a number of different hand signals, the meaning of which is not obvious in every case. Just for fun I thought I would turn a bland PDF document that explains these hand signals into an interactive and fully responsive experience, exploring the fluid box functionality a bit further.

Please try out the module here. It takes only a couple of minutes to get through, whether or not you’re interested in volleyball.
I spent quite some time thinking about and drafting a fluid box design that was simple and would allow me to include the functionality I wanted. I created two master slides, one for simply presenting the content, and one for the knowledge check the user could take after going through the content.
I then added all the images and text to the respective fluid boxes. I like using the multi-state objects for creating custom feedback. The buttons originate from Fontawesome. Having such a vast array of easily scaleable images available makes the creation of custom navigation so much easier. By the way, I prefer to build my own custom navigation, mainly for aesthetic reasons.
The tricky bit was making the custom-built quiz work just the way I wanted to. Despite my initial planning I still went through a lot of trial and error, and I ended up with quite complex conditional advanced actions.

The post Introducing volleyball referee signals – an application of fluid boxes appeared first on eLearning.

25 Brand New Video Tutorials for Adobe Captivate 2017

hand press play button sign to start or initiate projects as concept

Weather you’re just getting started with Captivate and need some help with creating a shiny new project, or you’ve used the previous versions of Captivate and looking for some help to update your Captivate skills, there’s good news for you!

We have published 25 new video tutorials covering the basic, advanced, and new workflows in Captivate 2017. In these videos, you will learn how to create your first eLearning project, simulation, responsive project, PowerPoint-based project, video demonstration, quiz, etc. You will also learn how to use the Properties Inspector, smart shapes, multi-state objects, fluid boxes, eLearning assets, Typekit fonts, and the other features and functionalities in Captivate. These videos also cover some advanced functionalities of making your courses accessible, using advanced quizzing options, advanced actions, and converting non-responsive courses to responsive format.

 

Here’s the playlist with all the videos:

And here are the direct links for the videos:

  1. Introduction to Adobe Captivate (2017 Release)
  2. What’s New in Adobe Captivate (2017 Release)
  3. Using Fluid Boxes in Adobe Captivate (2017 Release)
  4. Auto-migrate from Non-mobile to Mobile in Adobe Captivate (2017 Release)
  5. Adobe Typekit Integration in Adobe Captivate (2017 Release)
  6. Device-specific Previews in Adobe Captivate (2017 Release)
  7. Closed Captioning in Adobe Captivate (2017 Release)
  8. Create Your First Software Simulation in Adobe Captivate (2017 Release)
  9. Create Your First eLearning Project in Adobe Captivate (2017 Release)
  10. Create Your First Responsive Project in Adobe Captivate (2017 Release)
  11. Create Your First Quiz in Adobe Captivate (2017 Release)
  12. Import Your PowerPoint Content into Adobe Captivate (2017 Release)
  13. Create Your First Video Demo in Adobe Captivate (2017 Release)
  14. Understanding the Properties Inspector in Adobe Captivate (2017 Release)
  15. Using Advanced Actions in Adobe Captivate (2017 Release)
  16. Using Smart shape as a Button in Adobe Captivate (2017 Release)
  17. Storyboarding using Adobe Captivate Draft
  18. Leveraging the 75,000+ Free Assets for Your Courses in Adobe Captivate (2017 Release)
  19. In-product LMS Preview in Adobe Captivate (2017 Release)
  20. Using Multi-state Objects in Adobe Captivate (2017 Release)
  21. Knowledge Check Questions in Adobe Captivate (2017 Release)
  22. Support for 508 Compliance in Adobe Captivate (2017 Release)
  23. Advanced Quizzing – Pre-tests and Branching in Adobe Captivate (2017 Release)
  24. Importing and Editing Audio for Your eLearning Projects in Adobe Captivate (2017 Release)
  25. Importing and Managing Video for Your eLearning Projects in Adobe Captivate (2017 Release)

 

Hope you find these videos helpful.

Happy Captivating!

Adobe Captivate – Advanced Answer Option Using Fluid Boxes

As some of you may know, The advanced answer option hasn’t proven to be all that compatible with the new fluid box responsive design features in Adobe Captivate 2017. Hopefully, this is something that Adobe will rectify in the not too distant future. In the meantime, please check out my workaround that uses a single shape that uses multi-state objects.

Adobe Captivate – Advanced Answer Option Using Fluid Boxes

As some of you may know, The advanced answer option hasn’t proven to be all that compatible with the new fluid box responsive design features in Adobe Captivate 2017. Hopefully, this is something that Adobe will rectify in the not too distant future. In the meantime, please check out my workaround that uses a single shape that uses multi-state objects.

#SmarteLearning with the 2017 Release of Adobe Captivate

In a world of smart-everything, from cities to televisions, why should eLearning be left out?

With an innovative approach to authoring, content, and total cost of ownership, you can be more creative, productive, and inclusive than ever before.

Intelligent Authoring

With Adobe Captivate, put your tool to work! Create fully responsive content, automatically, with all-new Fluid Boxes. Deliver the best experience for your learners’ device without doing anything more. Design with high-quality fonts that are consistent across devices and spring no unpleasant surprises.

Content Transformation

Keep learners engaged! Give legacy desktop courses a makeover, as mobile learning. Don’t just tell them, show them, with best-in-class simulations. Bring content to life with the perfect image or interaction from a library of 75,000+ free eLearning assets. Add an audio track with text-to-speech conversion.

Unlocking Value

Get more value for your spends! Pay-as-you-go with flexible subscription programs for individuals and teams. Sweat assets you already own – roundtrip seamlessly with Adobe Photoshop, Adobe Illustrator and more in Adobe Creative Cloud.

Experience Adobe Captivate!