27Feb2011

Best Practices for Product Image Placement

I'm in the process of redesigning an ecommerce product page which currently has the product images on the right hand side of the page. As part of the redesign I am proposing placing the image on the left. Why?

Well, many other online retailers follow this practice so it appears to be a strong design convention. It also fits with the f-shaped reading pattern that most users employ online — which means that the most important information (in this case, the product image) should be at the top left of the page.

L.L.Bean places the product image on the left

However, to better support this recommendation when I present it to stakeholders, it would be helpful to know of any research or articles on the subject of product image placement.

Despite the many articles on ecommerce and even product page design best practices, little appears to have been written specifically on product images and nothing about their placement on the page.

Apple store product page image screenshot

The Apple store places the product image on the right

I am also interested to know how much it matters which way a product is facing. Intuitively, it feels that the product should point into the page, drawing the reader's eye to the copy. But is this, in fact, correct? Does it even matter? Again, any research or articles specifically on this topic would be very helpful.

9 Comments Posted

Loads of online shops I use have the image on the left. Looks better in my eyes.

1. Posted by Pixeno Web Host on March 02, 2011

there's no 'correct way' with design. what's common place in ecommerce sites is only common because companies tend to be too corporate or too afraid to break from the norm, despite the fact that there may be a better way. there's always room for improvement in communication design.

don't be afraid to push for something you feel works.

2. Posted by Evan Skuthorpe on March 03, 2011

Thanks for the feedback. I personally prefer to have the image on the left -- that's where my eye is drawn when I visit a product page.

I understand the appeal of trying something different, but in this instance because of other competing priorities I just need to make a decision that I can back up.

3. Posted by Christian Watson on March 03, 2011

Thanks for providing such a good information.

Anwer

4. Posted by Anwer Ejaz on March 05, 2011

No matter if the image is placed right or left only the quality speaks .
Quality image catches the customer's eye.

5. Posted by Actcom on March 10, 2011

well, I think the images should be in the left. there's where users are used to look first and they should see a nice image there

6. Posted by Segelurlaub on March 11, 2011

@Christian you say you prefer images on the left, because "that's where my eye is drawn when I visit a product page"... well, yes, but in this case it's a good idea to also make the image clickable.. i made a test with crazyegg and I noticed a lot of users clicking my images... i think they were hoping for them to enlarge:P

7. Posted by Segeln Kroatien on March 18, 2011

Image placement do play important role in web design, because there is the fist impresion on the landing page which customer look at it then only the title and the subtitle. Either you do follow the customer behavior or design it with your own personalities such as full flash website that call to action to your reader.

8. Posted by Jerrick on March 20, 2011

hm... i think it's better in the left side, because there's where the users look first...

9. Posted by zahnarzt münchen on March 22, 2011

Smiley Cat Weblog - Web design thoughts and commentary.

Best Practices for Product Image Placement

Further Reading

Recent Entries in "Web Design"

9 Comments Posted