December 05, 2006
A picture is worth a thousand words, more or less
A few weeks ago our project team was reviewing beta version .95 of Web site X, when we realized that we each had different reactions to some of the photos used in the project. While person A felt that photo 1 invoked a certain mood, person B felt something else. Given that site X requires a certain amount of precision we decided to explore other options such as purchasing stock photos pertinent to the topic.
Today Greg Szorc commented on the forums about a photo choice on another Web site. In this case Greg and I had entirely different reactions to the chosen image. Thus today I thought I'd write about choosing photographs and images for Web sites.
Why I prefer including images on blogs and Web sites
I use images on my sites for the following reasons.
- Images can add or enhance the meaning of the written message. The addition of a map—to the page offering directions to your office—helps users who are more visually inclined. A photo of your building gives them something to look for that will be easier to spot than just a name or address. If you use your site to explain a scientific process, a diagram could help clarify your description.
- Pictures offer a visual clue to the topic. Users often make pretty quick decisions when looking for information on the Web. In deciding which page has what they need they may quickly skim a number of sites. Careful choice of headlines, subheads and images can give users the clues they need to decide if they've found what they want. As the headline above indicates, a photograph or picture can convey an idea more quickly than can words alone.
- Photographs and illustrations serve to break up the copy, offering visual pauses to ease the reading process. If I'm reading a novel, I don't want the distraction of too many pictures. They could interrupt the flow of the narrative. But people still find it more difficult to read long chunks of text on computer screens. Eventually technology will overcome this, but in the meantime images, headers, and lists all can be used to break up copy into easier to read chunks.
- I have easy access to photos. Since 1999 I've taken between 15,000 and 20,000 pictures on campus, not to mention everything else I've shot. While many of these are dull (you have to take many pictures to get 1 good one) they still give me quite a few options. With digital cameras becoming more and more affordable, and services like flickr, it is now relatively easy for any of us to begin building our digital libraries.
Beauty is in the eye of the beholder: so is meaning
As Wittgenstein showed us with his duck-rabbit, it is fairly easy for us to interpret images (and words) differently. When viewing a picture or even reading a sentence, each of us brings with us our own personal experience. An Indonesian and a Scandinavian could both find a photo of a snowy field to be beautiful, but they would also have distinct reactions based on their past history (or lack thereof) with snow.
Or, reflecting on more recent experience, one who skidded in today's snow might look at a photo of a new Michelin tire with more desire today, than say, last July. Today the photo might make me covet the tire. Last July it might have made me think, "When was the last time I checked my air pressure?"
Given that, how do we choose an image that serves one or more of the above goals for all of our users?
In the past I've always just followed my instinct, but I think that when doing so I've usually chosen to either pick a very specific image, unique to the page, or something so general that a breadth of interpretations will be fine.
If I'm creating a site for an event that will feature Dean Kamen, I'll try to post a photo of Dean Kamen. If I'm making a page about Cleveland weather no single shot could say it all, but a photo of Lake Erie in sunshine shows that it's not always dreary, while the accompanying text clearly acknowledges winter.
Alas some topics are more ambiguous. On this entry, for example, I had no idea how to choose an image that would reflect the idea of trying to choose an image. I could have taken a photo of a collection of photos or I could have made a slide rotation that featured many images. Instead I decided to do a visual pun on the headline and shot a photo of my associate Lisa's word magnets. And yet the more I think about it, the more I think I should have spread a pile of pictures on a light table, added a jewelers loupe, and taken a picture of that.
So many choices. What do you think? How do you choose what images to use? Have you ever received questions or feedback on your choices? Do you find some topics require more care and precision than others? When do you prefer to eschew images altogether? Perhaps together we can come up with some parameters that will make this process easier for everyone.
p.s. Although images add value, please be mindful of those with vision impairments. Don't rely on images alone to communicate something important. Instead be sure to include alternative text.
Stumble It!
Posted by: Heidi Cool December 5, 2006 04:54 PM | Category: Content , Heidi's Entries , Tips and Tricks
Trackbacks
Trackback URL for this entry is: http://blog.case.edu/webdev/mt-tb.cgi/11623Post a comment
Posted by: hac4 (Heidi Cool) December 5, 2006 04:54 PM | Comments (14) | Trackback
http://blog.case.edu/webdev/2006/12/05/pictures.html
Office of Marketing and Communications
http://www.case.edu/univrel/marcomm/
http://blog.case.edu/webdev/
216.368.4440
Comments
I used images, usually stock photos, primary to enhance the meaning of the textual content of my blog. Yes, it provides a quick visual clue to the topic. And, it spices up the black text on white pattern on the screen.
I find it easier to select images for my blog than a traditional website. My image selection process is quite close to what you mentioned and I didn't realized it until I read this article.
Great post!
Another reason to use images is the image sites popping up. Google images, yahoo images ...etc. I have actually received a bunch of traffic to my blog from these image search engines. I often will use this in conjunction with some of your mentioned reasonings.
I agree, great post.
Steve
Excellent post.In my experience the images you choose should always relate to the blog post or you shouldn't use them.
Photos that you will be posting must be your own. However, if you don't customize the photos before posting them, you may miss maximizing the enhancing benefits graphics can add to the blog page. Adding photo borders can help the photo stand out from the page.
It can also add to the design of your blog. You can choose a standard border or you can also create your own border which can be associated with your blog's templates.
Great post and I completely agree, images are much better than text. However, you have to make sure you have the right amount of text to complement and explain the image.
I couldnt agree with you more on that.
Great post -- found this site via a Google search...
.. And if you have even basic split testing software, you'll get the right answer (because your visitors will let you know instead of guessing what they like).
Finally, I'm going to be split testing an idea I found on a popular message board... the idea of having an attractive person (of the opposite sex) looking at me from behind. I understand this bumps response, too.
great article
thanks
Would I be too cliche in saying a picture is worth a thousand words?
Interesting data...
Hello Heidi,
Images always enhance the page and when used correctly can offer a greater user experience when visiting your site. Many times I'll make a post without any pictures, but the post's with pictures always get a better reaction.
Split testing is a great idea!
Love the Duck-Rabit
All The Best!
Steve Renner
Hi Heidi,
Not sure if my 1st post worked or not, so here goes again...
Using pictures on the site always enhances the user experience. I have found in testing that posts with pictures always attract more readers.
All The best!
Steve Renner
Excellent approach to create blogs and websites.
I too agree images are much better than text.
Totally agree...more images the better. We're visual beings.
I came across this post, and could not resist the opportunity to comment. What an amazing amount of photographs you have taken! 15k-20k! ouch.
Photographs evoke so much more than words, the richness of the textures, the complexity (or subtlety) of composition stimulate our senses and picque our imagination. The neurons dance when we look at images much more so than words or music. Or I am biased? I work for a photographer's hosting service, so probably.
That would certainly give our hosting service a run for it's money. We offer Infinite Image Hosting - but so far, we have not tested it with such a huge volume. If you want a free account, let me know and I'll get someone to sort it out.
Pictures, graphics and colors usually shows more than a text paragraph. No need to read much and if well placed, gives users another reason to keep reading and/or revisit your blog or site.