Tuesday, February 25, 2014

[tremeex] 9 Ways to Build Your Next Online Software Training

9 Ways to Build Your Next Online Software Training

Link to The Rapid eLearning Blog

9 Ways to Build Your Next Online Software Training

Posted: 24 Feb 2014 11:30 PM PST

Articulate Rapid E-Learning Blog - 9 examples of online software training

The other day someone asked for different ways to present simple screencast videos. They didn't want an elaborate production process. Instead just a few ideas to help them change up the way they're currently doing their screencasts for their online software training.

I regularly put together simple screencast videos. Sometimes I'll play with different ways to present the information. Below are a few examples from the blog over the past couple of years. I highlight some of the things I did to mix it up a bit.

Not All Software Training Needs to Be Video

In the example below, I demonstrated how sometimes it's easier to use static images to teach about software than creating a video. Some of the benefits of this approach are smaller file size, easier updating, and less production time.

This example was built in PowerPoint. So if you don't have a different application, you can still create some simple interactivity that mirrors the software training.

Articulate Rapid E-learning Blog - 3 easy ways to demonstrate software in PowerPoint

Click here to view the demo.

Speed Up Production with a Form-based Software Training Application

Form-based tools are nice because they make production super simple. All you do is add your content to the form. This can be text, narration, images, or video. And then you hit publish. The software does the rest because it's already designed to do something very specific. That means fewer decisions for you and a faster production time.

Articulate Rapid E-learning Blog - Use Articulate Engage to build simple softwarre training

Click here to view the simple software training demo.

In the demo above, I used an image of the software I was training (in this case Articulate Storyline). Then I inserted some labels on top of the image to highlight features of the software.

This demo has three labels to show what you can do:

  • Text only: the easiest to do
  • Image & narration: added a more detailed image to dig deeper and recorded some narration to explain more
  • Video screencast: which lets me chunk up the video part of the training into smaller and more targeted videos.

Below are a few tutorials that I've done in the past. They're mostly video screencasts. But sometimes I like to mix up how I present them. This way I can play with ideas on the look and layouts. I also try to add some interactive elements if I can.

Software Training: How to Customize a Free PowerPoint Template

In this example, the main page mirrors the free PowerPoint template. I broke the tutorial into three chunks and used the circles as a menu.

Articulate Rapid E-learning Blog - how to build a custom elearning template in PowerPoint

Click here to view the software training example.

You'll also notice that once complete, the circles indicate a visited state to show that the tutorial has been viewed.

Software Training: How to Crop Images in PowerPoint

Here is a somewhat different take on the tutorial page. I was playing around with some drag & drop ideas where the end user selects a video and drops it in a box which loads the video.

Articulate Rapid E-learning Blog - learn how to crop images in PowerPoint

Click here to view the software training example.

The tutorial below looks different but is similar in design. And here's a follow up post on how to make the interactive tutorials more practical in their usability since the drag & drop interaction is novel, but maybe not always practical.

Articulate Rapid E-learning Blog - learn to create an interactive e-learning template in PowerPoint

Click here to view the software training example.

It's easier to build a simple click interaction to play the video tutorials. But sometimes the contrast of doing something different (like a drag & drop) helps engage the person during the training.

Original posts:

Software Training: How to Build an E-Learning Template

In this example I start the tutorial with a simple page that explains the series of tutorials. The first tutorial just goes to just the video. For the second tutorial, I added a start image with the idea that you can quickly brand or describe the video prior to clicking.

Articulate Rapid E-learning Blog - how to build an elearning template

Click here to view the software training example.

You'll also notice that in this demo I chose not to use the player controls so the profile of the course is a bit different.

Software Training: 3 Tools You Own to Take Screenshots

For this example I tried a different looking layout and some animations to make the menu screen less static. On each button there's an animated icon and tutorial description.

Articulate Rapid E-learning Blog - three free screencast tools you may own

Click here to view the software training example.

Each video starts with a washed out screen and title bar graphic. This fades away as the video plays. I also added an interactive menu for quick access to the other tutorials.

Software Training: How to Customize Clip Art

Articulate Rapid E-learning Blog - how to customize clip art in PowerPoint

Click here to view the software training example.

This example is pretty generic because it just starts right with the screencast tutorial. I threw it in as a way to show some contrast compared to the examples above.

What I like about some of the other examples is that there's more visual indication of what the tutorial covers. You don't get that with just the video, unless you add some details to the screen like a starter image or title graphic.

Software Training: Create Custom Illustrations in PowerPoint

In this last example, the software training has links to four tutorials with descriptive titles. And the tutorials have a visited state to indicate that they've been viewed.

Articulate Rapid E-learning Blog - How to use PowerPoint to create your own custom illustrations

Click here to view the software training example.

So there you have it, simple examples of different ways to build your screencast tutorials. The easiest thing is to just record the screencast video and upload it to a server. But sometimes it helps to change things up. That's what I showed with these examples.

My favorite demo is the last one. I like it because it's a combination of tutorials with visited states. I also like the simple title graphic and that it is consistent across the other tutorials.

Hopefully these examples inspire your own ideas for your next screencast or online software training. Which of the examples above do you like best and why? Or what would you recommend for those just getting started? I look forward to your comments.


Weekly Updates

    Community Blog Posts & Tutorials

      Upcoming Events & Workshops

        • March 11-12: Phoenix, AZ (ASTD). Become a Rapid E-Learning Pro & Getting Started with Articulate Storyline. Register here.

        • March 19: Sydney (iDESIGNX): I'm excited to attend my first conference in Australia. Looking forward to meeting many of the blog readers there. I'll also be in town for two days of workshops. Sign up before it sells out.

        • April: Indianapolis (ASTD). Details coming.

        • May: Fargo, ND (ASTD). Details coming.

        • June 11 & 12: Lincoln (ASTD). Details coming.

        • October: Dallas (ASTD). Details coming.

        • More to follow.


        Post written by Tom Kuhlmann


        Download your free 46-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

        The post 9 Ways to Build Your Next Online Software Training appeared first on The Rapid eLearning Blog.



        --
        Posted By tremeex to tremeex at 2/25/2014 07:53:00 AM

        No comments:

        Blog Archive