No ShrinkWrap Web2.0 Reviews

If you watched the video I put together, you’ll know I’m a little inherently cynical when it comes to PowerPoint presentations. Too often, I find myself subjected to a “I used PowerPoint because I had to” presentation - regurgitated themes, bullet-point summaries and outlines, and forcing too much information onto each slide. Sound familiar?

I recognize, however, there are times when PowerPoint presentations are useful, and there is such a thing as a “good” PowerPoint. I’m in the process of putting together a list of guidelines and suggestions for creating successful PowerPoint presentations for our faculty, which may find their way here as well. As a teaser, here’s 4 tips and examples on how to make your slides visually appealing without too much effort.

1. Mix it up with contrast.
Visual elements in PowerPoint presentations are useful, primarily by giving visual learners an anchor for your ideas. Sometimes, however, visual elements drag audience members’ focus away from ideas you intended to emphasize. Using short phrases and simple high-contrast layouts can help emphasize your idea without disrupting your audience’s focus. For example, the first slide here uses a short phrase for punch, but lacks visual impact. By using a simple high-contrast layout, you can keep the short phrase and short attention lapse as viewers look at the slide, while adding visual impact.

2. Combine your image and text elements.
Used effectively, white space can be a powerful design element. The first slide below demonstrates a common misuse of white space frequently appearing in PowerPoint slides - placing a photo on a slide leaving large amounts of background border, then placing a text element outside the image. The second slide, without skewing the photograph much, combines the photograph and text elements to present a more pleasing, less jarring slide. The more “pleasing” your slide, the less inclined viewers are to focus on the slide instead of your content.

3. Use a visually appealing layout.
Take a page from web site layout design. Studies like this one reveal a trend - people tend to read web site content in a F-shaped pattern. According to the study, accompanied by a heatmap illustration I modified:

In our new eyetracking study, we recorded how 232 users looked at thousands of Web pages. We found that users’ main reading behavior was fairly consistent across many different sites and tasks. This dominant reading pattern looks somewhat like an F and has the following three components:

• Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F’s top bar.
• Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F’s lower bar.
• Finally, users scan the content’s left side in a vertical movement… This last element forms the F’s stem.

F-Shaped Pattern For Reading Web Content, http://www.useit.com/alertbox/reading_pattern.html

Although this study dealt specifically with how viewers read web pages, at least these two broader principles apply to almost any text-based digital medium:

a. Viewers don’t tend to read your page or slide in entirety.
Make your text elements as concise as possible for maximum punch and impact.

b. Viewers tend to scan digital text in a particular pattern.
By placing your text elements somewhere on the F-shaped path, readers may subconsciously find your slides to be more readable, and thus be less inclined to split their focus between reading your slides and listening to your lecture.

As an example, the first slide below uses short points, but follows a common PowerPoint readability mistake: placing an image on the left and text elements on the right. The second slide allows readers to scan text left-to-right uninterrupted by other elements, and places the text elements on the top-bar and bottom-bar primary paths of the F-shape scan pattern.

4. Make creative use of your backgrounds.
Backgrounds and image elements should enhance a slide. Often, however, presenters select generic themes with generic backgrounds and insert clipart or images that, while perhaps related to the slide content, don’t complement the slide content. As an example, the slides below use a photograph of a classroom to promote professional development and customized seminars related to classroom instruction. The first slide follows a common layout placing the photograph on top of bullet-point text elements, creating a generic, non-memorable slide. By moving one of the bullet points to appear as written on the white board in the photograph, the second slide combines the text and photo elements in a creative way, presenting a unique, more memorable slide.

Have any tips for creating memorable, visually appealing slides? Share them in the comments below.

Thank you for visiting NoShrinkwrap. If you enjoyed this article, check out the related posts below and subscribe to our feed.

Recently I designed a custom brochure for a construction company. The client wanted mostly images with very little text and a professional layout. Clearly, a template-based tri-fold brochure cranked out in Microsoft Publisher was not going to get the job done.

As a side note: I plan on using this and similar techniques to create custom PowerPoint slide backgrounds and theme elements. A PowerPoint presentation’s design should use little text and combine with lecture material to provide visual cues that help students remember key points. The overall look of a PowerPoint presentation can affect a lecture’s success - the more professional and targeted a presentation’s theme and graphical elements are, the more likely students will be engaged and pay attention to the visual cues.

For the client’s brochure, I decided to start with a custom, watermarked background - by choosing the right construction-looking picture and creating a background from it, I could bring the images on each page together for a cohesive presentation. Once I designed a custom background for the images, the rest of the brochure practically created itself.

Before I begin: while I used Photoshop to create these brochure pages, I’m sure other programs like Gimp can be used to reach the same results. Since I work with faculty and students, I’m always on the lookout for open-source (or at least freeware) that can replicate what I do in pay programs; if I find a way to replicate these results in Gimp, I’ll write an addendum.

First, here are the images I used to create one of the brochure pages:

And the final result:

Since the client is a construction company specializing in building natural rock walls, I wanted a background that depicted boulders but lacked a lot of detail - too much detail would draw focus away from the project photos. I liked the look of the pile of boulders above - it’s very rough and chaotic and has a lot of character and edges, but I couldn’t use the photo itself. I started by cropping the image down to just the pile of boulders and copied the result into a new image in its own layer.

For the watermark, I envisioned somehow dropping the detail in the photo, making it black-and-white, then finding a suitable background color. I found the Graphic Pen filter accomplished much of what I wanted - I made sure my active foreground color was black, then applied the filter with the following result (before and after comparison):

Next, I used the eyedropper tool to select a neutral rock color from the original boulder photo - in this case, I selected #d0b08a. I used the Paint Bucket tool to fill the background with the selected color, then used the Layers palette to drop the opacity of the watermark layer to 30% so the background color shows through (you can also modify layer transparency by using the menus - Layer > Layer Style > Blending Options):

The resulting watermark is a great backdrop to the client’s construction photos - relevant to the brochure material and stark enough to show necessary detail while soft enough to not draw too much attention:

Have any favorite watermark and PowerPoint tips? I’d love to hear them - leave me a comment below.