An essential ingredient for interactive and engaging elearning is to let the learner explore and collect information that assists in making decisions. A common design concept to facilitate exploration of content is the interactive desktop where the learner can select desktop objects to collect information.
Today I am offering a free elearning template designed that can be used to craft an interactive experience.
Design Ideas for the Free E-Learning Template
Here’s a flat desktop design I found a while back. It’s from the docTrackr site. I like the clean and simple design. It looks good and it’s really easy to build for someone with minimal design skills. They’ve changed their site since then but fortunately I kept a screen grab in my inspiration and ideas folder.
When I find a design I like, the first thing I do is try to replicate it. And then I try to add my own spin. This lets me learn to use the tools I have better and to think through the design structure and construction of the design elements.
Examples of the Free E-Learning Templates
As I mentioned above, the desktop illustration is a great way to present content collection. So I took the desktop idea and then made it interactive. Below are some examples of the templates in action.
The first one is made in PowerPoint and the second in Articulate Storyline.
Here is the same interaction created in Articulate Storyline. Storyline offers more interactive capability so I included descriptions for each object, visited states, and a collection meter that triggers a completion response.
Download the Free E-Learning Templates
Here are links to the free elearning template downloads:
Production Tips When Creating Your Own E-Learning Template
You are free to use the templates in your courses. However, I encourage you to create your own desktop designs. It’s a good way to practice and get better using your elearning applications.
If you do create your own templates or add content to the free elearning templates then here are a few tips to help design the illustration and the interactivity.
- Keep it simple and don’t add too much detail to the objects. This makes production easy for you and the template will look clean.
- Avoid clutter and allow for lots of white space to give your eyes a break.
- Use clutter. So you want to ignore tip #2, that’s OK. Leverage clutter the same way you might for “I Spy” or one of those “Waldo” diagrams. This could work if it’s contextual but it could also be frustrating. Something to keep in mind.
- Why be flat? The desktop used the classic floor-wall-baseboard technique. That helps center the eye and maintain a clean design.
- After making a selection, where will the information show? You need a place to show the information. Another consideration is how will you show it? Will it be a click, drag, or hover?
If you create your own flat desktop, feel free to share it. I’d love to see what you do.
Upcoming Events (2015)
- Vancouver & Toronto Workshops: We’re planning a couple of workshops in Toronto & Vancouver. If you’re interested, let us know. Click here for more details.
- March 25-27 (Orlando, FL). Learning Solutions. Swing by the Articulate booth to say “Hello.”
- April 15 & 16 (Chicago, IL). Registration page coming soon.
Day 1: How to Build Interactive E-Learning
Day 2: Use Articulate Storyline to Build Interactive E-Learning
- May 17-20 (Orlando, FL). ATD International Conference & Expo. Swing by the Articulate booth to say “Hello.”
- June 3 & 4 (San Francisco, CA). Registration page coming soon.
Day 1: Learn to Create Your Own E-Learning Assets
Day 2: Use Storyline to Build Interactive E-Learning
- Other locations include: Philadelphia, Memphis, Atlanta, Vancouver, and Toronto.
E-learning Community News
- Learn: Want to learn more about elearning? Check out these articles and free resources in the community.
- Get hired: Job board for elearning, instructional design, and training jobs (updated weekly)
- Participate: Weekly challenges to sharpen your skills and show off what you’ve done. Great way to learn and get feedback.
- Resources: Free PowerPoint templates, free elearning templates, and free e-books. Updated all the time.
- Inspiration: Cool elearning examples.