Carrie Albin -
Senior Instructional Designer
Let's Connect
  • Home
  • Experience
  • Education
  • Skills
  • Portfolio
  • Testimonials
  • Contact

Creation of a Course: Part 2

10/21/2015

1 Comment

 
PictureA Picture is Worth a 1000 Words - Wikipedia
In last week's post I discussed the initial steps I take when creating a course.  As part of a recent assessment for a new contract position I needed to create a storyboard  for a course aimed at 20-something women on fixing a flat tire.  I decided to take the assessment one step further to help develop my portfolio and showcase all of the different steps in the process of creating an e-learning course.  For this post I will be focusing on the selection and/or creation of images for the course.  

Use of Images

We have all heard the adage - "A picture is worth a 1000 words".  This phrase refers to the notion that a single image or graphic can convey a complex idea quickly rather than describing it with just words.  Research has proven this to be true and it has become known as the picture superiority effect which states that people more easily remember concepts that are presented as images rather than as words.

So as an instructional designer, I am always looking for ways to convey the ideas of an e-learning course through the use of graphics and images.  There is one caveat to the use of images though in e-learning.  If an image is used inappropriately it can cause confusion or distraction thereby taking the learner's focus away from the content.  Therefore you should carefully select images that will enhance and engage the learner's attention. ​

Selecting Images

When I begin selecting images for an e-learning course, I usually decide up front if I want to go with vector graphics or with photos.  Both options have their pros and cons.  Vector graphics are great for diagrams and illustrations of a process.  Photos are great for engaging a learner and providing a more emotional attachment to the content.  To learn more about when to use the different types of graphics, check out Connie Malamed's book "Visual Design Solutions".  She provides a great table that shows the best uses for each kind of graphic.  She also covers a lot of other information regarding the use of graphics that is important to e-learning design.  I would highly recommend getting this book and having it in your personal library to refer to from time to time.  

Once you have decided what types of graphics you would like to use, your next step is deciding if you will be able to find the graphics or if you will need to create your own.  With all of the great images sites available on the web, finding graphics has gotten a lot easier.  Below is just a small list of image sites that I have used:

Paid Sites
  • iStockphoto
  • Shutterstock
  • Dollar Photo Club

Free Sites
  • Pixabay
  • Morguefile
  • Death to the Stock Photo
  • Unsplash

For the fixing a flat e-learning course I decided I wanted vector graphics since the course would be showing a process.  Using photos would provide too many other distractions to the learner's attention and take away from the important concepts within the process.  Unfortunately after a few hours of searching the free and paid sites, I couldn't find any vector graphics that would go well with this project.  So I moved on to the next step, which is to create my own images.
​
PictureImages I created in PowerPoint using shapes or found on Pixabay.
 Creating Images

In the perfect world if I had unlimited money to spend on this project (or at least a budget for graphic design), I would hire someone to create the necessary images for this course.  Being that this is a simple course and there aren't that many images, hiring a graphic designer wouldn't be cost exorbitant.  AND it would greatly enhance the design of the course and the learner's attention to the material.  

However, most people are working on a shoestring budget and need to find alternatives to hiring a graphic designer.  So I went with the option of creating the graphics myself.  This is a good step to do even if you are hiring a graphic designer so that person can get an idea of the concepts you are trying to illustrate.  

In this case I just used the tools I had in PowerPoint to create the necessary images.  There are a ton of blog posts out there on how to do this so I won't go into detail.  My favorite posts have been from Tom Kuhlmann from the Rapid Elearning Blog.  Check out these posts on visual and graphic design.   

For this course I was able to find and modify some of the graphics from Pixabay and then created the rest in PowerPoint using shapes.  Creating graphics from scratch sounds pretty time consuming but when you know what you want to create, it sometimes can be faster than trying to search for that perfect graphic on the Internet.  
So in your next e-learning project or presentation remember the importance of graphics to convey ideas.  Decide what type of graphics you want to use throughout and stick with it.  Mixing the different types of graphics can be distracting and make your design feel disjointed. Don't be afraid to create your own graphics if you can't find any that suit your needs.  The more you practice creating your own, the better and faster you will get. Next week I will describe the process of importing my PowerPoint into Storyline.  

1 Comment

Great Resources for Elearning

5/18/2015

1 Comment

 
I recently attended a webinar put on by Association for Talent Development (ATD) titled Visual Learning: A Picture is Worth an Hour of Training.  The presenter was Sheri Weppel of GP Strategies.  Sheri also wrote a blog post that coincides with the webinar and provides a list of great resources for visual learning.  

Below are some of my favorite tools/resources that she mentioned.  

Piktochart - want to make a great infogrpahic? The point and click editor along with all the great templates and images make creating an infographic with Piktochart fun and super easy.  Best of all the Standard account is free!

Xtranormal - makes creating animated videos super easy.  Many years ago I ran across Xtranormal and used it quite frequently for my work.  However they ended up closing down a while ago much to the dismay of many users.  Recently it was acquired by nawmal, ltd and they are working to bring it back.  So keep an eye out for the new release and see just how easy creating an animated video can be. 

Design Seeds - do you have a hard time trying to pick a color scheme?  Well, Design Seeds can help.  Scroll through the posts and see all the different color schemes they have pulled together.  Or use the Palette Search to search for a specific color palette.  

Powtoon - one of my all time favorites.  Powtoons helps you make great animated videos and presentations. It is super easy to use and provides a ton of images, animations and even royalty free music that you can use in your videos or presentations. They have limited free version.  They also have great education pricing for anyone in the world of Education.  


Paletton - is another great tool for picking a color scheme.  Choose the number and location of the colors on the color wheel, pick one color and get a color palette you can use for your next project.  

Be sure to check out Sheri's blog post to see more great tools and resources.  These are just some of my favorites but she lists many others.  
1 Comment

Design Basics

5/7/2015

0 Comments

 
At the Learning Solutions Conference in Orlando, Bianca Woods gave a great session titled "I Know That is Ugly but I Can't Tell Why".  During her hour long presentation she showed examples of "ugly" PowerPoints and gave specific tips on how to make them better.  While doing so she would show before and afters of each slide with tweaking just a few things.  These types or presentations are some of my favorite because they provide practical tips that I can incorporate into my every day work.  

Below are just a few of the tips she covered.  For more information you can go to her website at http://biancawoods.weebly.com/design-basics.html.  Or if you are an eLearning Guild member you can view her recorded session at http://www.elearningguild.com/conference-archive/index.cfm?id=6147. 


1. Get rid of gimmicky fonts such as Jokerman, Mistral, and Chiller.
2.  Be careful with visual effects such as drop shadows, bevels, and 3-D shapes.
3.  Be pickier when choosing images - no screen beans.  
4.  Get rid of anything you really don't need.
5.  Make things bigger.
6.  Put more empty space between things.
7.  Align your content and size evenly.
8.  Use a small number of colors.
9.  Avoid the Frankendeck - inconsistent design that occurs when pulling multiple presentations together.
10.  Find images that relate strongly to your content.
11.  Use visual hierarchy to show how things relate.
12.  Use graphics to explain things faster.


0 Comments

    About Me

    I am a freelance instructional design consultant who is always looking for the next big challenge.  My blog is a way to describe some of my projects in deeper detail as well as pass along anything new that I have learned in the process.

    Archives

    December 2015
    November 2015
    October 2015
    August 2015
    June 2015
    May 2015
    April 2015

    Categories

    All
    Audio
    Elearning
    Graphic Design
    Instructional Design
    PowerPoint Tip

    RSS Feed

    View my profile on LinkedIn

Carrie Albin -Senior  Instructional Designer

[email protected]