Many rapid elearning courses look at lot like the stereo-typical PowerPoint slide. They’re flat and bland. In a recent email, someone wanted to know how to make their screens look more interesting without requiring advanced graphics skills.
In today’s post I’ll show a simple tip that we’ve been sharing in our workshops for a few years now.
Why Be Flat?
We call the following tip the floor-wall-baseboard (FWB) technique. However at a workshop a few years ago, one of the participants recommended we change the FWB to WBF (Why Be Flat). I like it.
Why be flat? That question addresses the essence of this technique. Why should your screen be flat? The world isn’t flat (maybe). It has dimension and perspective. So why not do the same for your elearning courses?
The trick is to break the screen into three pieces: floor, wall, and baseboard. That’s all you need to get started. To do this, create three core shapes. The shapes can be filled with solid colors, gradient effects, or images.
Essentially you’re adding a horizon line which creates a sense of perspective and the illusion of space. This allows you to convert a flat screen into one that is visually rich and offers a sense of perspective.
Here’s a quick example of the “Why Be Flat” technique.
The image above represents the typical slide. We have a character and we’re using the ever popular chalkboard. This screen isn’t bad, but the background is stark and there’s no depth.
First, we’ll add a different background. That’s our wall.
The wall already starts to make the screen look more interesting. The white’s gone and the screen has a softer and more elegant look. Next we add the floor.
The floor creates the horizon line which gives the image depth and is visually rich. But just like when remodeling your house, you want a baseboard on the floor to add that extra finish.
As you can see, the baseboard does a great job dressing up the image. It creates a clean line; and based on where it’s positioned, the baseboard adds perspective. The cool thing is that you’re not limited to be too literal. In the example below, the baseboard’s a ruler which ties into the visual theme of education.
The examples above are a literal floor, wall, and baseboard. But don’t limit yourself to what’s literal. The key point is to create a horizon line and then work from there. In fact, David Anderson, who presents with me at my workshops, has some really good tips on using the “Why Be Flat” technique for your elearning.
- Tutorial 1: Give your slides depth. Examples of how adding depth to the screen can really add some pizzazz. He also does a nice job showing that you don’t need a literal floor, wall, and baseboard.
- Tutorial 2: Quick way to create perspective with the floor image. This is a good tip especially if you’re limited to floor images.
- Tutorial 3: Create depth by layering images. Combines elements of the “Why Be Flat” technique by separating screen elements.
- Tutorial 4: How to create the floor, wall, and baseboard. Good overview of how to use PowerPoint’s shapes to create the elements. This would work in Storyline, too.
If you want to continue the conversation and learn more, follow this thread in the elearning community. It offers some additional tips and tricks as well as files to download.
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.
- January 28-29 (London, UK). I’ll be at Learning Technologies, swing by the Articulate booth #42 to say “Hi.”
- January 30 (London, UK). Doing a couple of seminars on building interactive elearning. Click here to register.
- February 10 & 11 (Omaha, NE). Sign up for one day or both:
Day 1: How to Build Interactive E-Learning
Day 2: Use Articulate Storyline to Build Interactive E-Learning
- March 10 & 11 (Phoenix, AZ). Registration page coming soon.
Day 1: How to Build Interactive E-Learning with Articulate Storyline
Day 2: Articulate Storyline Brainteasers
- March 25-27 (Orlando, FL). Learning Solutions. Swing by the Articulate booth to say “Hello.”
- April 15 & 16 (Chicago, IL). Details coming soon.
- 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, Portland, 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.