4 Tips - Make your PowerPoint slides visually appealing

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.

slide1oldarrowslide1new

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.

slide2oldarrowslide2new

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.

slide3oldarrowslide3new

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.

slide4oldarrowslide4new

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.

Create custom backgrounds for brochures and presentations

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:

waterford entrance 2waterford entrance 1watermark

And the final result:

residential 3 copy

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):

step1

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):

step2

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:

final

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

CNet’s Webware Awards - Vote for your favorite Web 2.0 app

CNet’s Webware has posted a poll where users can vote for their favorite Web 2.0 apps. The apps are split into 10 categories, with 25 apps listed in each category - holy overload, Batman! While the list includes some non-Web 2.0 apps (Internet Explorer!?!? Come on….), it does include some services worth reviewing. I thought I’d start by listing the contestants by category, pick the one I think is the winner, then start reviewing some of the more interesting services. We’ll see if my picks change after taking a hard look at some services I’ve not yet joined.

Webware’s choices are split into the following categories:

Browsing
They’ve included several non-Web 2.0 apps here, including Internet Explorer, Firefox and Opera. I still use Bloglines, but most of the masses seem to have moved on to Netvibes or Google Reader. LeapTag is an interesting project, StumbleUpon seems to have enjoyed a resurgence in popularity, OpenID is gaining traction (but I fail to see why it’s a Web 2.0 app), and Yahoo Pipes is a potentially revolutionary app. This is a tough one, but I’d have to pick Yahoo Pipes.

Communication
Several non-Web 2.0 apps here, along with some heavy-hitters - Gmail, Yahoo Mail, Twitter and Skype are all likely candidates in my book. While there are other interesting projects on the list, like Zimbra, Jaiku and Meebo, they don’t have the popularity of the heavy-hitters. The widget-based platforms like Netvibes and Pageflakes (where’s iGoogle, by the way?) show a lot of promise, but aren’t simple enough to attract non-techies yet. My pick - either Skype or Gmail, although that perplexingly-popular Twitter will probably win.

Community
Not so long ago, this would have been an easy category to narrow down to a short-list between MySpace, Del.icio.us and Digg. With Facebook’s recent re-launch and the resulting exodus from MySpace, that may be a serious contender as well. I’ve used DeviantArt for years and never considered it a Web 2.0 app, but I suppose it does have some of the characteristics. Bebo seems to be picking up steam, and MyBlogLog is gaining popularity after Yahoo announced some upgrades. Other recognizable services, including Ning, LinkedIn, Reddit and Netscape, don’t have the popularity to beat the top three. My pick - Digg.

Data
There’s some pretty innovative stuff here, like Swivel’s data-sharing and exploration tools, and BlinkX’s video search. Most of these services are pretty esoteric though - you’re pretty much guaranteed to be a techie if you know about them, let alone can use them. Popularity and service recognition will be a problem with most of these services - except one. Winner - Google. ’nuff said.

Entertainment
Where the hell is Joost?? It can’t be excluded due to beta status - several other included services are in beta as well. And it can’t be because it’s “not Web 2.0 because you download a client” - they included IE7 for Pete’s sake! This is a weak category - a bunch of game sites, video blogs and party planners. Really, what makes watching Major League Baseball or some dude with a hat-cam Web 2.0? Most entries are neither innovative nor useful; some, like Midomi are innovative but not really useful and others, like Upcoming are useful but not really innovative. ABC and CBS have large audiences to pimp their apps to, but I doubt most members of that TV audience know of or care about this contest. My vote would go for MyPunchBowl for combined usefulness and innovativeness, but the Kevin Rose effect will probably carry Revision 3 for the win.

Media
A lot of ground-breaking services have entered this space - it’s becoming overrun, in fact, with startups concentrating on video and photo sharing and editing. We all know about YouTube, particularly after the buzz surrounding Google’s purchase and Viacom’s lawsuit. Flickr is another popular service with recent buzz. Right behind those two in name recognition are Pandora (who recently announced deals with Sansa, Sprint and Sonos), PhotoBucket (who was recently blocked, permitted and bought by MySpace and now has a Facebook F8 app), Napster (who was insanely popular during the wild-west days of filesharing and has been trying to capitalize on that popularity ever since it turned legit) and Amazon’s UnBox service. Several entries have created apps for Facebook’s new F8 platform, including Photobucket, iLike, Mog, PikNik and Slide. For sheer name recognition, media attention, popularity, Google’s backing and features, my pick goes to YouTube.

Mobile
I have to admit, not only do I not know many of these services, I don’t care to. I recognize cell phones as the next unconquered territory, but I use mine for calls and that’s it. Besides, whatever company signs on with the iPhone will be the next big thing. I see a few interesting entries like Google’s free 411 service (it’s interesting that Jangle’s service is not included in this category), Google Maps Mobile, KushKash (a money-management app that recently received $11M private investing), TellMe (another free 411 service) and Yahoo’s OneSearch. Personally, I think any service that relies on GPS (which I suspect most cell phone users still don’t want to activate) or provides media (music, games, movies, etc) isn’t a good bet just yet - not enough people want to participate in that sort of stuff. Market penetration into this category of consumers requires something useful, practical, easy to use and not requiring a user to install an app on the phone - thus, my pick goes to TellMe.

Productivity and Commerce
Wow, here’s an open field with a lot of strong contenders. Google’s got three entries with Adwords, Calendar and Docs & Spreadsheets. eBay has two entries with eBay and PayPal. Other entries backed with gobs of name recognition and popularity include Amazon, Microsoft Office Live, , Yahoo Calendar and . Even some of the lesser-known services are heavy-hitters in their own right: Zillow and Trulia offer real estate tools and searches; Craigslist has a huge following of people looking for local job listings and classifieds; business apps SalesForce and BaseCamp (which hails from 37signals, known for Ruby on Rails and other business-centric apps); and other Docs-style apps, including Zoho, ThinkFree and EditGrid. One interesting entry has no competitor entries: Farecast, an airfare-comparison app I use quite a bit, but doesn’t have the name recognition of most other entries. This is a tough category to call, and you have to take into account the types of people who will vote for their app-of-choice - business people, for instance, aren’t likely to take the time to vote for Basecamp or Salesforce. Google and eBay may have huge followings and multiple entries, but considering none of the most popular services are advertising the contest on their sites, and taking into account the viral nature of Amazon’s community, my bet’s on Amazon.

Publishing
Is there a Google stone left unturned? Blogger, Feedburner (you did know Google bought them, right?) and Google Analytics all make the list. Adobe’s Flash and Microsoft’s Silverlight (why didn’t Adobe’s Apollo make the cut) round out the big names, and many services known to few non-bloggers (including Vox, Widgetbox, Tumblr and the infamous PayPerPost) vie for eighth place. This category, however, is all about Drupal vs Wordpress - both have large followings, are directly and indirectly advertising the poll to their users (Wordpress is advertising here) and are supported by incredibly viral and loyal communities. Backed by the Wordpress.com community, my money’s on Wordpress.

Reference
Map and local search apps get a strong showing - Ask.com (who has adopted some viral marketing lately), Google, Microsoft and Yahoo all have entries. Venerable IMDb and WebMD are present. Some recent upstarts gaining news also make an appearance, including Geni (family-tree startup by PayPal’s former COO David Sacks, gaining news and funding), Instructables (funded by Tim O’Reilly’s OATV and frequently featured on Lifehacker) and RapLeaf (a reputation tracker who made the first Facebook F8 cut). However, my bet’s on Wikipedia, who should have the recognition beyond web-heads and viral popularity to handily win this category.

Conclusion

There are some interesting entries that definitely deserve a review. It would also be interesting to see a breakdown of entries by owner and funding source - maybe I can throw one together over the next couple of days.

Who are your picks? Tell me in the comments below.