As a lover and designer of e-learning, I’m always on the lookout for cool samples and demo courses that I can use as inspiration; when I’m browsing the web I keep my eyes peeled for fun and engaging ways of presenting content, great uses of imagery and cool examples of typography. If I find a great design that I love, I take a screenshot and save it to an “Inspiration” folder. I also have a collection of sites bookmarked that I’ll visit regularly when I have design block and need to get my creative juices flowing. To that end, I thought I’d share a couple of recent e-learning examples created by me that might help you kick-start the design for your own next project. Click on the title of the demo to view the published output.
Demo #1: Weekly Challenge Compilation Course
This is a course that I created for DemoFest at Learning Solutions Conference in Orlando in March 2014 that compiles some of the awesome submissions we’ve received for the Weekly E-Learning Challenge. What is the Weekly E-Learning Challenge, you ask? It’s a fun, informal e-learning challenge hosted by Articulate in the E-Learning Heroes Community. Every week a new topic is presented (for example: drag-and-drops, virtual tours, results slides) and participants create samples and demos related to that topic in whatever authoring tool they have access to (Storyline, Powerpoint, etc.) and share them with the community. It’s become really popular over the last year and the submissions are super creative and impressive.
This sample course was developed in Articulate Storyline with the goal being to highlight some of the cool submissions that have been created by Articulate community members for the Weekly Challenge. I “chunked” the submissions into two sections: by Weekly Challenge and by Community Member. For the Community Member section I was going for an effect that simulated a “network” of connected community members; I used a drag and drop interaction to make it more dynamic. After sharing this demo with the Articulate community several people mentioned that they loved the drag-and-drop interactivity in this demo. Since I aim to please, I went ahead and created a Storyline template that you can download here (you might also be interested in this video tutorial with instructions for using the template).
Demo #2: Herbs & Spices Course
One of the ways I know I’m passionate about my line of work is that I often enjoy creating sample e-learning courses just “for fun”, as was the case with this Herbs & Spices course. I have recently discovered a passion for cooking and as a result, I’ve started experimenting with different herbs and spices. I wanted to learn more about them, and thought to myself “What better way is there to learn something than by creating an e-learning course about it!?” That is how this sample course came to be; I did some online research and investigated the most common herbs and spices, tips on storing them effectively, and which dishes to pair them with. I compiled everything I learned into this mini e-learning course.
I selected a soft green color scheme for this course because I felt green just worked with the subject matter (herbs!) and the wooden texture background represents a cutting board. I used a casual-looking character as my course guide; he introduces the course and provides the navigation instructions. I like characters because I feel they give your course personality and a human touch. You’ll notice he’s standing in a kitchen: I also love using contextual background images! The image has been faded so it’s noticeable but not distracting.
The final quiz becomes unlocked once you’ve visited both sections of the course (herbs and spices) and all three question slides were custom-built using Freeform slides with Storyline. Don’t forget to check out the three links at the top of the player to see more content!
Demo #3: Payroll 101
Here’s a sample course I built as part of a New Employee Orientation series using Articulate Studio ’13. I’d like to think this goes to show you can build a great-looking course whether you’re using Storyline, or even if you’re building in a “basic” tool like Powerpoint (as is the case for several of the slides in this example.) This course also features one of my go-to design methods: using lightly blurred background images to set the context. In this case I used the outside shot of a building and the interior shot of an office. This e-learning demo also uses a character to give a personal touch and pop of color.
I hope you’ve had fun exploring these three e-learning sample courses; sometimes seeing an example is exactly what we need to kick-start our own creative engine. Keep in mind that building your own samples and examples is a great way to sharpen your skills and add content to your portfolio. And since you’ve made it all the way to the end of this post, perhaps you should subscribe to my blog!