Responsive design and smart eLearning authoring

“We are a nation of multi-screeners.” – ‘The New Multi-Screen World Study’, 2012

 What Google learned about American consumers in 2012 is true for most of the connected world today.1 Computer, smartphone, tablet, or TV – we’re spending a lot of time in front of one or more screens and we regularly switch devices. What this means is that the learner who starts a course on a desktop, may well leave midway, resume on a tablet, and finish on a smartphone….or the other way around. This leaves eLearning authors and developers with an unenviable task – that of creating content that runs perfectly and looks optimal on every single device out there.

Enter Responsive eLearning Design.

Responsive design is an approach whereby content responds to the size and orientation of the screen on which it is being viewed. Manually, it is nearly impossible to anticipate and design for every possible screen size. The only feasible approach is to use a smart authoring tool that automatically aligns the content to any digital screen, so that the content displays optimally by intelligently adjusting for the white space. Different authoring platforms provide this responsiveness with varying degrees of finesse and design control.

The 2017 release of Adobe Captivate is a smart eLearning authoring platform that helps you create fully responsive content without programming – so that you can deliver great learning experiences consistently to learners, across devices and browsers. The combination of sophisticated authoring capabilities with an easy-to-use interface makes it a joy to design responsive content.

Experience #smarteLearning.

_______________________________________________________________________

¹ The New Multi-screen World: Understanding Cross-platform Consumer Behavior
https://ssl.gstatic.com/think/docs/the-new-multi-screen-world-study_research-studies.pdf

The post Responsive design and smart eLearning authoring appeared first on eLearning.

How To Use Responsive eLearning Design For Better Learner Engagement

mLearning provides multi-device support and is undergoing a shift from a fixed layout to a dynamic or responsive eLearning design. In this article, I answer 5 questions on how you can use responsive eLearning design to create better learner engagement.

Ways Responsive eLearning Design Can Create Better Learner Engagement

What is responsive eLearning design? 

Responsive eLearning design draws its inspiration from responsive web design concept that allows the website to be viewed on devices.

Responsive eLearning design is an eLearning format that responds to the screen size of the device on which it is being viewed.

Here’s an example of how responsive eLearning design will look on multiple devices:

Responsive eLearning Design

1. What Are The Important Characteristics Of Responsive eLearning Design?

  • The most significant characteristic of responsive eLearning design is that it enables the content to respond to your device’s viewable area. It offers the best possible layout on your device (smartphone or tablet) that helps you get the right User Experience and the expected learning experience.
  • To ensure that the content is presented in the most user-friendly manner on all target devices, the content needs to be restructured and laid out differently on the screen. Given the fact that responsive eLearning designs are multi-device (they run seamlessly on desktops, laptops, tablets, and smartphones), they must be optimized keeping note of the availability of real estate on each device. For example,
    • The content in a smartphone may focus on significant aspects first and the related information may be layered (to be revealed on further exploration).
    • Similarly, the interactions must be adapted suitably. Hence, interactions that require manual dexterity just wouldn’t work effectively on smartphones and must be remapped to suit smartphone based interaction to provide the right User Experience.

2. Why Does Responsive Design Matter In eLearning?

Look at the all-pervasive usage of mobile devices in our daily life and it only stands to reason that they should be used for providing access to learning. We have seen the push for eLearning come from learners and the organizations have responded by integrating the Bring Your Own Device (BYOD) policy to provide flexibility to users to learn on the device of their choice.

Today, most of the corporate training needs can be offered on mobile devices with the flexibility to learners to take up part of training on desktops/laptops and balance on the go (on tablets/smartphones).

Supporting this is the transformation in authoring tools where earlier adaptive tools are now giving way to fully responsive tools that create significantly better User Experience leading to higher learner engagement.

3. What Tools Can You Use To Design Responsive eLearning Courses?

As I have mentioned, there has been a steady evolution of the authoring tools and currently, there are 3 tracks:

Responsive Design Tools

These offer layouts that are optimized across devices.

  • Tools that offer rapid development to design.
    Adapt Learning, Articulate Rise, CrossKnowledge Mohive, dominKnow Flow, Elucidat, and Gomo are the leading options in this category.
  • Tools that use multi-device layouts based approach to design.
    Adobe Captivate and Trivantis Lectora.

Adaptive design tools.

These too offer multi-device support but the content will shrink to fit smartphones. The popular options here are dominKnow Claro, iSpring, and Articulate Storyline.

4. What Are Some Tips You Can Use To Create Effective Responsive eLearning Design?

Here is a list of tips that you can use to create effective responsive eLearning design:

  1. Responsive eLearning design must factor for feasibility for the smallest real estate (smartphones-including how it would work in the portrait mode) first, and then move up to tablets, desktops/laptops. This is crucial in ensuring that required User Experience can be provided on each device.
  2. In spite of pre-planning and following the right approach, it is very difficult to predict if the User Experience across all devices will meet the required mandate. The litmus test is validation with users, and this must be factored in the development cycle.
  3. As highlighted earlier, you need to factor for eLearning content customization to do justice to different real estates and the way information appears across different devices.
    • For smartphones, focus on absolute essentials in the first pass and provide related information in a layered manner (available for exploration).
    • It goes without saying that the User Experience on mobile devices is hampered if the content takes an inordinate time to load. Optimize the file sizes, even look at alternate imagery that is light and smartphone friendly.
  4. Navigation should be simple to factor for the smaller real estate for the smartphones. You can opt for different formats across devices so that they offer the best User Experience in each device.
  5. Interactions need special attention. You need to stay away from interactions that need manual dexterity and may come in the way of big thumbs.
  6. Across the designs, ensure that the buttons and any other clickable asset is large enough. Otherwise, the required impact will not be created.

5. How Can You Use Responsive eLearning Design For Maximum Impact?

So far, we have noted how you can use responsive eLearning design to create an optimal User Experience on each device. Another interesting and highly significant aspect is to use the device (given its main characteristics) to be used for a specific type of learning. For instance,

  • It is unlikely that you will take a 60-min course on a smartphone but you will certainly take the course of similar length if it were offered as shorter microlearning nuggets of 3-7 each.
  • Similarly, once you provide the option to users to learn across devices, they may choose the formal training on desktops/laptops but would prefer informal learning on a smartphone/tablet. You can achieve this by offering a combination of formal training with Performance Support Tools (PSTs) or learning aids that are designed to help learners apply their knowledge on the job.
  • Additionally, you can use the mobile devices to push sessions for practice, reinforcement, and remediation.
  • You can also push challenges (assessments) that keep the learners on their toes and encourage them to review the formal training assets till they gain the required level of mastery.

I hope this article showcases possibilities that responsive eLearning design offers and how you can use it for high impact training and better learner engagement. You can go beyond its capability to lay down the eLearning content to the device’s size and dimensions. Instead, you can use each device to play a significant part in the learning journey. Do contact me at apandey@eidesign.net, if you have any queries.

Source: https://www.eidesign.net/use-responsive-elearning-design-better-learner-engagement/

 

Steps to Convert PPT into eLearning Using Adobe Captivate 2017

Steps to Convert PPT into eLearning using Adobe Captivate 2017

Adobe Captivate is a one-stop solution for all the rapid, responsive and interactive eLearning requirements.

In this blog we will go through the process of converting PowerPoint presentations (instructor-led training PPT deck) into interactive and engaging e-learning courses using the Html5 authoring tool Adobe captivate 2017.

Step 1:
Open the PowerPoint presentation that you want to convert into eLearning course.

image1

Step 2:
Figure out the required changes in the PowerPoint; and it is recommended to remove the slides which are unwanted.

image2

Step 3:
Open Adobe Captivate 17.

image3

Step 4:
Select “FROM POWERPOINT” from the available options and then click CREATE

image4

Step 5:
Browse your PowerPoint file and click open.

image5

Step 6:
The dialog box “Convert Microsoft PowerPoint Presentations” will appear. Enter the project name and the size of the project in project properties. Select all slides and press OK.

image6

Step 7:
Now you have imported the presentation into Adobe Captivate 17. You can add interactions by selecting Blank Slides from Slides available on top left corner.

image7

Step 8:
From the interactions tab choose the required interaction. The interactions available are “BUTTON, CLICK BOX, DRAG AND DROP and LEARNING INTERACTIONS”

image8

Step 9:
You can add text to the interaction and modify its color and style. Then, click OK. Now, let’s see how we can add questions.

image9

Step 10:
Select “questions slide” from the “Slides” menu

image10

Step 11:
Choose the question type as per your requirement. For example Multiple Choice, True/False, etc.

image11

Step 12:
Once you are done adding content to the question, click “Publish”.

image12

Step 13:
Check the “Enable reporting for this project” checkbox to enable tracking. Then Click “OK” to publish.

image13

Step 14:
Finally click on “Publish” button.

image14

Conclusion:

By following the above steps you can easily convert your classroom presentation into an eLearning course.

Reference link: http://www.swiftelearningservices.com/steps-to-convert-ppt-into-elearning-using-adobe-captivate-2017/

 

 

Adobe Captivate 2017 Review: What is Improved?

Adobe-Captivate-2017-Features-and-Enhancements

Adobe’s new update for its most popular eLearning authoring tool, Captivate 2017 is released now! It is loaded with tons of new exciting features and enhancements! Be it custom eLearning content development, rapid elearning, mobile learning, simulation-based eLearning or microlearning, Adobe Captivate has been the choice of eLearning developers and eLearning providers. This update brings the best of the features which help you reimagine the way you develop HTML5-based interactive eLearning. This means more flexibility in creating fully responsive multi-device eLearning and mLearning content.

In our last blog, we have covered the new features of Adobe Captivate 2017. So for now, we will take a look at the improved features or enhancements to understand what makes it better than Adobe Captivate 9.

Multi-Device Responsive eLearning Authoring – Enhancement:

With Adobe Captivate 2017, creating multi-device eLearning content has never been so easy. Your eLearning content adapts itself to every mobile device without developing the same slide for multiple times for different views. Now you can use Device-Specific previews to see how your eLearning content looks on any device. One publish for all devices. You’d love this enhancement as it reduces redundancy in development saving you a huge amount of time.

Responsive Themes – Enhancement:

The responsive themes are now loaded with Fluid boxes that enable you to render fully responsive content for multiple devices. You can customize themes for an enhanced look and feel with blended backgrounds, styles, fonts, and layouts. You can also save them for future.

Responsive Motion Effects Without Programming – Enhancement:

Take learner engagement to the next level. Create motion effects using fluid object transitions even for responsive elearning projects without any code. Define motion paths and control how objects move.

Shared Advanced Actions – Enhancement:

Applying Shared Advanced Actions within the project is much easier now with the introduction of Conditional tab in the Advanced Actions dialog box. You can now convert standard to conditional action and vice versa eliminating the need to copy and paste the shared action. It saves your time and efforts.

Conclusion:

The enhancements in 2017 edition of Adobe Captivate enable you to create advanced multi-device learning with improved flexibility. In addition, it is also power-packed with the ability to convert a non-responsive eLearning project to responsive project, customizable closed captioning and many more.

Source Link: http://www.swiftelearningservices.com/adobe-captivate-2017-review-what-is-improved/

Adobe Captivate 2017 Review: What’s New and Enhanced for Responsive Mobile Learning?

Adobe Captivate 2017, New HTML5 responsive Smart elearning Tool, mLearning

Whats-New-in-Captivate-2017-Review

Adobe Captivate 2017 is released and I am excited to see what this new version has to offer to the eLearning world. With this new version, Adobe has opened the doors for smart and advanced eLearning authoring focusing on mobile learning courses & responsive eLearning design. This eLearning authoring tool lets eLearning Developer create responsive HTML5-based eLearning content without any programming knowledge.

Adobe Captivate 2017, the updated version of Adobe Captivate 9.0.1, can be a game changer as it comes with capabilities to:

  • Reduce eLearning development time with the innovative new Fluid Boxes
  • Transform legacy Adobe Captivate eLearning (desktop) courses into fully responsive eLearning content
  • Deliver engaging, interactive, multi-device eLearning content with no hassles

Adobe Captivate 2017 is now power-packed with lots of exciting new features, enhancements and functionalities like never before. As part of Adobe Captivate 2017 review, we will have a look at the new features and improvements of Adobe Captivate 2017 Release.

New Features of Adobe Captivate 2017

It includes:

  • Adobe Typekit Integration
  • Fluid Boxes
  • Transform legacy desktop-only courses into fully responsive modules
  • Device-specific previews
  • Responsive sliders
  • Responsive text support
  • Customizable closed captions
  • Scalable Vector Graphics (SVG) support

Enhanced Features of Adobe Captivate 2017

It includes:

  • Multiscreen responsive eLearning authoring
  • Responsive themes
  • Responsive Motion Effects without programming
  • Shared Advanced Actions

I will be covering the enhancements in the next blog. But for now, let’s have a closer look at my favorite brand-new features of Adobe Captivate 2017.

Fluid Boxes for True Responsive eLearning:

Creating responsive eLearning courses has never been so easy. With the introduction of Fluid Boxes, you don’t have to worry about the break points to see how your content looks on various devices.

The Fluid Boxes are containers that hold the objects (text and graphics) enabling you use the white space more intelligently. These Fluid Boxes logically resize or align the objects without the developer’s intervention to adjust breakpoints manually. This new feature saves a lot of time and efforts in eLearning development while creating true responsive eLearning experience.

Adobe Typekit Integration:

With the integration of Adobe Captivate with Typekit fonts, you don’t have to limit yourself to the web-safe fonts in your eLearning projects for HTML5 and responsive eLearning courses. This integration will help you access the beautiful fonts from the Typekit font library from the cloud. It provides an optimal and consistent viewing experience across any device ensuring your on-screen text always looks like the way it should be.

Convert legacy courses desktop-only into fully responsive eLearning:

Converting previously created legacy non-responsive Captivate eLearning course to fully responsive eLearning course is now a matter of clicks. Adobe Captivate 2017 comes with the ability to save existing Adobe Captivate eLearning courses as responsive mobile learning courses. Captivate applies the Fluid Boxes to intelligently rearrange and group the objects logically.

Device-Specific Previews and Responsive Slider:

Eliminate the guess work. Now you can use Device-specific previews along with the Responsive slider to see how your eLearning content looks on various devices before the final publish. Select the specific device from the preset device menu to see the output.

You can also drag the responsive slider at the top to see how the eLearning content aligns for varied screen sizes right away in the authoring environment. You can even make a custom size and add it to the list of Device-specific preview.

Conclusion:

To conclude, Adobe Captivate 2017 simplifies and speeds up the responsive eLearning aka mobile learning to the next level. The new features and enhancements are worth the upgrade if you are looking for fully responsive eLearning courses aka mobile learning.

So Adobe Captivate 2017 authoring tool is not only intelligent by design but also efficient by nature. I will be covering a few more enhanced features of Captivate 2017 in the upcoming blog. Stay tuned to learn more!

Source: http://www.swiftelearningservices.com/adobe-captivate-2017-review-whats-new-and-enhanced-for-responsive-mobile-learning/

#eLearning #LIVESTREAM – Designing for the Unknown Device – 09/18/2017, 16:00 EDT

Manufacturers are coming out with new smartphones, tablets and other devices all the time. A skill set that is still relatively new for eLearning designers is designing for responsive design. This Livestream will attempt to uncover some of these secrets and make it easy for you to develop responsive projects in the future.

As per usual, I will also be taking questions if time permits so get your Captivate Questions ready for the Live Chat.

Follow the link right now to set up a reminder to get notified when this event becomes live.

#eLearning #LIVESTREAM – Designing for the Unknown Device – 09/18/2017, 16:00 EDT

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

Building responsive simulations with Adobe Captivate 2017

Adobe Captivate 2017 comes with an exciting new workflow to aid in the creation of responsive eLearning courses: Fluid Boxes. Instead of designing multiple slides for different screen sizes (known as breakpoints), you work on a single slide. Fluid Boxes, containers that you insert on the stage and then populate with content, improve the responsive development time significantly.

Let’s take a look at the steps to record a responsive simulation with Captivate 2017:

To begin, start Captivate 2017 and double-click the Responsive Project thumbnail on the New tab of the Home screen.

1_Captivate 2017 Welcome Screen
A new, responsive project is created. Unlike Captivate 8 and 9 responsive projects, there are no breakpoints. Instead, you will see the Preview-in drop down list and the Preview Slider, to view how the content will be displayed on different device sizes, right inside the Captivate edit area.
2_Responsive Preview Options

Notice that the default maximum width and height of responsive projects in Captivate 2017 is set to 1024 x 627. You can increase or decrease it by rescaling the project.

To rescale the project, click Modify > Rescale Project.

In the Rescale Project dialog, enter the new width and height in pixels or percentage, and click Finish.

3_Rescale Project

Now let’s record the simulation. Go to the Toolbar and click Slides > Software Simulation (Click OK to confirm addition of slides after the selected slide.)

Select the window you wish to record, click the Record button, and then record the simulation (press the End key on your keyboard to finish recording).

The recorded slides are added to the Captivate project. Notice that there’s a blue rectangle on each of the simulation slides. The blue rectangle is the focus area of the simulation. It’s only visible in the edit area, and will disappear when you preview or publish the project. Note that the size of this blue rectangle is the minimum supported device size for Captivate responsive projects.

4_Blue Rectangle

You can reposition this blue rectangle to any other location and you’ll want to ensure that the rectangle covers the click area in the simulation.

To preview the slide in different device sizes, select the device options from the Preview-in drop-down menu. Notice that the visible area is always surrounding the blue rectangle and the rest of the area is greyed out.

5_Preview In Devices

To preview the entire project, choose Preview > Project. You can move the slider to check the responsiveness of your simulation.

When you publish and deploy the responsive simulation course to an LMS or web server and view it on a mobile phone or tablet, you will be able to pan to the areas which are not shown in the simulation. And as a result of this special panning functionality in responsive simulations, the default Swipe Right, Left, Up, or Down gestures are disabled for all the responsive simulation slides.

Want to learn more about the new features and enhancements in Adobe Captivate 2017? Check out my Captivate 2017: First look course on Lynda.com and LinkedIn Learning.

This post was first published in IconLogic blog.

How to use Fluid Boxes for Web Responsive Design in Captivate 2017

Captivate 2017 is the recent launch by Adobe and is turning out to be A piece of cake for eLearning developers to create responsive ELearning modules. If I have to pick an eye catching feature from the tool I would surely pick “Fluid Boxes” which is one of the new features added to Captivate 2017.…

Steps to Convert PPT into eLearning Using Adobe Captivate 2017

Adobe Captivate is a one-stop solution for all the rapid, responsive and interactive eLearning requirements. In this blog we will go through the process of converting PowerPoint presentations (instructor-led training PPT deck) into interactive and engaging e-learning courses using the Html5 authoring tool Adobe captivate 2017. Step 1: Open the PowerPoint presentation that you want…

Custom eLearning: 4 Fundamental Ingredients to Set Your eLearning Content Development on Fire

Skilled Instructional Designers are similar to Master Chefs! They cook the dish of quality eLearning in all formats – custom eLearning, rapid eLearning, mobile learning or microlearning. Whichever may be the eLearning format, the core ingredients they use determine the learner’s appetite for learning. Keeping these ingredients handy can help instructional designers create effective eLearning…