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 product page image placement example
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 placement example
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.

Further Reading on Product Page Images

9 thoughts to “Best Practices for Product Image Placement”

  1. 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. 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. @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

  4. 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.

Comments are closed.