The Rapid Elearning Blog

Archive for the ‘Uncategorized’ Category


responsive design for elearning

Last week I was at the Learning Solutions conference in Orlando and ran into my mentor and elearning pioneer, Dr. Werner Oppelbaumer. We chatted about trends in elearning and mobile training.

A lot’s happened over the past few years and it always seems like your lab is at the forefront of emerging technologies. For example, you’ve had great success with the:

What’s happening at Werner Labs today?

Thank you for asking. At Werner Labs we’re working on a dual food dispenser. This allows the application of two products at once. For example, with today’s mobile devices it is difficult to have more than one hand free. The dual food dispenser lets you hold your mobile device in one hand and dispense two foods with the other.

Initially we tested this on a hot dog with ketchup and mustard. Then we tried it with peanut butter and jelly. Since then, we’ve been able to add a number of different food items to what we call Super Squirts™ including steak & eggs and Caesar salad.

 Super Squirts and responsive design for elearning

Feedback has been great especially from those who are tooth deficient. We’re also in contact with a major cosmetics firm that wants to create a way to apply makeup and makeup remover at the same time. Now that’s a win-win.

Interesting. At the conference today you gave a presentation on responsive design. I think many people are confused by responsive design and its value to elearning, especially for this upcoming mobile generation. Can you share it with the blog’s readers?

You are correct. Responsive design is critical for this new generation of learners who mostly use smart phone devices. And it’s very important that they learn and that the training we build is effective. Because as you know, if the phone is smart, then odds are you aren’t.

Here is my presentation on the introduction to responsive design for elearning.

responsive design for elearning presentation by Dr. Werner Oppelbaumer

Click here to view the responsive design presentation.

Thank you, Dr. Werner.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - share elearning courses

To share elearning courses via a learning management system or Articulate Online is common. However, sometimes getting access to an LMS isn’t easy, especially if you want to share elearning courses that are quick prototypes or demos to solicit opinions. You definitely don’t want to fill out requisitions and wait for your LMS administrator to send you a link.

There are also many of you who participate in the weekly elearning challenges and need an easy way to upload your demos. Below are a number of solutions that work if you need to share elearning courses. Here are the five options we’ll review:

  • Tempshare
  • Amazon S3
  • Custom Domain
  • Dropbox [UPDATE 9/5/2016: Dropbox is disabling this feature effective 10/3/2016]
  • Google Drive [UPDATE 9/1/2015: Google is deprecating this feature and it will no longer work after Aug 2016.]

Here’s a quick tip before we get started: most of the solutions give you long links with a lot of gibberish. They look confusing and may break when sharing via email. In that case, it makes sense to use a URL shortener to get a shorter link. Google offers a link shortener, bit.ly is a popular one (and you can customize the link), and if you use Cloudberry (referenced below) there’s a link shortening option when you grab the web URL.

Share E-Learning Courses via Articulate Tempshare

This free solution only works if you use Articulate Storyline or Studio ‘13. It’s an easy way to upload your course and quickly get a link to share. Tempshare provides a temporary link and it only lasts about 10 days so it’s not a permanent solution.

  • Publish your Articulate course.
  • Create a .zip file of the published course.
  • Drag the .zip file to the Tempshare site. The course is uploaded and you’ll get a temporary URL good for a few days.

Articulate Rapid E-Learning Blog - share elearning courses using Articulate Tempshare

  • Share the link. Again the link isn’t permanent and it can’t be overwritten. If you make changes, you’ll need to repeat the process.

I like Tempshare for its simplicity especially because I don’t have to open up other apps and load the course on a different site or LMS and then mess around to get the link. It’s just a simple drag and drop and then paste the link.

Share E-Learning Courses with Amazon S3

Amazon S3 is a better solution than Dropbox and Google Drive because the files will play as intended. It’s the method I prefer and the one I use to host the content I share for this blog and in the elearning community.

Amazon S3 is a fee-based service but provides a free tier that consists of 5 GB of storage. That is probably more than enough for the courses you share. Even if you did pay, the storage is so inexpensive that I’d be surprised if you exceeded one dollar
per year.

What you need to do:

  • Check out this post for more detail: How to Share Course with Amazon S3.
  • Download and install Cloudberry Explorer (freeware). Drag and drop your files from the desktop folder to Cloudberry and they’ll get uploaded to your online folder. There are other applications that work, so if you don’t want Cloudberry do a search and find one you do prefer.
  • Create an Amazon S3 account. You need an account. Since it’s a fee-based service, you’ll need to provide real information so they can authenticate the account. You’ll also need to provide a credit card number. Again, you probably won’t exceed the free tier and if you do the charges are going to be miniscule.
  • Locate your access key. Amazon S3 provides an access key. You’ll find that under security credentials. You’ll need those to add your account to Cloudberry.

  • Connect your Amazon S3 to Cloudberry. Once connected you’ll be able to create folders and move your course files into them. It’s as simple as dragging them over.
  • Get your web URL. Once the files are uploaded to Amazon S3, right click on the .html file and get the web URL to share.
  • Shorten the link. You can shorten the link inside of Cloudberry or use your own preferred method.

Amazon S3 also lets you control viewing permissions and set expiration dates. It does take a few steps to get the account set up, but in the long term it’s a better solution than Google Drive and Dropbox, especially if they make changes to how files are shared.

Share E-Learning Courses on Your Own Domain

If you’re doing professional work or building a portfolio, then this is probably the best option because it’s a solution directly tied to your brand.

  • Get a domain name. The first step is to get your own domain. There are plenty of web services to do that and the cost is relatively low for a domain and hosting. A simple hosting plan may only cost $5-$10/month.
  • Create a site. You’ll need to create a site. WordPress is probably the easiest solution. Most of the service providers have WordPress and other tools already loaded so it won’t take much to get up and running. Be careful of site builder solutions since they typically don’t offer an easy way to upload and store your course files.
  • Load the courses on your site. I use FileZilla (freeware) which lets me easily upload and manage my content. You can still use Amazon S3 (like I do for the blog here) and add the URL to your website text.
  • Share your link. One of the benefits of using your own domain is that the link is always tied to your site and a great way to get people to look at what you do.

Share E-Learning Courses with Dropbox

[UPDATE 9/5/16 Dropbox is removing this feature effective 10/3/16.]

Dropbox is a great product and makes sharing files super easy. There are two ways to share your published courses for viewing in Dropbox.

Share Your Folder

This first method assumes the person you’re sharing with has a Dropbox account.

  • Put your course files in a folder and share the folder.
  • The end user gets the folder downloaded to their Dropbox account and can access the published folder from their computer. They just need to double click on the .html file to launch the course.

This is fine if the person has a Dropbox account. If they don’t have one, they can open an account. But that may not be an ideal solution or option for some.

Share a Public Link

This solution is similar to the Google Drive version because all you need to do is share a URL link. However it requires a “public” folder and only works for those who have a Dropbox account prior to October 4, 2012 or those who have a Pro account.

  • Place your published course folder in the Dropbox public folder.
  • Right click on the .html file and select copy the public link. This will give you a URL you can share.

  • Shorten the link as mentioned above for a cleaner link.

WARNING: For the most part Google Drive and Dropbox do a decent job of sharing published course files. However, they’re not designed to deliver elearning courses and often the load time is slow or you may have some issues with the content playing the way it should. That’s something to keep in mind because if this is for client work, you want to give the best experience possible and you may not get that with Google drive and Dropbox.

Share E-Learning Courses with Google Drive

[UPDATE: Read this before using Google Drive. Google is removing this feature.]

If you have Google Drive then you can upload and share elearning courses in no time at all. Mike does a great job explaining how to share your courses in Google Drive. The basic steps are:

  • Change the launch file in your published course to index.html. For example, in Storyline you get a story.html. I duplicate it and change the duplicate to index.html.
  • Create a folder in Google Drive and make it public.
  • Add your published course folder to the public Google Drive folder you created. The folder gives you a long list of characters. Copy those.
  • Add the copied characters to this URL http://googledrive.com/host/
  • Share the link for others to see.

There you have it—five four easy ways to share your elearning courses. Again, I think for the money and performance, the Amazon S3 option is probably best. What do you do to share your elearning courses (assuming you don’t upload to an LMS)?

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





A few weeks ago I shared an elearning example I created for an elearning workshop. Many of you requested a template based on the example so here it is. There’s a PowerPoint version and one for Articulate Storyline 2 that offers a lot more interactivity.

Articulate Rapid E-Learning Blog - elearning example

Click here to view the elearning example.

Working with Templates

One of the challenges when using a pre-defined template is that it tends to look good with real content. And then when you get the blank template it doesn’t seem to feel the same. That’s OK. Just add your own content. And don’t be afraid to move things around to make them work for your needs.

You’ll also notice that there’s a big difference between a PowerPoint-based template and one created in Articulate Storyline. PowerPoint is generally a linear presentation product. You can add hyperlinks to create some interactions but you do a hit a ceiling with what you can create.

For example, generally there are three types of interactions: click, hover, and drag. In PowerPoint you’re mostly limited to click interactions. You can still create a lot of interactive content, but you do have that constraint. And each interactive element potentially increases your file size significantly.

In Storyline, I can create one slide with hovers for each module. In PowerPoint to create a similar effect would require a slide for each module. As I add more interactive slides, the slide content increases dramatically in PowerPoint. However in Storyline, I’m still able to use the same slide.

In the Storyline version of the template, I can leverage variables to track what the user does. That lets me mark courses complete and modify where the learner goes after all courses are complete. That’s something not possible in PowerPoint.

Free PowerPoint E-Learning Template

Here’s an example of the free PowerPoint template. I added some placeholder content.

Articulate Rapid E-Learning Blog - elearning example of free PowerPoint template

Click here to view the elearning example.

In this template, I created a master slide for each module; and each module contains seven layouts. The reason I created seven different masters is so that each layout would have the selected state for the particular module.

You need to go into the master layouts and create hyperlinks to the appropriate slides.

Articulate Rapid E-Learning Blog - elearning example layouts in free PowerPoint template

Switching layouts is pretty simple. Just select a new layout. Also, for the quick knowledge check slides, you’ll need to add hyperlinks at the slide level.

Free Articulate Storyline E-Learning Template

Here’s an example of the free elearning template created in Articulate Storyline. This one was created in Storyline 2.

Articulate Rapid E-Learning Blog - elearning example in Articulate Storyline

Click here to view the example.

The Storyline template only uses three layouts. As you can see that’s a big difference compared to PowerPoint. It also gets to leverage the slide layers and I used variables to track the learner’s progress and navigation. This lets me mark modules complete and also change the button to represent the appropriate module being visited. That’s why I don’t need to create all of the same layouts that I need in PowerPoint.

Articulate Rapid E-Learning Blog - elearning example layouts

Download Free E-Learning Templates

Download the free elearning templates here:

If you have any questions about using them let me know. In an upcoming post, I’ll do a couple of quick tutorials to show how to get the templates working.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - e-learning job titles

Last year I facilitated a number of elearning workshops with about 1800 participants who are either considering elearning as a career or are active in the elearning industry. Here’s a common question that I’m asked: What job title best describes the person who builds elearning courses?

Most Common E-Learning Job Titles

The people I meet have all sorts of titles. Some are clear and some are a bit ambiguous. Looking over the job listings in the elearning community, here are the most common titles:

  • Instructional Designer
  • E-Learning Developer or Designer
  • Learning Strategist
  • Learning & Development Specialist
  • E-Learning Consultant

I find that instructional designer is usually the most common with elearning developer being second and gaining ground. A few years ago, most of the open job titles were instructional designers. But now it’s pretty common to see the position referenced as an elearning developer or designer.

What Does the E-Learning Job Title Mean?

Personally I prefer something along the lines of E-Learning Course Designer or Developer. I think that job title best describes the role and the product produced. Instructional Designer is very broad and doesn’t include all the skills required to actually construct the elearning course.

In a previous post we reviewed some of the skills required to build elearning courses in today’s environment. They include:

Articulate Rapid E-Learning Blog - e-learning job title online training course design skills

  • Performance consulting so that you know how to determine the appropriate training solution. Sometimes an elearning course isn’t the right solution. A performance consultant recognizes that.
  • Instructional design so that you know how to craft a great learning experience. E-learning is more than putting a bunch of text on the screen.
  • Visual & graphic design skills are key because the course will look like something and you want that something to be good. In many cases, the course developer is also responsible for creating and laying out the graphics and visual design.
  • Network & media technologies play a key role in course design. Many courses include audio narration and videos that need to be streamed over a network. The course designer should have a good understanding of the technologies related to course design and delivery so that you build a course appropriate to the technology available in the organization and by the user.
  • Authoring tool proficiency is important. You’ll use an elearning application like Storyline to build your courses. So you need to know how it works and how to get the most out of it to build good elearning courses.

The person who designs courses typically is expected to do more than just instructional design, so a title that best describes that role and expectations makes sense.

What job title do you prefer? What is your current job title and what would you change if you could? Add your thoughts here.

Also, I’ll be available for a live Q&A in the community tomorrow. See the link below for more details.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - free e-learning templates

It can be a challenge meeting New Year’s resolutions when you’re pressed for time. To help you gain some time, I’ve included this free elearning template. Included are templates for Storyline and PowerPoint.

See the Free Template in Action

Here’s a link to a published version of the template. I added placeholder content to flesh out some of the screens so that you can see some of the different layouts.

Articulate Rapid E-Learning Blog - free e-learning templates example

Click here to view the free template.

A few notes on using the template:

  • Layouts: The template comes with a few simple layouts which I used in the demo above. Feel free to create additional layouts. I recommend creating them in the slide master so you can quickly apply the layouts to the slides throughout the course.

Articulate Rapid E-Learning Blog - free e-learning templates layouts

  • Color Theme: I used a design color theme so you can swap out the main accent colors by modifying the theme. This will help you get a color scheme to match your brand colors.
  • Free Icons: I used icons found at iconfinder.com. You can easily swap them out with your own graphics. The background image came from unsplash. I also used the Open Sans font for this template.
  • Customize: I tried to keep the template simple so it’s easier to edit. However, feel free to jazz it up with entrance and exit animations as well as additional interactive features. In the demo above, I imported the PowerPoint template into Storyline and added additional interactive elements.

Get Your Free Template

Here are download links to the free templates:

If you have questions about the templates or how something was done, let me know in the comments. If you use it and want to show what you did, feel free to add a link.


E-Learning Heroes Updates

Here are some great articles from the elearning community:

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





It’s hard to believe we’re at the end of another year. For me it was a great year. I hope it was for you, as well. I got to meet so many blog readers from all over the world, Articulate successfully released Storyline 2, and we made significant improvements to the elearning heroes community with a focus on even more free tips, tutorials, and giveaways.

As with most end of year articles, here’s a roundup of popular posts and many of the free downloads from 2014.

Best of the Rapid E-Learning Blog

Free Templates & Free Graphics

Here are a few of the posts that offered free templates and graphics this past year.

Best of 2014: E-Learning Heroes Community

Here’s a list of featured articles, tutorials, and free downloads from the elearning community’s “best of 2014” list.

Have a great 2015!


Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-learning Blog - 800 e-learning examples

One of the best ways to learn is by looking at the work others have done. We can see different ideas in action which causes us to think about how they were built and explore what we might do different with the same content.

How to Learn by Looking at E-Learning Examples

Here’s an example from a recent community challenge. The challenge was to create an interactive slider for elearning. Melissa Milloway created a demo where you dragged a scuba diver down to explore the ocean.

Articulate Rapid E-learning Blog - e-learning examples

Click here to view the elearning example.

Melissa’s demo had me wondering what I’d do to make the diver look like he was changing position as he was dragged. I also wanted to include some air bubbles for effect. So I took her idea and then played around for a few minutes and created this.

Articulate Rapid E-learning Blog - e-learning examples derivative

Click here to view the elearning example.

To me, this is the value of routinely looking at elearning examples. Melissa shared her idea and I was able to iterate from it which allowed me to try something new and in turn practice using the elearning software.

E-Learning Examples Galore

One of the challenges is finding good examples because many of the good ones are locked behind corporate firewalls. However. rere are a couple I’ve seen recently.

This one from SpongeUK is a proof-of-concept demo to show a gamified course in Storyline. I like the light graphics and course structure. And to tell you the truth, if I wasn’t told this was created in Storyline, I don’t know if I would have guessed it.

Articulate Rapid E-learning Blog - e-learning examples gamified

Click here to view the elearning example.

Here’s another one on choosing the appropriate safety attire from 42 Design Square.

Articulate Rapid E-learning Blog - e-learning examples safety attire

Click here to view the elearning example.

I’m also fond of the weekly challenges because they are designed to be mini examples and not big courses. They’re like appetizers, just enough food for thought without being overwhelming. And with new ones every week, there’s plenty of inspiration to be had. I love seeing what the community Plus, there are new ones every week. So there’s always something new to see and inspire ideas.

Articulate Rapid E-learning Blog - e-learning examples in the community

Did you know that last year there were over 750 elearning examples submitted to the weekly challenge? You can stay on top of the elearning challenges and the recaps here.

In addition, the community has a growing list of different elearning examples. We add to them regularly.

Articulate Rapid E-learning Blog - e-learning examples shared

Between some of the examples on this blog, the elearning examples in the community, and the examples posted in the weekly challenge, there’s close to a thousand elearning examples that cover a diverse range of subject matter and interactivity. That should be more than enough to help fuel your imagination.

The key is to replicate the ones you like and then challenge yourself to add something new to it.

Hope you all have a happy holiday and happy new year!

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - free clip art going away

Not sure if you saw the news, but Microsoft is going to dump clip art. In its place, you’ll have access to a Bing image search, which will be filtered by Creative Commons licensing. Theoretically the images can be used in your courses and presentations. However that may not be the case.

Here are a few quick thoughts.

Clip Art is Often Crap Art

While there’s a lot of clip art available, most of it is dated and hasn’t been updated to reflect more contemporary visual design and styles. Unfortunately many of those images end up in presentations and elearning courses. Because people tend to mix and match these images, some of the presentations and online courses are a bit discordant. They lack a coherent visual design and fall into the Frankencourse category.

In that case dropping clip art is probably a good thing for course designers. It forces us to be more intentional about the graphics we use in our courses. It also puts some pressure on organizations to finally commit some of their training budgets to graphic and visual design resources.

Vector Illustrations Rock

Clip art gets a bad rap but you don’t see the same complaints about “vector illustrations.” However, most clip art images offered through the Microsoft site are actually vector illustrations. So if you’re still using clip art from the site, start calling them vector illustrations. And later when you need money for illustrations, you’ll sound more sophisticated and avoid some of the eye rolling you’d get asking for a clip art budget.

What’s the difference between vector and bitmap images?

Bitmap images are a grid of cells we call pixels. For example, if an image is 300×300 it is going to have 300 pixels from left to right and 300 pixels from top to bottom to form a grid of 90,000 pixels. If the image is scaled up, the pixels become larger and we get that blurry pixelated look. That’s not good.

Articulate Rapid E-Learning Blog - free clip art difference between vector and bitmap image

Vector images are based on a mathematical formula to draw lines and shapes. When you scale a vector image it remains crisp because you’re not scaling pixels. Vector images also tend to have smaller file sizes because they have to store less information about the image.

The most common image formats are .JPG, .GIF, and .PNG. Those are bitmaps. In PowerPoint, the most common vector images formats are .EMF and .WMF.

Clip Art Offered a Lot of Options

Many of you work with limited resources so the free clip art vector illustrations that Microsoft made available was important to getting your work done. What makes vector illustrations great for work in PowerPoint is that not only do you always have crisp images, you can also ungroup them to their individual parts. That means they can be recolored and edited to meet the needs of your projects. That’s not as easy to do with a bitmap image which requires more editing.

Here are a few tips:

  • Take advantage of the free resources now and save what you can from the site before it’s gone. Here’s a link to the clip art site if you can’t find it.
  • Plan on asking for an assets budget when you begin work on your courses. Also, if you need specific images where will you get them?
  • Find cheap alternatives. Sometimes you can find old software applications at used bookstores. For example, it seems there are always greeting card creators in the discount bins. They usually have disks loaded with images. I buy them whenever I see them in the discount bins.
  • Learn basic image editing so that you can begin to create and edit your own graphics. Once the clip art site is gone, you’ll have to do more to create the right images for your courses. Now’s the time to learn some basic editing techniques.

Creative Commons Beware

I like that the Bing search feature will default to a Creative Commons filter. In theory, all of the images should work for your presentations and courses in some manner.

Articulate Rapid E-Learning Blog - free clip art image search via Bing creative commons

However, creating a student project or presentation is a bit different than creating a professional and commercial elearning course. That means you’ll need to verify that the images you use via the Creative Commons search can be used for commercial work. This requires a lot of extra work because you need to find images and then search their sites for the appropriate license.

I did a few image search tests and while the sites that hosted the image may have been under some sort of Creative Commons license, many of the images were not necessarily owned but the site author. In my tests, there was nothing to indicate that the site owner actually had rights to the image for me to use.

So basically, you can’t trust the images you find in the search. You’ll have to do a lot more digging if you want to use those images in your projects. Here’s a post I did on ways to attribute Creative Commons images when you use them in your courses.

Personally, I’m kind of bummed about the decision to drop the free clip art available from the office.com site. Years ago I worked for an organization that had no money for my projects. I took a lot of pride in MacGyvering the free PowerPoint clip art and making my own images. I was always able to create what I needed and it’s been a cool trick to show at workshops, too.

Articulate Rapid E-Learning Blog - free clip art from times past

I’m sure many of you are in the same boat. You work for organizations that have no budget for graphics and illustrations and you don’t have resources to help create what you need. If you are one of the ones who depends on the clip art site, what’s your plan going forward? What suggestions do you have for the other blog readers? Share it with is in the comments section.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-learning Blog - free icons & free e-learning template

One of the challenges I pose in our workshops is to create an elearning template using free resources like some of the free images and free icons you find online.

Free Icons for Your E-Learning Template

Here are three four good resources for free icons:

Create an E-Learning Template Using Free Icons

  • The first step is to find an icon style you like. Try to use icons from the same pack. Also, look for icons you can use for commercial use. And of course, give attribution to the creator. Here are a few ideas if you’re not sure how to give attribution in your courses.
  • Create a few screen layouts. The screen is a blank space. And there are only so many things you can put on the screen: text, shapes, media files, etc.
  • Create assets that work with the icons you’ve chosen. For example, if it’s an icon that is made of think black lines, than it makes sense to match the color and lines in the shapes you create for the slide.
  • Use the color picker to pick colors from the icons. This way your other assets are using the same colors. You can also create a custom color scheme based on the colors.

My Example of an E-Learning Template Using Free Icons

I chose the ballicon icons. There are 20 free icons via Nick Frost. He also sells a more complete pack for $19.

Articulate Rapid E-learning Blog - free icons via ballicons for the free e-learning template

Since the icons are a bit informal, light, and flat, I decided to go with a simple layout with a light wood background. To tie the icons and the other assets together I decided on a thicker white border on the assets.

Articulate Rapid E-learning Blog - free icons example e-learning template

I created all of the graphics in PowerPoint. Some of the graphics were easy because they are just simple rounded squares with the icons in them. However, others are combined shapes (something you can do starting with PowerPoint 2010).

Articulate Rapid E-learning Blog - free icons example layouts for the free e-learning template

I also decided on using the diamond icon to represent course progress by awarding a diamond upon completion of each module. The map icon links to my progress screen which you can see in one of the screens above. I then saved the graphics I created as image files so I can use them in Storyline.

I also played around with a few ideas to add some interactive elements. For example, in the demo below you’ll see a simple click and reveal question/answer interaction.

Articulate Rapid E-learning Blog - free icons free elearning example

Click here to view the demo using free icons (Storyline).

Here are some free templates for your practice:

Here’s a PowerPoint version of the template to show you what’s in there.

Articulate Rapid E-learning Blog - free icons powerpoint example free e-learning template

Click here to view the PowerPoint version of the template.

If you need to learn to create a template or build off of the one provided, be sure to check out this blog post on the four essential tips. It includes some tutorials on creating a notebook and the process is the same.

If you’re limited to using free icons and other assets, then practice using them to create cohesive templates. Create your own shapes, layouts, and color schemes.

For those on holiday this week, I hope you all have a great Thanksgiving.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - tips and tricks to build online courses

I’ve just finished a number of workshops and capped it off with a session at Devlearn. It was a great time of meeting many of you and learning more about what you do.

As always I get a bunch of questions via email when I travel. Here are answers to frequently asked questions.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses interactive video

I don’t have a large budget or a lot of time, but I’d like to use more video in my courses. Is there an easy way to do this?

Yes. Years ago producing video was expensive and labor-intensive. Today, many of us have smart phones to record and even edit video. Videos don’t need to be big productions.

Once you have a video, it’s easy enough to add the video to your elearning courses and include interactive elements to create engaging and interactive video courses.

At a workshop in Portland, Mike went outside and shot some video with his smart phone and then built this quick demo to show how easy it is to build interactive video courses.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses example of interactive video

Click here to view interactive video demo.

Essentially video is just a media asset like a picture or shape. That means you can leverage the branching, triggers, or other interactive features to make the video as interactive as you like.

While Mike’s video example is simple, it could easily be a role-played scenario with decisions that branch to additional video scenarios. Building the structure for this in Storyline only takes a couple of minutes and then can be reusable and only requires swapping video and changing the text.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses another example of interactive video

This post has a couple of simple examples and quick tutorial to show it’s done.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses Microsoft clip art

Question: I can’t find the Microsoft clip art, where did it go?

I get this question a lot. Microsoft made some changes to their online site. We discussed it in this blog post on finding free stock images.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses what it looks like Microsoft clip art

Here’s an old search link that I have bookmarked on my browser toolbar. Disregard the “no results found message.” Just type in your search and you’ll see the older image search.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses training workshop

Question: How do I get you to come to our area?

Usually the local ASTD, ISPI, or STC chapters contact me about doing workshops. You can connect with your local chapter and have them contact me. I am starting to do some Articulate-specific events. This year we went to Toronto, Denver, Minneapolis, and Boston. We’re working on events for next year.

If you’re interested in attending a workshop, I always have an updated list at the bottom of the week’s blog post.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses free blog graphics

Question: Can I use some the graphics like the one below that you have in your blog posts?

Articulate Rapid E-Learning Blog - tips and tricks to build online courses example elearning blog graphic

Yes, if I created the graphic you’re more than welcome to use it. Attribution is fine, but not necessary. If you aren’t sure, just connect with me.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses 2

Question: What’s the number one tip you’d give based on the courses you see?

Here are two tips that are common solutions to much of what I see.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses free applications

Question: See any cool apps or sites lately that work for elearning?

  • Clipping Magic is kind of cool and relatively simple. Many of us use graphics editors to remove backgrounds and Clipping Magic makes it really simple. It’s not free, but it does a great job.
  • Poladroid is one I’ve mentioned before on a post about free applications. It’s a gimmicky app with limited use, but recently I needed to create some Polaroid like images for a demo and it came in handy.

Articulate Rapid E-Learning Blog - tips and tricks to build online courses example Poladroid

  • Method Draw is a free vector editor that runs in your browser. It’s a simple app but more than adequate for simple vector drawings or editing.

Articulate Rapid E-Learning Blog - tips and tric ks to build online courses travel tips

Question: Do you have any hotel travel tips?

Ok I added that question because there are two things that bug me when I travel: clothes irons and coffee. In Boston, the hotel iron spit a bunch of rust onto my shirt and the last few hotels I’ve stayed in didn’t have coffee in the room.

  • When I get to the hotel room, the first thing I check is the room’s iron and ironing board. The last thing you want to learn the day of an event is that the room is missing either or that they don’t work.
  • A lot of people make grilled cheese sandwiches and other food with the hotel irons. Or the irons have built up deposits that will stain your clothes. Run the iron over one of the hotel towels first.
  • If traveling to London, pack an ironing board. Every hotel I visited had an ironing board made for Barbie clothes. I know many in the U.S. are a little large but an 8” ironing board? Come on!
  • Most hotel coffee isn’t very good. That’s why I bring my Aeropress. With it I can make a great cup of coffee every time. And you can download some apps with different coffee recipes. Although be prepared to be strip searched at the airport. Apparently the Aeropress looks like a bong when it passes through the security scanner.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - safety training images

In a recent blog post I featured a series of free images that work well for safety training. Quite a few blog readers asked how I customized the free images for the safety training demo I posted.

In today’s post, I’ll show you how to create your own safety training images using that same clip art style.

Download & Sort All of the Free Safety Training Images

Do a search for the safety training images and then download all of them to a single PowerPoint file. I sorted them by type of image so it’s easier for me to see what I have.

Articulate Rapid E-Learning Blog - free safety training images

When I save images from a single style, I title the file “stylename.pptx” so that I know which style it came from. In this case, the file is saved as “Style401_Safety.pptx.”

Isolate Elements of the Free Safety Training Images

Whenever I work with clip art I not only look at the clip art for what it is, I also try to isolate individual assets. Here are some examples.

Articulate Rapid E-Learning Blog - examples of free safety training images

In the image above, I was able to separate distinct elements from the safety training images. I can possibly use these elsewhere in my safety training course.

In the following example, I was able to pull some icons out of the clip art. Then I created a colored shape that was the same size and added the icons to it so that I have icons that are the same size.

Articulate Rapid E-Learning Blog - free safety training images customized

You can see that the shower icon was originally just a small element of the original clip art. I pulled it out, straightened it a bit, and swapped colors. Below are more examples of icons I created from individual elements in the original safety training clip art.

Articulate Rapid E-Learning Blog - free safety training icons

Create Custom Pictographs for Safety Training Images

I needed a breathing/gas mask icon, but didn’t have one. So I created my own by using a different gas mask image and modifying it so it looks like it belongs to the same icon pack.

Articulate Rapid E-Learning Blog - customized safety training images

Articulate Rapid E-Learning Blog - example of free safety training images

If you can’t find what you need, especially with safety training images, then create your own pictographs like the one above. They’re made up of a few simple shapes and easy to create.

Learn How to Create Free Safety Images with this Tutorial

Here’s a tutorial where I show some of the techniques I used to modify these safety training images.

Click here to view the tutorial.

Here’s a free download if you want to use the Storyline file to get started on your own modules.

Now it’s up to you to clean up these safety training images and use them in your on courses.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.





Articulate Rapid E-Learning Blog - elearning challenge

I love the weekly elearning challenges. They get us to do things we may not often do on our own. We get to practice new techniques and think through different ideas. We also get to see how others approach the same challenge. I always find those a great source of inspiration.

Instructional Design E-Learning Challenge

Sometimes the elearning challenges poke a bit at what we do and not at how we build courses. For example, a recent challenge asked us to describe what elearning designers really do. You can see the recap in this post (scroll down a little). There are some clever descriptions.

Articulate Rapid E-Learning Blog - elearning challenge what instructional designers do

Another elearning challenge asked people to share their experiences and thoughts on elearning via a simple podcast.

This Week’s E-Learning Challenge

This week’s elearning challenge asks us to list 10 Things Instructional Designers Don’t Like to Hear.

Already, Tricia Ransom added her ten things in a blog post. Jason Morris created an infographic. And both Nicola Redfearn and Jackie Van Nice created funny little multimedia modules.

Articulate Rapid E-Learning Blog - elearning challenge large PDF

 

 

Articulate Rapid E-Learning Blog - elearning challenge infographic instructional design

Articulate Rapid E-Learning Blog - elearning challenge 10 things instructional design

Are you ready to take up the elearning challenge? What are the ten things you don’t like to hear? Jump into the community and share your thoughts.

Tom’s note:

Last week I noticed that all of the blog emails weren’t delivered. If you haven’t seen it yet, check out the blog post on how to volunteer to help NGOs and non-profit organizations build their courses.

Events

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for e-learning, instructional design, and training jobs

Participate in the weekly e-learning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool e-learning examples to check out and find inspiration.

Getting Started? This e-learning 101 series and the free e-books will help.