Click here to Skip to main content
13,289,107 members (56,671 online)
Click here to Skip to main content
Add your own
alternative version


10 bookmarked
Posted 17 Nov 2007

Ecommerce Imagery: Persuading with Pictures

, 17 Nov 2007
Rate this:
Please Sign up or sign in to vote.
The use of effective images to sell online is crucial. Read through these essential guidelines and find out how to use images to increase conversion rates.


The power of images in making a sale has been well known in traditional marketing for a long time. This becomes even more important online when there's no physical product for users to handle. The images on your website alone have to work even harder to convey the true look and feel of your product.

Although the following guidelines focus on ecommerce imagery, they can generally be applied to most websites.

1. Professional Quality

The quality of photographs is one of the few clues available online for users to judge the quality of your products. The importance of quality shots can't be stressed enough, especially for luxury goods. And it's an investment worth making - conversions have been known to more than double through improved imagery.

Ensure images are professionally shot and of high resolution. Put as much care and thought into imagery as you would your window display. If you're aiming at the luxury market, it's important to create a feast for the eyes to draw your site visitors in.

2. Alternate & Detailed Views

Offering alternate views is crucial to convey the full sense of the product. An important alternate view is the detailed one. The range of alternate views available should aim to provide a viable alternative to viewing the product in a physical store. It's a good idea to allow the full range of imagery to be explored by providing cues such as arrows in the gallery area.

3. Enlargeable

Shoppers are unlikely to make a purchase in a bricks and mortar store without taking a close up look at the product. So it's essential that online product images are enlargeable so users can take a closer look and feel they can explore the product in detail. It's common practice to open the enlarged image in a pop-up window.

4. Quick to Download

With 16% of the UK online population not yet on Broadband (source: National Statistics), it's important that images load relatively quickly. Shoppers used to fast loading content are unlikely to wait around for images to load if they take much longer than a few seconds.

5. Proportionately Detailed

Using smaller versions of images on the home and/or category pages? Crop the image first so only the part of the image that captures its essence is viewable. Only then reduce this cropped image in size. By removing some of the detail the image won't appear so cluttered and unclear. Users struggle with images that are too small for the level of detail involved.

6. Scale & Context

Showing the scale of a product and its context of use can really help users making a purchase decision online. By doing so, they're able to gauge how big an item is and what other products may go well with it.

Scale can be demonstrated by using mannequins or human models, e.g. small items such as mobile phones can be portrayed held in a hand. Another alternative is to provide a ruler guide in the corner of the image to help users judge its scale.

7. Show It All

Should your product come with accessories or components, display these laid out of the box so users can see exactly what they're getting and what other bits they may need to purchase separately. This view can form one of the alternate views of the product.

8. Relevant

Any images used should be relevant and add value to the content on your site. Images can be an effective tool in giving site visitors a quick idea of what the content's about. Irrelevant pictures detract from the message being conveyed and can annoy users who don't see the connection between the pictures and text.

In a Nutshell

Persuasive imagery is a powerful tool in increasing product sales. Poor imagery on the other hand can be detrimental to both sales and potentially also the brand. Good quality imagery is an investment worth making in an increasingly saturated and competitive online market.

This article was written by Mrudula Kodali. Mru's crazy about usability - so crazy that she works for Webcredible, an industry leading usability and accessibility consultancy, as a user experience consultant. She's very good at eye tracking and extremely talented at writing for the web.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Trenton Moss
Web Developer
United Kingdom United Kingdom
Trenton Moss is crazy about usability and accessibility - so crazy that he founded Webcredible, an industry leading user experience consultancy, to help make the Internet a better place for everyone. He's very good at information architecture and interaction design.

You may also be interested in...

Comments and Discussions

-- There are no messages in this forum --
Permalink | Advertise | Privacy | Terms of Use | Mobile
Web01 | 2.8.171207.1 | Last Updated 17 Nov 2007
Article Copyright 2007 by Trenton Moss
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid