Hundreds of E-Learning & Instructional Design Articles… All In One Spot!

img9

My blog followers know that I love writing about my experiences and insights when it comes to instructional design and e-learning… but did you know that I also write blog articles for the Articulate E-Learning Heroes Community?

Every week I write about everything related to e-learning…. from software-specific Articulate tutorials and best practices, to general instructional and graphic design tips, my articles are all compiled here, in a handy series: Nicole’s Articles.

Bookmark the page now so it’s easy to access, and check back on a weekly basis to see my latest and greatest content. You can also check out the E-Learning Examples hub and the Downloads hub to see my contributions to the demos and freebies. Those can also be great places to get inspiration and ideas for your next projects.

I’d love to hear your ideas and feedback on my articles. Any topics you’d like to see me write about? Any past favourites in particular? I love getting your feedback, so please leave a comment below. Don’t forget to follow me on Twitter for daily updates!

Advertisements

4 E-Learning Examples To Inspire Your Next Project

As e-learning developers, we’re always on the lookout for examples that will give us ideas and inspire our next course design. That’s what I’m hoping to share with you in this post! Working with Articulate Storyline and Articulate Studio ’13 on a daily basis means I get to develop all kinds of cool e-learning courses and interactions. I want to share some of my most recent e-learning examples, in hopes giving you ideas for a project you’re currently working on!

E-learning Example #1: Interactive Hover Menu

This is a cool interactivity I created with Articulate Storyline. Hover over an object (such as the lamp or monitor) to view available actions. Once you’ve completed an action, different options become available on hover.

img1

This interaction was inspired by the game The Sims. If you’ve ever played you know that when you hover over an item you are offered multiple choices for what to do with that item. For example, hover over the refrigerator and you might be given the following options: “Get a drink”, “Make dinner”, or “Grab a snack”. I wanted to challenge myself to recreate this functionality using Storyline.

Almost everything in this interaction, including the monitor, lamp, cork-board, and coffee mug was created using shapes directly in Storyline. You don’t need to create fancy graphics in a separate application: you can create your own great-looking graphics right inside Storyline. You can view a published example and download the .story file for this example on the E-Learning Examples section of the Articulate site.

E-Learning Example #2: Labeled Graphic Interaction

Here’s a great construction-themed interaction developed using Engage ’13. The content was construction safety information, which inspired the black and yellow colour scheme, as well as the thick, chunky black fonts. I like to let the subject matter guide the design whenever possible.

For this project I purchased some great images from iStockphoto that were heavily discounted. One thing I’ve learned is to look for photos that are on sale. A large, high-quality image will often sell for between 20-40 credits on iStockphoto; this particular photo was only 2 credits. If you look beyond the first page of search results and dig around, you’ll often find great photos for a fraction of the cost.

ahrvdkeb_media2

You can check out the published version of the e-learning interaction, as well as a more detailed post I wrote about how I built it (Engage ’13: How I Built This Labeled Graphic Interaction) on my Articulate blog.

E-Learning Example #3: Colorful Pencil Template

Here’s an example of a fun Articulate Storyline template I created with a bright color scheme. I  was inspired by these colorful crayon photos I came across on a great free stock photography site called MorgueFile. I loved the crayon photo so much I had to build a template around it. I ended up going with a light blue color scheme. I picked up the shade of blue from a blue pencil in the photo, using the color picker tool. You can easily edit the template to make it whatever color works with your project.

img5v87st

Interested in using the template? You can head on over to the E-Learning Examples site to check out the published version and to download the .story file.

E-Learning Example #4: Tablet Style Template

Tablets and handheld devices are all the rage these days, so I thought it would be great to build a fun tablet-themed template. This template was created in Articulate Storyline and the tablet, all of the app icons, and the sheets of paper in the example are built completely using shapes in Storyline.

ipad

View a published example of the template and download it to use it in your own projects on the Download page of the Articulate site.

Remember: when it comes to sharing examples of work and demos  of your e-learning, you don’t always need to share a completely polished course. Often, small tidbits and examples are enough to inspire us for our next project.

If you enjoy reading my blog posts you might be interesting in checking out my articles on the Articulate website! I post new articles there every week on everything from working with Subject Matter Experts to how to do an e-learning needs analysis. As always, I love to see your comments and feedback!

Articulate Storyline: Sample eLearning Slides

Here are some e-learning slides from a project I created for my portfolio. This is how much of a nerd I am–when I am home on weekends, and in my spare time, I create “demo” e-learning courses to add to my portfolio. I created these slides in Articulate Storyline. Enjoy!