Free Paperclip-Themed eLearning Template
Posted: 04.14.2013 Filed under: eLearning, Graphic Design | Tags: Articulate Storyline, Graphics, MorgueFile, Template 12 Comments »I’m sure that other e-learning, web and graphic designers will agree with me when I say that I LOVE finding free templates and resources online that I can use in my projects. Last week I was doing a web search for some quality free photos that I could use in a project and I stumbled across MorgueFile. It says right on the website that you can use the photos for commercial purposes without attributing the original author, and the photos are really great, high-quality images! I’m in love with this site. Tons of abstract photos and textures you can use for backgrounds in e-learning templates, and they have a really great set of business people in a lot of different settings. When I saw the following set of paperclip photos I suddenly became inspired to create an e-learning template….
So that’s how this next e-learning template came to be, which I created Articulate Storyline. I was inspired by this paperclip photography and I lifted the turquoise color from the paperclip (using the eye-dropper tool) to use in my design. The fonts that I used in my template are Bebas, Desyrel (I only used Desyrel on the title slide) and Articulate Light. You can download the fonts for free and install them on your computer if you would like your template to look identical to this (it won’t quite have the same look if you don’t have the Bebas font installed!).
If you want to check out the published Storyline file, you can have a peek at it here. If you’d like to download the .story file to use this template yourself, you can download it here. Sharing is caring! Hope this template is useful for someone, or inspires you to create your own.
How To Create Custom Shapes/Graphics in Articulate Storyline
Posted: 03.24.2013 Filed under: eLearning, Graphic Design | Tags: Articulate Storyline, eLearning, Graphic Design, Graphics, storyline 8 Comments »Last week I posted a bunch of custom shapes I created using Articulate Storyline in the e-Learning Heroes Forum. Two things have come of this: 1) people seem to really like the shapes (yay!), and 2) I’ve since developed a new obsession with creating custom shapes in Storyline. In case you’re wondering what I mean by “custom shapes” I simply mean that using shapes that are available within Storyline I created the items you see below:
Everything in the images was created by me (except the wood texture background) simply by using shapes and lines with the appropriate gradients and shadows, right in Storyline. The fun thing about this is that since they are really just groups of shapes, you can de-construct them, edit them as you please, change the colors, etc. You can also do a right-click on the group, Save as Picture, and then save the shape as a .PNG file that can be used in projects you create using other applications, like PowerPoint or Captivate. As pointed out to me in the forum, it’s a fun way to extend the functionality of Storyline from an e-learning development tool to a graphic design tool, by using what’s available to you in the right way.
All you need to do to create your own custom shapes is create your individual shapes, color them (using shadows and gradients, such as the path gradient used on orange rectangle below, is critical to making it look realistic), line up your shapes, and then group them together. The image below breaks down how I created the pencil.
Like I mentioned earlier in this post, I’ve now developed a bit of an obsession with creating fun new shapes. It’s given me all these ideas for fun projects and themes I can create using the shapes I’ve made. For example, I created a really cool looking desk phone (which I will share in a future post) and now I’m working on adding some functionality wherein you press numbers on the keypad, and it links to various slides. I also find that now I’m often challenging myself to see how far I can go “re-creating” simple items right in Storyline. My latest challenge was creating the Microsoft system calculator using shapes in Storyline. You almost can’t tell the difference between the two!
Since the shapes I created last week were a hit, I decided to make a few more this weekend. I created a couple of folders, a notepad, and a clipboard. I’ve posted these files in the e-Learning Heroes forum as well, so check it out, and if you use Storyline, by all means, save them for your own projects. Here’s a photo below to show you what the new shapes look like.
I hope this has inspired some of you guys to create your own custom graphics in Storyline! And if anyone has any suggestions or ideas for future shapes or challenges for me — bring it on!
Recording a Screencast: Do’s and Don’ts
Posted: 03.12.2013 Filed under: eLearning, Technology | Tags: Camtasia, Camtasia Studio, e-Learning, Screen Recording, Screencast, Screenr, Youtube 21 Comments »I’m always interested in finding out more about the tools that are available out there for e-learning developers (and for web and graphic designers, for that matter), so last weekend I decided to try my hand doing some screen recordings using the free screen recording tool Screenr!
When I decided to make my first screencast I thought it would be easy-breezy since I have a lot of experience recording software simulations. It turns out there’s a really big difference between recording a software screencast vs. a software simulation. When I would record simulations (using either Oracle UPK or Adobe Captivate), I would capture the process slide-by-slide. Afterwards, I would be able to edit my screenshots and clean up my work. With UPK and Captivate, the audio could be recorded separately and added in later. With the free version of Screenr that I am using, it’s a one-shot deal. The recordings are maximum five minutes long and there’s no editing – you just click go and record!
Before I made my first recording, I did a bit of homework into what goes into a great screen recording. Here is a list of the best practices, tips, and techniques that I came across in my research. These are some of the Do’s and Don’ts of screen recording to help you if you’re making your own screencasts!
Select a topic
- Do have a clear purpose for the screencast
- Do keep it short and simple
If the process is too long, chunk it down and make several short videos. This is something I learned myself as I was trying to cram a somewhat complicated 10 step process into a 5 minute video. I realized I was trying to show too much at once, and broke it down into two five-step processes instead.
Write a script or storyboard
- Do script out your process step-by-step. (This is a critical step. Without the script you might forget a step, ramble about useless information, do something backwards, etc.).
- Do create a storyboard of the different shots, or screens, you need to capture and in which order.
- Do include any “set-up” instructions that are required to do your screencast in your storyboard. For example, you might need the application to be logged in and displaying a specific window, or you might need certain data or information to already be input in the system. Think along the lines of cooking shows – some things take too long to demonstrate in the time available, so different versions of the dish are made ahead of time and are ready in varying degrees, so they can just pull it out of the oven and Voila!
Select your recording software
- Free options: Screenr, BB FlashBack
- Purchase: Camtasia, Adobe Captivate, Articulate Storyline
If you’re unsure about which software you’d like to purchase, you can download a free trial of any of the paid software options to get a feel for the features and interface
Set up your screen/applications
- Do close all other applications and windows.
- Do hide your start menu and any visible taskbars, menus.
- Do turn off all pop-ups, alerts, and notifications.
- Do have all the data you need in front of you (if you need to input data as part of your process).
- Do hide your favorites, quick links, and any other personal information that might show up on the screen if using an Internet browser (no one wants to see your personal links).
- Do use an “administrator” or “general user” account (if possible) so your recording doesn’t reveal any names or personal information.
- Do ensure applications are open, running, and ready to go before you start recording. Set it up to the exact screen you’d like to start from – don’t waste time navigating to a screen unless it’s an important part of the process that learners need to see.
Select an appropriate screen size/resolution
- Do take screen size into consideration. The recording size will depend on things like: your audiences’ monitor display resolution, the size of the slides in your e-learning course, etc. At this point in time, it’s probably still safe to optimize for 1024 x 768.
- Do keep the recording area as small as possible – without making it so small that you can’t see features or easily navigate in the application (this will help minimize file size).
Practice, practice, practice.
- I don’t think I need to elaborate!
Use the right equipment
- Do have a good microphone.
This is another thing I learned myself when I did my first few recordings using my laptop’s mouse trackpad and the built-in microphone. Result: really crappy audio quality. Since then I went to Best Buy and bought microphone for under 30$ and the audio quality is now far superior. Apparently learners will tolerate bad visuals over bad audio, so this is key!
Control your voice
- Do speak clearly and enunciate words.
- Do stick to the script.
- Do add some personality.
- Do use emphasis at key moments.
- Don’t use jargon or overcomplicated words.
- Don’t breathe too loudly, smack your lips, etc.
- Don’t talk too close to the microphone.
- Don’t say “so, like, eh, um,”. Personally – I am really bad at this, but working on it. Very helpful to have a clear script to follow.
- Don’t be monotone and boring.
Control ambient sounds
- Do choose a nice, quiet location to do your recording.
- Do make sure your heater or air conditioner won’t come on.
- Do put your cell phone on silent and unplug the landline (or turn off the ringer).
- Do put your cat or dog outside.
This is yet one more thing I discovered firsthand (experience is the best teacher, they say!) as I was recording last weekend. I had the PERFECT screencast going — everything was going exactly according to script, I wasn’t saying “so” too much… so of course, my dog chose that moment to break out into a horrible, hacking cough in the background. Thanks, Charlie. Now I go into another room when I need to record.
Edit your recording
- Free: Windows Movie Maker, Apple iMovie (for Mac users)
- Purchase: Camtasia, Adobe Captivate, Articulate Storyline
Share your recording
- Do share it on video sharing sites (YouTube, Screenr, Vimeo, etc.)
- Do share it on social media (Twitter, Facebook, LinkedIn, etc.)
So far following these tips have really helped me improve my recordings – however, it’s like everything else in life, practice makes perfect! The more screencasts you record, the more comfortable you will be with it, and your recordings will improve over time. If you have any other tips or best practices that I did not include, please leave a comment…. and since you made it all the way to the end of this post, perhaps you should subscribe to my blog!
Using Video in e-Learning: (Almost) Everything You Need to Know
Posted: 02.10.2013 Filed under: eLearning, Technology | Tags: e-Learning, Flash Video, Multimedia, SWF, Video 12 Comments »Not that long ago using videos in e-learning was pretty prohibitive due to the costs associated with it. Fast forward a few years and with everyone having access to video-cameras on their smartphones and laptops, it has become a lot more feasible for the everyday e-learning designer to use videos in his/her projects. However, just because video has become more commonplace, that doesn’t mean that adding video to e-learning is without its challenges or that every project merits it. I recently did some research into using video in e-learning for a course I’m presently designing and I thought I’d compile some of my findings into a blog post.
Pros and Cons of Using Video in e-Learning
Whether or not you choose to use video in your project will depend on many factors, including time, budget, and subject matter. Whichever way you choose to go, there will be advantages and disadvantages.
|
PROS OF USING VIDEO |
CONS OF USING VIDEO |
|
|
When you should use video
Although the cost of developing video for e-learning has gone down significantly over the years, it is still a time and resource-intensive undertaking. As such, you should only use video when there is a clear instructional purpose behind it. Here are a few examples of when video might be a good idea:
- To model behavioral or interpersonal skills
- To demonstrate how-to do, and how not to do, a specific task
- To reduce the reading load for learners
- To emphasize an important concept or point
- When you need more emotional appeal than photos and text alone can deliver
High-level steps for using video
If you’ve decided you will be going ahead and using video in your project, here are the high-level tasks you will need to accomplish.
- Decide which content will be presented through video
- Decide if you will Do-It-Yourself or hire a professional videographer
- Script and create a shot-by-shot storyboard
- Schedule videographer, actors, location, sound & lighting technician
- Record the video
- Edit the video using editing software
- Compress and render the video
- Insert video into e-learning course
- Provide learners with software requirements for accessing the video
Key considerations for using video
Below is a list of some of the basic considerations you will want to look at when planning your video project.
- Scripting and Storyboarding: Has the script been written and vetted? Scriptwriting may seem easy but it can actually be quite difficult and time-intensive to create realistic dialog. Do you have a storyboard for all the shots you need to capture when recording your video? Do you need a close-up shot of a product or of a specific technique? Have it planned out, shot by shot.
- Video Equipment and Technology: Do you have the equipment needed to shoot videos? (Camera, editing software, microphones, lighting, backdrops, etc.) If you don’t currently have the necessary equipment, will you be purchasing (new or used) or renting the equipment? What are the price differences? If you are hiring a professional, which equipment will he/she bring?
- Location: Where will you be filming your video? Do you need a sound proof location? Can you film in a public space? Do you need to book the space, or make arrangements to make sure it’s quiet? Do you need to purchase a back drop for the room?
- Actors: Will you be using employees or paid actors? If you are using paid actors, do they need to be a certain age, ethnicity, gender, etc. Do you need to schedule them a few weeks in advance? Do you have any backups in case someone doesn’t show up? Do the actors need to be wearing any specific type of clothing (business suits, casual jeans, etc.) and how should their hair and makeup be done?
- Lighting: Professional looking videos are well lit to avoid shadows, darkness, etc. How will you accomplish this?
- Sound: You may need a professional sound technician who has wireless microphones and the equipment needed to make sure all the sounds are crisp and clear.
- Final editing: Do you have the software necessary to make edits to the footage? If not, will you hire a professional to do this? What are the costs and timeframes involved?
- Logistics: Now that you’ve got your equipment, location, actors and sound & light technicians all sorted out, you need to schedule everyone to be in the same place at the same time for at least a few hours to do the recording!
Which video format to use
As I did my research into using videos I started wondering which video format is best for e-learning. I also found it’s really easy to become confused and lost in the world of video codecs, containers and formats. I think it’s really important to understand these basic video technology concepts so here’s my attempt to break it down. Almost all video out there is compressed (meaning it’s been altered to take up less space on your computer). A video codec is software the decompresses the files so you can watch them (popular ones are QuickTime, Windows Media, DivX) and a container (really another word for what I call “format”) is the bundle of files that actually comprises the video (popular ones are .FLV, .MP4, .MOV, .AVI). Which type of video “container” should you use for your e-learning project? There isn’t necessarily a right or wrong answer, but you can reference the table below to help make your decision.
Video Format Comparison Chart
|
Video Format |
Pros |
Cons |
| .SWF (Flash File) & .FLV (Flash Video) |
|
|
| .AVI |
|
|
| .MP4 and .MOV (MPEG-4) |
|
|
Managing Video File sizes:
One of the biggest disadvantages to using video in e-learning is the amount of space/bandwidth they use. Even when compressed, video files are not exactly tiny. However, there are a few basic things you can do to manage your video file sizes:
- Chunk your videos into small segments
- Compress your videos
- Limit the width and height of your videos in your courses (of course, don’t make it so small you can’t see the screen clearly!)
- Host your videos online (YouTube, or similar) and link to them or embed the YouTube videos directly in your course (this might only be a possibility is Internet access is available, and there might also be a security risk involved in this to take into consideration)
Various hints, tips, advice:
Here’s a couple of other interesting tidbits and nuggets of information I found as I was doing my research.
- Keep videos short (no more than few minutes, get to the point quickly)
- Use closed captioning (for hearing impaired, and for clarity)
- Make sure your e-learning authoring software and LMS are video compatible.
- Consider how easy/difficult the use of video will make it to edit and maintain the course down the line
- Remember your color blind audience!
- Articulate Storyline automatically converts all videos to .MP4 during the Publish, so even if you embed .FLV or .SWF files into your course, they should play fine on iOS devices.
Helpful Links and Resources
I thought I would share some of the web pages and resources that helped me write this post.
- http://elearnmag.acm.org/featured.cfm?aid=2206721
- http://blog.integratedlearningservices.com/2012/10/using-video-in-elearning.html
- http://www.learningsolutionsmag.com/articles/596/best-practices-for-using-video-in-e-learning
P.S. I’d like to add a note for my Mom, an avid blog follower: I promise my next post will be about my experience presenting at DevLearn 2012 in Vegas!!
[INFOGRAPHIC] How to Use the PAF Model to Improve Training and e-Learning
Posted: 01.20.2013 Filed under: eLearning, Graphic Design, Infographics, Instructional Design | Tags: e-Learning, Graphic Design, Infographic, Instructional design, Training 13 Comments »Last weekend I posted a new infographic (Gagne’s 9 Events of Instruction) and I got some really good feedback about it. One piece of feedback that I received from several people was to incorporate more graphics/icons into my infographic designs. Of course I think we can all agree that using visuals is only a good thing if it adds value by providing an instructional purpose. This weekend when I decided to make another graphic, I was careful to choose a few icons that I thought were really representative of the elements of PAF. I created this infographic in Adobe Photoshop.
I’d also like to add a disclaimer that the PAF Methods listed in the infographic for presentation and application are only three examples, but there are a lot more methods available to you. Those are just a few examples!

Audio and Narration in e-Learning: Pros and Cons
Posted: 12.03.2012 Filed under: eLearning, Instructional Design | Tags: Audio, Audio clips, eLearning, Instructional design, Narration, Narrator, Text-to-speech 12 Comments »First things first, I’m really glad to finally be writing a new blog post because I realize it’s been over a month since I’ve posted and I feel very guilty about it! October was pretty hectic due to the fact that I was attending DevLearn 2012 in Las Vegas. I am actually planning on writing a post about my experience at DevLearn in the near future since it was both my first time attending a conference and my first time public speaking/presenting. It was a great experience and a lot of new lessons learned for me.
That being said, I was recently inspired to write this latest blog post from something that occurred at work! I’m working on an e-learning project now and I was recently looking into the pros and cons of adding audio to the e-learning course I’ve developed. I decided to compile a bit of my research and write about it!
I’ve come to find out that adding audio to an e-learning project is not a decision that should be taken lightly. There is a lot involved in the process, there is lot to know before you get started and finally there is a lot of room for error! So how do you decide if you need narration/audio in your project? As with all media in your e-learning projects, you should only use narration IF there is a clear instructional purpose behind it (and not “just because”). From what I can gather, there are three types of audio used in e-learning:
- Narration (which has four “subtypes”)
- Elaborative (on-screen text summarizes the audio)
- Paraphrasing (audio summarizes the on-screen text)
- Verbatim (reading exact words on-screen)
- Descriptive (audio describes image on-screen)
- Music
- Sound effects
After doing a bit of research on the topic I’ve discovered that there is much debate surrounding which “type” of narration is best for learning. The kind of narration you should use in your projects seems to depend greatly on the specifics of the project (time, talent, budget) as well as what the subject matter is. So which content should you narrate? There are a couple of scenarios where it might be more worthwhile to use narration. For example, when you need to explain a complex definition or process, or when demonstrating situations such as interview skills or emotional interactions between individuals.
The pros and cons of using audio:
| PROS | CONS |
|
|
Let’s say you have decided there is indeed an instructional purpose for audio or narration, and you’ve narrowed down which type of narration you will use. The next question you might ask yourself is, who will narrate this course? Three ways to narrate your course include:
- A professional narrator
- An employee narrator
- Text-to-voice software
In addition to “the voice” you will likely need a couple of additional people to be involved in the audio recording process, likely:
- A scriptwriter
- A producer (this depends on the technical skill your narrator possesses, and if he/she can do the actual sound recording themselves)
Of course there are both pros and cons to using any type of narration in your project.
| PROS | CONS | |
| Professional Narration |
|
|
| Amateur Narration |
|
|
| Text-to-voice |
|
|
- Narration rule of thumb: 1 minute of talk time = 100 words
- Try to keep audio clips to 20-30 seconds (to retain learner attention)
- Find a balance between what learners should read vs. what they should listen to
- Allow users to have control over volume settings
- Have an instructional reason for using the narration or audio (not just because)
- Include a list of hardware and software requirements for learners to know ahead of time if they need speakers or a headset for audio
- Keep in mind that if your e-learning course requires audio, people who do not have audio capabilities will not be able to take the course
- Audio might slow down some learners since they have to go at the pace of narration
- Adding narration will impact on the amount of time it takes to complete your e-learning course
Finally, here are a few links to good articles about narration in e-learning that helped me write this post:
- http://www.learningsolutionsmag.com/articles/666/how-much-narration-in-elearning-our-lessons-learned
- http://theelearningcoach.com/elearning_design/the-art-of-writing-great-voice-over-scripts/
- http://www.knowledgeplatform.com/Content/Pdfs/audio_narration.pdf
12+ Modern e-Learning Designs For Your Inspiration
Posted: 09.02.2012 Filed under: eLearning, Graphic Design | Tags: Design, eLearning, Graphic, Samples, Templates 3 Comments »I’m always perusing the web looking for e-learning, web, and graphic designs that catch my eye. When I find something that I like, I do a quick Snippit and save the images to an ”e-Learning Inspiration” folder that I keep. When I start a new project I can open up this folder and get tons of ideas. I thought I’d share some of what I consider to be the most eye-catching and fun designs from my “Inspiration” folder. I’m hoping these samples will provide you with ideas for layout, use of imagery and icons, colours, navigation, typography, etc. Below each image is a link to the original site. Hope you’re inspired!
http://hasanshaheed.com/folio/zometa-image1.jpg
http://www.learningcreator.com/wp-content/uploads/2009/11/compass-design-final-h.jpg
http://dokeos.com/images/general_practitioner.png
http://www.skills2learn.com/images/e-learning-instructional-design-LG.jpg
http://sportdrawn.com/portfolio/wp-content/uploads/2010/01/accountability_0.1.jpg
http://www.milza.org/portfolio/gui.php
http://www.milza.org/images/COU/presentation-volumeRO.jpg
http://panxplanet.blogspot.ca/

http://panxplanet.blogspot.ca/
http://blog.thewritersgateway.com/wp-content/uploads/2010/10/new_app_training.gif
http://jasonrenshaw.typepad.com/.a/6a00d83452d45869e20176169e9bae970c-800wi
http://kdw.digitecinteractive.com/wp-content/uploads/2012/06/NACUFS_custom_e-learning_course_production_sample_new.png

http://blogs.adobe.com/captivate/files/2011/11/processMod.jpg
http://behance.vo.llnwd.net/profiles/90854/projects/171217/908541232322551.jpg
Another Sample Storyboard for eLearning
Posted: 07.23.2012 Filed under: eLearning, Instructional Design | Tags: Adobe Captivate, eLearning, Instructional design, Sample, Storyboard 5 Comments »I’ve noticed that the e-learning storyboard samples I posted a few weeks back were very popular. Since it’s a resource that a lot of instructional designers and e-learning developers are looking for online (or so my stats would indicate, in any case) I’ve decided to add another template/sample.
As I’ve mentioned in previous posts, what you include in your storyboard will depend on the specifics of your project. If you’re going to develop the course yourself, you may not need to include notes for the developer. If your project doesn’t use audio, you won’t need a box for narration text or the space to list audio files. It all depends on the project and what your client wants to see in the storyboard. As you can see, in my sample I’ve included a detailed preview of the completed slide. When someone else will be developing the content, I like to show a detailed preview of exactly what I’d like the slide to look like in it’s completed state, so there’s less room for confusion or misunderstandings. I hope these examples serve as inspiration for someone out there who needs to start storyboarding!




















