Welcome to Blueleaf's UXpert, our regular look at UX that could improve your website for users and ultimately deliver increased conversion rates. This week, we're looking at product images on mobile PDPs.

What's the problem?

With limited space on a mobile PDP layout, it's important to find the best way of displaying your product imagery to users. You need a solution that shows images as large as possible but also allows users to quickly navigate through other images.

What's the solution?

Salesforce analysed clients on their Commerce Cloud platform and compared the following UX solutions being employed:

1. Left/right arrows either side of the product image

2. Thumbnails underneath the product image

3. Dots underneath the product image

What could the benefit be?

Salesforce data showed that the best option was left/right arrows either side of the product image, with a 22.5% interaction rate. Thumbnails underneath the image attracted 21.5% interaction rate and dots underneath just 5.7%.

I hope you found this useful – if you have any questions on this or anything else to do with UX, please do message me.


Sign up to our regular email Blueleaf UXpert to keep up to date!

Comment