How To Use Photos To Sell More Online

Advertisement

As a photographer and UX designer, I pay particular attention to the effectiveness of photography when I’m testing with users. Regardless of the context, users rarely fail to comment on or be influenced by photography when shopping online.

This article pulls together principles from psychology, marketing, UX design and photographic theory. It provides a set of principles to follow when commissioning and editing photography and when planning and designing profitable e-commerce user experiences.

Show Off Product Benefits

The best way to sell products is to let them sell themselves. Consider the Gorilla Pod shown below. The photo demonstrates brilliantly the benefits of the product. The copy is supplementary; the image does the heavy lifting. Let photography do the selling for you as much as possible.

Gorillapod tripod attached to a railing

Don’t Give Reasons Not to Buy

One client sold flowers online, and many customers were buying flowers for hospitalized relatives. Many of the arrangements were displayed in glass vases in the photos on the website but were not actually delivered in vases. Not knowing this, many users felt that they couldn’t buy from that website, because hospitals in the UK (where the business was located) do not allow vases onto the wards.

Flowers for sale

Create an Immersive Experience

Photographs have the potential to elicit an emotional response. They can also communicate information quickly; they are easier to “read” than text. Photographs give depth and context to a story, thereby creating a more immersive experience than text can do alone. Photos can be used to inspire, enrage, inform, provoke or entertain.

Lightning over mountains

Make ‘em Laugh

Photos have the capacity to entertain as much as to inform. If it suits your brand, why not inject a bit of humor? If your website asks users to perform chores (such as doing admin tasks or paying bills), a dash of humor can ease the burden—and your customers might love it.

Man paddling a pedalo on a flooded road

Educate and Inform

“Tell me and I’ll forget, but show me and I’ll remember.” Learning can be difficult, but supporting theory with visual stimuli can help us grasp complex concepts and confirm our understanding. Images are easy to remember; how often have you met a new person and found later that you could recall their face but not their name?

Various animals and insects

Tell a Story

From an early age we are told stories, and we spend our lives telling stories to friends and families. We know that pictures are effective storytelling tools. Even in the news media, multimedia slideshows are produced to give life to news stories.

A construction worker at work

Highlight Innovation

People have certain expectations of how things should look and function. If you have a product that differs from the norm, expect a large portion of interest to come from word of mouth; friends will show it to friends, who will show it to their friends, and so on.

The Dyson Multiplier

Show People How to Do Something

I’m usually the first one to toss out the instructions and work it out for myself. How hard could it be?! The example below illustrates how useful imagery can be when conveying a complex procedure.

Instructional image showing placement of a microchip

Don’t Mislead Users

People often jump to conclusions when shown certain types of images. We showed pictures of shirts during some recent testing, and people assumed they would come with cufflinks and ties, but these were added by the stylist to make the shirt look appealing.

Shirt sleeve with cufflink

Evoke an Emotional Response

Photography is often used to communicate hard-hitting messages (about the environment or human suffering, for example) because it evokes strong emotions. Charity campaigns, for example, know that by photography can get them the type of reaction they want.

Seal stranded within an oil slick

Plug Accessories

Showing the product’s accessories helps users imagine how they could enhance their experience of a product. Photos of accessories stimulate desire and offer suggestions about where to direct that desire (i.e. what to purchase next).

Camera and accessories

Show Features and Versatility

Showing a product in use communicates what it’s for and how to use it, and it helps users imagine how it will fit into their lives. It can result in a feeling of need; it will solve problems the users didn’t realize they had!

Man on a bike

Understand Needs

I remember doing some testing for a major automotive client. The fellow was a keen kite surfer, so his primary interest was the size of the car’s trunk. He is the perfect example of a customer who has primary considerations, or “deal-breakers”, on which they are not willing to compromise. Photography can help your website communicate that needs are being met; sometimes, the more photos, the better.

Car boot full of cases

Match the Imagery to the Brand

Brands are created and reinforced by photography. A mental disconnect occurs when photos don’t accord with the user’s preconceptions about the brand. It feels wrong and makes the user question what the brand is all about.

Howies website

Sell a Lifestyle

Whether it’s rural life, the good life or city living, everyone strives to live what they believe to be their perfect lifestyle, and we buy things that match that lifestyle. So, when products are displayed in the context of a lifestyle, we assign value to the product based on our desires. For a wonderful example from a TV campaign, check out the John Lewis “Never Knowingly Undersold” TV ad.

Demonstrate Exciting Features

Photography is instant communication, so make it about the best features of your product. I hate getting wet when I cycle, but a coat takes up loads of space in my bag; imagine how compelling the Montane image (below) was for me. I bought a Montane jacket.

A coat that packs down to the size of an apple

Make It Beautiful

The camera generally lies. That is, beyond setting and context, there are all manner of camera tricks to help you make the subject look beautiful and desirable. Consider the iPad as a photo frame, and see how the picture is enhanced.

A beautifully styled plate of food

Avoid Clichéd Stock Shots

We commonly get feedback from users about their universal loathing of stock photography. A recent project for a university client showed how users preferred “real” photos to stock images, despite their less polished look. Users wanted a realistic vision of what actually went on at that university.

A group of office workers cheering

Create Desire

The Web is about self-service. It’s also an ideal way to escape reality. Travel websites know how important it is for potential customers to see resorts and rooms before purchase and travel. They know that the customer needs to envision themselves in that hot relaxing place when they book tickets from their cold home in January.

A beach leading to a tropical island

Be Stylistically Consistent

John Lewis, the UK department store, takes a painstaking approach to product photography, often taking up to 30 minutes to style individual items within a vast product range. The company defines and adheres to a particular photographic style. The results are stunning because the style is applied consistently.

Jumpers on the John Lewis website

Convey the Intangibles

Bentley’s sales often result from brand values such as quality, craftsmanship, heritage and tradition. Often, the qualities related to a product are hard to put into words. Photography can help convey those qualities clearly.

A sewing machine stitching leather

Show Some Personality

Photography can convey the essence of a product or service, but it can surprise and delight, too. I was looking for something recently on the Ikea website and came across the page below. It reinforces the fact that Ikea doesn’t take itself too seriously, which is a nice touch, and easy to do.

Painted into a corner

Be Subtle Sometimes

I recently conducted some research for Wiltshire Farm Foods. The response to this photo was amazing: users got the impression that food would be delivered to their elderly relatives whatever the weather. This was of critical importance to them because of the harsh winter. It’s amazing how powerful subtlety can be.

Food delivery van delivering in bad weather

Look Professional

The rules of portraiture dictate that a simple uncluttered background will focus interest on the subject. This rule is applied well on product gallery pages, where product images are cut out and presented against a white background.

Jeans on the John Lewis website

eBay unavoidably suffers from inconsistency, and the page below illustrates how much easier seeing products against a simple background is. Research into websites such as eBay and Etsy shows how important product photography is to buyers. Would you bid on a TV that you couldn’t see a picture of?

TV's on eBay

Threadless breaks the rules, but with good reason. The varied backgrounds feels relaxed and shows off the product in a natural setting. The crop on the subject is tight enough that you get an impression of the environment that doesn’t distract you from the subject.

T-shirts for sale on Threadless

Be Consistent

Consistency draws attention to the important things (in the example below, shirts for sale). The eye is drawn to inconsistency, so make sure any inconsistency in your composition is deliberate.

A studio is the perfect controlled environment; you can ensure that lighting remains exactly the same between shots. The lighting style reinforces the brand’s image. Examples include hard edgy light in photographs for a youth clothing brand, and soft ethereal light in photographs for an environmental lifestyle brand.

Men modeling shirts

Use Unusual Vantage Points

You can make an otherwise everyday object seem more interesting by shooting it from an angle that differs from the normal human line of sight. Sound advice: get high or get low. Do whatever you can to give a unique perspective.

A golf club hitting a golf ball

Shoot From the Best Angles

You will often hear people claim that they prefer to be photographed from a certain side or from their “best angle.” Products also have flattering and unflattering angles. Peruse some automotive websites and brochures; see how many cars are shot from a three-quarter angle. This angle suggests power and scale. The shots are clearly designed to appeal to a masculine audience.

A car pictured from the front

Show Objects in Their Natural Environment

The environment in which you place the subject helps the viewer understand the product’s purpose and suitability. A shot of a grizzly in its natural habitat seems much more fitting and “real” than a shot of that grizzly bear in, say, a parking lot. Product shots in an appropriate environment suggest both where and how the product can be used.

A group of cyclists

Convey a Sense of Scale

Buying something online can be problematic. Predicting its suitability is difficult without seeing or touching it. (Will it fit? Will it match? Will it look right?) Including an object with a known size in the photograph presents the viewer with an immediate visual reference.

The view out of the back of a van

Image Size Is Important

Increasingly fast Internet connections allow clients to work with large images. On real estate websites, for examples, images can’t be big enough; users want to fully explore their potential new homes. That said, if you will be offering a “larger view” of a photo, make sure it really is significantly larger. (My experience with testing has shown me that users are annoyed by “larger” images that are only marginally larger.)

The Apple ipad

Show the Product in Use

People want to be sure they are buying what they want or need. Show the product in use to help the user see that it suits their needs. Following the advice “show, don’t tell” removes the need for additional explanatory text.

Person walking across a wet rock in sandals

Show How It Works

Consider the pineapple slicer (below). You’d pick it up in a kitchen shop and think, “What the heck is this?” Now try explaining how it works on a website without a photo. A nightmare. Again, show, don’t tell.

A pineapple corer

Make Choosing Easy

A recent client had over 90 variations of an everyday product available for sale. The variations were meant to offer flexibility, but they bamboozled customers. The example from Ben Sherman (below) is another case of too much or poorly explained variety. How does “mod” style differ from “union” style, for example? I have no idea. The photography should make it clear but doesn’t.

Ben Sherman shirts website

Enhance the Experience

I don’t know why Bing decided to put images behind its search screen, but I like to imagine that they thought, “Heck, why not?” We like things that are emotional or visceral. Good experiences with products and services feed on our tastes and bring return business. So, if Bing helps you find what you’re looking for and is also visually appealing, you’ll use it again and again.

Screenshot of the Bing search engine

Show Details

Here is a true example of why showing details works. I recently bought a bike. A deal-maker for me was the ability to secure a rack to a fixed part of the bike; I wasn’t going to buy a bike without this. The Evans website provided large zoomable photos that allowed me to check for this detail. I bought my bike from Evans.

Close up on a bike frame

Show Me What It Looks Like

I’ve mentioned this already in a roundabout way, but showing the product raises interest and brings business.

A protective case for an iphone

Encourage Interaction

A recent test I was involved in asked users to try out the websites of different real estate agents. One user completely reversed their initial opinion of one of the agents when they saw the number of detailed photographs available; they expressed delight and interest. Encouraging interaction by providing functions such as zoom and rotate leads to a satisfying user experience.

The interior of a flat for sale

Show Me I’m in the Right Place

An important aspect of way-finding in digital environments is showing people where they are. Google accomplished this in a literal sense with Street View on Google Maps; this was an innovative use of photography. When we meet with clients in unfamiliar locations, for example, we can see what the place looks like beforehand. We feel prepared and less anxious about being late.

The Bristol Hippodrome

Conclusion

Photographs play a crucial role in informing, influencing, educating and reassuring customers throughout the buying process. Review your website’s photography and question its role. What is the job of a particular photo at that particular stage of the process? Is it effective? When might customers drop out, and how could photos prevent that from happening?

The task of image selection often falls to the designer. User experience professionals should actively influence the process of selecting photos for the buying process. The days of having a placeholder for images in our wireframes and prototypes are over. We should be annotating our work to influence decisions that art directors make when selecting images. Consider these principles to ensure that the images you choose not only “look right” but also work well.

Website owners should recall the principles mentioned in this article when commissioning new photos and researching stock. Focus on the purpose of the images, and you will turn photos from window dressing into key conversion tools.

How have you used photography to maximize conversion? We’d love to hear success stories and anecdotes from user testing.

Further Resources

If you liked this article, you’ll love these.

Cracking UX Resources

  • cxpartners blog
    The latest thinking on optimizing e-commerce websites and broader UX topics.
  • UIE
    This article on when and how to use graphics from Jared Spool was a great source of inspiration for me.
  • 52 weeks of UX
    Weekly doses of UX goodness.
  • Johnny Holland
    A rather good UX magazine.
  • UX magazine
    Another good UX magazine.

Inspirational Photography Websites

  • The Big Picture
    Stunning images from the Boston Globe.
  • JPG
    Great photos form amateurs who contribute to this online mag.
  • Pictory
    The best photo stories of readers.
  • National Geographic
    The original and the best.
  • Magnum
    Inspirational images from the world’s best photographers.
  • Strobist
    The definitive online resource for off-camera Flash.
  • Scott Kelby
    Brilliant books and tutorials.
  • Chromasia
    One of the best photo blogs around.
  • Chase Jarvis
    Commercial photographer extraordinaire.

(al)

↑ Back to top

James Chudley has been working in UX for 14 years for UX consultancies, full-service digital agencies, within academia and client side in the public sector. He has grown and managed UX teams, managed digital products, and provided UX research and design consultancy to some of the web’s biggest brands. In his role as UX Director at cxpartners, James runs large user-centered design projects for clients such as Expedia, Aardman, Hotels.com, Lovefilm, Vodafone, Kelkoo, Moneysupermarket.com, and Channel 4. James is actively involved in the UX community regularly speaks at local and international UX events. Heco-founded UXBristol and blogs at www.photoUX.co.uk.

  1. 1

    quite what i was looking for.
    Thanks.

    0
  2. 2

    This article is really useful for me. Thanks. /Ted

    0
  3. 3

    Nice article, good examples!

    0
  4. 4

    Since we all know that people don’t read the Web, but scan the content, images and video become more and more important in presenting services and products.

    Thanks for this article with examples that sell themselves!

    0
  5. 5

    Great article. Images/ photos do play a very important part.

    0
  6. 6

    Nice article and it helps give great examples too. Nice work.

    0
  7. 7

    I spy Bristol at the end there!

    Some fantastic examples throughout and a great write up. All of them being very obvious things to do, but easy to forget.

    Brushed over stock photos, and rightly so ;) Could happily write a book on why clichéd stock photos are awful…

    0
  8. 8

    A very insightful article, lots of nuances and interesting cases that just hit the mark. I would also love to read about how to make better use of images in some particular areas, such as blogging for instance. Thanks James, I really enjoyed reading the article.

    0
  9. 9

    Very very detailed information. Thanks for the wonderful post with nice and appropriate examples.

    0
  10. 10

    Thanks James, brilliant article – provided some clarity on how to present images for different purposes. Nice to see a photo of Bristol too! Currently working with someone else from CX in my day job on a large financial services project so pleased to see you contributing to one of the best design magazines!

    0
  11. 11

    Stefan Reichert

    June 25, 2010 4:04 am

    Very interesting and well written.
    Thanks for this article.

    cheers

    0
  12. 12

    Nice post. I felt like there were some fundamentals that I needed to hear and I always appreciate real examples. Thanks!

    0
  13. 13

    Brilliant Article James. Keep these types of articles coming Smashing!

    0
  14. 14

    Really amazing article! Couldn’t really have enjoyed reading it anymore to be honest! Loved it! Keep up the amazing work! :)

    0
  15. 15

    Thank you for this article. It was very informative and helpful, as I’m in the process of re-designing a menu for a local deli. Your advice on looking for unique angles in product photography will stick with me as I take picture of food – nothing worse than unappetizing images of what you’re about to order!

    0
  16. 17

    Brilliant. Nice one James!

    0
  17. 18

    Halley Sheffield

    June 25, 2010 6:53 am

    Why do you use the word “Create” instead of “Make” ??

    0
  18. 19

    Second article from cxpartners. Well done James and Chui Chui!

    0
  19. 20

    Very good article yet a bit confusing since they are loads of fact that been mentioned. I was hoping that you could highlight few of them as “the most important fact” but again thank you very much for your fantastic article.

    0
  20. 21

    Yahir Vite Lugardo

    June 25, 2010 9:28 am

    One of the best posts I’ve ever seen!!!

    0
  21. 22

    Your points and examples nicely sum up what those of us in the design / advertising business should already know. I can see converting this article to a checklist to make sure nothing gets overlooked as a project moves along. Thanks!

    0
  22. 23

    Wow – fantastic article, wonderful examples and useful tips! Thanks so much!

    0
  23. 24

    Awesome Article! Great examples! I’ve been telling my clients to hire photographers for real photos for awhile! Stock photos have their place, but as the web is becoming more personable, our photos need to follow!

    Small change – the link on the Dyson blade photo isn’t working! You just need to add the ‘http://www.’ to the front of it!

    Great post!

    0
  24. 26

    Great tips.Thanks a lot

    0
  25. 27

    Great article! I especially liked the storytelling aspect of many of your examples. Good work.

    0
  26. 28

    Thanks James, this article was awesome… I’m currently designing a website for an accounting company. This morning I went to get some pictures about related items and office people… What I want to show through pictures is dependability and trust… I hope I can do it…

    Thanks again for the article…

    0
  27. 29

    Oh!, by the way, I think I will get the camera tripod you showed on your first image… hehehehe

    0
  28. 30

    Wonderful post… :) Loved it..

    @Andres Jaimes..
    Its not a tripod. Its a Gorillapod ;)

    Anish /

    0
  29. 31

    One picture is worth a thousand words! I got that in a fortune cookie once.

    I suppose a bad photo needs a thousand words to explain it. Plenty of those around!

    Nice article. Gorillapod has other applications but many of those are prohibited in 39 American states, four Middle Eastern countries and several religious tomes.

    0
  30. 32

    Carina C. Kircher Photographer

    June 26, 2010 8:09 am

    Good post, detailed and most important well illustrated! Thanks!

    0
  31. 33

    Very well written article and very good examples, thanks !

    0
  32. 34

    Holy crap, that Dyson fan is the most amazing thing I’ve ever seen in my life. You’ve just instantly proven your own point about mouth-of-word with it :o

    0
  33. 35

    I was inspired again today… Whoa!

    0
  34. 36

    other examples regarding how to use photos to sell more:
    http://www.eclatite.ro and http://www.lapapa.ro

    0
  35. 37

    Thanks these tips are awesome. I have just starting applying a few of these tips and my website conversion rates have improved already. It’s great when you can get good tips, and not have to figure something out by trial and error

    0
  36. 38

    Thats for this – One of the best articles on here in recent times. And thats saying alot I think.

    0
  37. 39

    Excellent post with plenty of food for thought, thanks for posting it! I’m surprised you didn’t use DubLi’s website for some of the examples, though. I reckon that that website showcases many of the principles you discuss supremely.

    0
  38. 40

    Please add a link to the university study regarding stock images. Thank you. BTW, great article!

    0
    • 41

      Thanks Steve,

      Plymouth university business services got some good user feedback as people thought they gave a feel for what it was actually like there.

      Users reacted less favorably to the De montford university site because they didn’t feel that the images depicted the content they were representing.

      I was particularly impressed by the photography on the Exeter university site. It had the most editorial feel of any of the uni sites we researched.

      0
  39. 42

    This is great, I learn a lot from it

    0
  40. 43

    This is brilliant, i’ve always appreciated the importance of photography and using/doing it correctly. This post has helped me figure out in my own head why that is; with great visual and existing examples, as a result I think i’ll be able to easily convey the same message when talking clients into strongly considering professional photographs. – As opposed to using stock images which are generally picked on a “best of the bunch” basis in order to save money and ultimately detract from my hard work!

    Thanks for a brilliant post it’s definitely getting a star in Google Reader!

    0
  41. 44

    Very impressive article !!!

    0
  42. 45

    很受用的文章,谢谢!

    0
  43. 46

    Rocío Rodríguez

    July 21, 2010 6:27 pm

    me encantan las novedades de esta revista, espero que me sigan enviando a mi correo las últimas noticias en cuanto a fotografía y diseño gráfico. MUCHAS GRACIAS!

    0
  44. 47

    This is brilliant, i’ve always appreciated the importance of photography and using/doing it correctly. This post has helped me figure out in my own head why that is; with great visual and existing examples, as a result I think i’ll be able to easily convey the same message when talking clients into strongly considering professional photographs. – As opposed to using stock images which are generally picked on a “best of the bunch” basis in order to save money and ultimately detract from my hard work!me encantan las novedades de esta revista, espero que me sigan enviando a mi correo las últimas noticias en cuanto a fotografía y diseño gráfico. MUCHAS GRACIAS!
    Sarasota real estate

    0
  45. 48

    2010

    0
  46. 49

    Is actually blogengine as good as blogger in a roundabout way? Has to be since it is progressively more popluar recently.

    0
  47. 50

    Very inspirational. I will certainly use many of the ideas I saw here.
    Thank you.

    0
  48. 51

    nice looking site..cheers

    0
  49. 52

    360 Degree Photography: This is a newer way to showcase your products online. It’s is becoming more popular ever day and has finally become cost effective. That being said, it is an option that you will only want to consider if you can afford too. 360 Product photography involves the shooting of multiple photos of your product and then putting them together to create an interactive view for your customers. The resulting 360 is an interactive image that your customers can manipulate and view from every angle. This is a very effective way to showcase your products online.

    0

↑ Back to top