Screensaver Designer's Guide

How Much Content Will You Need

In general, you won’t sit and watch a saver play over and over and over again. You tend to look at them on and off for a few seconds at a time throughout the day while you are on the phone, walking by a cubicle, or hanging out at home. If you have one minute or more of content in your saver, your saver will stay interesting.

Randomize Behavior

Some screensavers look great the first time through but get old after playing for awhile. Try and figure out a way to make your saver random or appear random. Run it on your machine for a few days and see whether you get tired of it.

One way to accomplish this goal is to make objects appear, disappear, move, and scale randomly with ActionScript.

Our dragonfly screensaver is a simple example of this strategy. In this screensaver, dragonflies buzz across the screen at random speeds and sizes, giving the effect of being very near or very far away.

Compelling Slide Shows

Slide shows are the simplest form of screensaver. If you are creating a slide show saver, have at least a dozen photos playing at five seconds intervals. Even if your images don’t play in random order, with a one minute loop and 12 images, the brain will tend not memorize the sequence.

If you can, refresh your slide show periodically by pulling new, consistently themed images from the web.

Animation Loops

If you are making a saver from serial animation, consider creating 5 or more small serial animations that play in random order. If you use one long serial animation, the brain tends to remember the story and it can get old.

Keep Your Branding Subtle

If the saver is just a spinning logo, it wouldn’t last long on the user’s computer and has limited viral potential.

In the end, it’s far more important to make a saver that lasts, than one that hits the user over the head with a branded message once and is immediately deleted.

User Customization

screensavers can be more engaging if the user can customize them.

Our Moon Cow saver is a silly example of this idea. The user can control the size of the cow’s udder by adjusting a control in the Settings Window. Screentime for Flash has special functionality that enables the Settings Window SWF to share data with the Saver SWF.

Another example of a screensaver with user customization is BlogSaver. This screensaver by Smashing Ideas was designed to keep Flash users on the tip by displaying the web logs of top Flash designers and evangelists. BlogSaver allows users to pick which blogs they want to follow.

Monitor Resolution and Scaling

If you are using non-vector content like JPEG images, give some consideration to how they will appear at different monitor resolutions. Flash does not scale JPEGs well so you might consider making your stage a size that shows your images at their best. You can turn scaling off by including a Stage.scaleMode = "noScale"; in your first frame before your images are visible.

Our Twelve Pictures of Tibet screensaver does just this.

File Size

If you are planning to offer the screensaver for download, consider its download time and the load this activity will put on your server.

Generally speaking, you can make a great screensaver in less than 2Mb. On most sites having a 4Mb download is still not that big of a deal, but remember that it takes a while to download 4Mb using a dial-up connection.

If you are distributing your saver via a CD, your saver can be almost any size.

Optimizing Playback

The animation will be playing fullscreen. If your saver is all vector graphics, it will look great at that size. If you include stretched bitmaps and transitions, your performance may degrade. If the saver plays slowly, take a look at these Adobe Tech notes on improving performance.

Sound

If you plan on having sound in your screensaver, include an on/off control. screensavers that play sound can be inconvenient and annoying at times. Our setting window does have a mute check box but you may want to create a prefs window accessible from the screensaver itself that contains a sound control. Another option is to assign a key to toggle the sound on and off.

Give Them What They Want

For the consumer, a screensaver is a form of expression or something that satisfies a personal interest. For you, it’s a billboard delivering 24/7 impressions. Remember if you don’t give them what they want, your screensaver will be gone in seconds.

What do consumers want?

They want a saver that expresses the affinity they have for the brand. They want something fun and useful.

The saver has got to say…

I like to have fun. This movie was great. My Employees need this information. This is relaxing. I think this looks cool. I like fast cars.

They don’t want boring product shots, spinning logos, and slogans.

Tabasco is a brand with attitude. Tabasco aficionados see themselves as daring, irreverent individuals. Brand loyalists eat it and wear it. With this in mind, Brad Brewster, Creative Director of Bent Media, designed several screensavers for McIlhenny's that are fun and kinda crazy -- zany cajun characters dance on and off the screen, things catch on fire, you hear zydeco music and there is a quiet Tabasco presence. More than 500,000 users have downloaded the Tabasco screensavers, with an equal number estimated to have passed screensavers on to friends virally.

If your product is car parts, your customer probably wants fast cars -- not just u-joints and manifolds.

If your client is Herbal Essences Shampoo, getting a customer to download a screensaver may seem like a stretch. However, if the saver is beautiful, soft, fragrant (almost literally) and revitalizing, chances are the product’s target audience will love it. If you make their computer prettier and more feminine, who knows, they may tell two friends who will tell two friends, etc. Oops that’s someone else’s slogan.