The 5 C's of Selecting Imagery for Your Website
Posted by Don Elliott on Mar 4, 2015 9:00:00 AM
See what I did there? The 5 C's of selecting photos for your site... now that they're all C's, you'll all remember them better!
I can't stress enough the importance of beginning with good content. From a design perspective, so much of the impression your online presence leaves on users depends on the imagery you select and how you use it. More often than not, clients come to us with little to no imagery for their web project. Even when they do, the odds of it being good imagery are pretty slim. Needless to say, I spend a lot of my time scouring stock photography sites searching for fantastic imagery to bring all the elements of a web masterpiece together.
Whether you're searching for imagery as a client or on behalf of a client, here are a few items to keep in mind:
Is it crisp?
Can you tell this is an amazing picture of a shark battling a narwhal? It's a darn shame you can't experience it in all its splendor: It looks like a screenshot from a Gameboy Advance.
Size does matter. The bigger an image you can provide, the better. Imagine the difficulty of starting with a tiny image and trying to create a full-width slide image. These small, low-resolution images only allow for two outcomes: You either come up with some creative way to incorporate the smaller image into a larger image or you enlarge the image to the proper dimensions. The latter results in a giant, fuzzy mess. That's NEVER a good idea.
Is it coherant?
Can someone please explain where you would ever use this image?
Occationally, companies will insert thought-provoking images to grab the reader's attention. They'll insist it's just the thing to represent the subject matter. However, there is a thin line between an image implying something and an image missing the mark altogether. Make sure you stay mindful of what your image communicates from your users' perspective.
Is it candid?
Jeepers, look at that racially diverse group of hot twenty-somethings giving us the thumbs up! Surely nothing could explain better how amazingly a customer will benefit from using whatever miracle service is being offered here.
There's just one problem with imagery like this: It feels unbelievably "Stock". The quality of the image is fantastic--great color, lighting, depth, etc.--but there's nothing genuine about it. It feels completely staged.
When selecting imagery, look for great quality images that feel plausable.
Is it captivating?
Pictures of static products don't have to feel boring. There's plenty of boring in an average day; the services we offer or the products we try to sell online may not be the most glamorous things ever. By using the right lighting, color and prespective of any product, you can bring sexy back. (Sorry, Justin Timberlake; couldnt help using that line.) To the right are ordinary ring binders portrayed in bold, bright colors.
Is it consistent?
What do a shark/narwhal painting, a man holding a cigarette filled bananna isolated on a white background, some goobers giving the thumbs up, and a tight shot of folders have in common? Nothing! All too often, people search for imagery for their web project with no mind for how all of the images come across as a set. How do the images represent your message as a whole? Focus on your brand when choosing images for your website design. As you search, pay attention to the similarities between images and ask whether or not those similarities are visually apparent. Just because the subject matter of your elements is essentially the same doesn't mean they feel like they belong together.
Written by Don Elliott
Don holds a degree in Multimedia and Web Design from the Art Institute of Seattle and has worked in web design for nearly two decades. He is also an award-winning illustrator.