Menu
#5: Does the product gallery show thumbnails of other available images?
Explanations
If the product gallery contains 2+ images, you should clearly show that to motivate users to browse product images. The more they engaged, the easier it to persuade them to buy.
If users see all images (product in use, from different angles, closer and further, in detail) they will be more motivated than users who just see the main image which eventually will help you to sell products.

That's why it's very important to show image thumbnails instead of just little grey dots as many ecommerce stores do. It really motivates users to browse product photos.

If we turn to Baymard' user research about image thumbnails on product pages, we will find that only 24% of e-commerce stores use it.

Here's the their conclusion about usage of thumbnails:
Using thumbnails to represent product images results in enhanced visibility and ease of navigation across all platforms:

  • On desktop, gallery thumbnails alert users to the existence of additional images, which they would likely otherwise overlook.
  • Meanwhile, on mobile, thumbnails prevent common hit area issues observed as users attempt to navigate within the image gallery.
  • Across both platforms, thumbnails provide valuable information scent that allows users to preview the full range of images available and home in on those that are most important in their own product exploration.

Read more about this user research on Baymard
Good and bad examples from real stores
As you already understood, thumbnails should be visible not only on the desktop version (where they are already presented on most sites, check yours) but also in the mobile version (76% of stores still don't do it)

Here's a bad example from Fashionnova
They have dots, but it's not the option as it causes some users to miss the product images they were looking for, while others can have difficulty interacting with the indicator dots.
Bad example from FashionNova
Bad example from Puravida
Here's an even worse example from Mavi:
They don't have even dots so users do not understand what other product pictures exist, how many there are. As a result, it negatively affects the shopping process.
Bad example from Mavi Jeans
Here are good examples from American Eagle and VictoriaSecret
They show thumbnails for all available product images as it's tremendously important in users' product-evaluation experience, providing critical visual information about key product details.
Good Example from AmericanEagle
Good Example from Victoria Secret shop
Link to additional tools and recommendations how to implement
Additional information:
A/B testing results
We conducted 3 A/B tests, where we added image thumbnails below the main image and left/right arrows on the main image in the gallery.

Results of the 1st A/B test (the results of this A/B test are displayed in the screenshot above):
  • Ecommerce Conversion Rate by Users increased by 13.43% from 5.81% to 6.59% with 99% statistical significance
  • Revenue per User increased by 15.45% from $2.33 to $2.69
  • Average Order Value increased by 1.32% from $40.17 to $40.7

Results of the 2nd A/B test:
  • Ecommerce Conversion Rate by Users increased by 10.15% from 6.92% to 7.65% without statistical significance
  • Revenue per User increased by 8.13% from $2.46 to $2.66
  • Average Order Value decreased by 1.94% from $35.55 to $34.86

Results of the 3rd A/B test:
  • Ecommerce Conversion Rate by Users increased by 7.68% from 7.42% to 7.99% without statistical significance
  • Revenue Per User increased by 7.83% from $2.17 to $2.34
  • Average Order Value remained the same

*Ecommerce Conversion Rate by Users and Revenue per User were calculated based on Custom reports in Google Analytics, so the numbers from the screenshot are not the most accurate. The screenshot is shown so you can see the graphs.
Do you like it?
Press the button below to get Full Access to 108 Guidelines!
Make your conversion rate higher with our 108 Guidelines A/B tested with statistical significance not less than 95%
108 Detailed Guidelines
(Unlimited access)
  • Explanation about the importance of a guideline
  • Good and bad examples (up to 6) for reference
  • Actionable recommendations of how to implement
  • A/B tests results
  • Links to additional resources/tools
  • Always updating

Get discount price to Full lifetime Access only for the next 9 clients
Have any questions or suggestions?
Feel free to contact me:
andreibaklinau@gmail.com
Made on
Tilda