All testsAli Demirbaş - Lab

Category & Listing

Second Product Image on Listing Cards A/B Test

A second product image may answer some questions without a visit to the product page. Product-page clicks could fall while the path to purchase gets shorter; evaluate completed purchases.

A/B test scenario. This page is a test plan, not the result of a real experiment.

  • Category listing
  • Category-page purchase conversion rate

Control vs Variant

The asset itself is the variable.

Changed
Media
Page
Category listing
Difference
added

Hypothesis

If shoppers can switch to a second image on the card themselves, they may see the product from another angle and answer some of their questions without opening the product page. The category-page purchase conversion rate could rise even if listing-to-product clicks go down.

Test plan

When to run this test

If session recordings show visitors trying to swipe or hover over card images, if people open a product page only to look at the other images and go back, or if customers ask how the product looks from another angle, one image may not be enough to judge a product. If a second image fills that gap, shoppers switch images on the card, some add straight from the listing, and purchases rise. If the listing is already slow, fix the speed first, and before launch confirm that the extra images are lazy-loaded and do not slow it down.

How to measure success

Category-page purchase conversion rate

Compare purchases among visitors who view a listing with the second-image option.

Also track

  • Product-card interaction rateTrack how many visitors change the image.
  • Listing add-to-cart rateCheck whether more visitors add from the listing without opening product details.
  • Listing-to-product click-through rateFewer detail visits may mean some questions are answered on the card; read this alongside purchases.
  • Page load timeMake sure extra images do not slow the listing.

How to set it up

  • ChangeAdd a way to switch to a second image on product cards.
  • Keep constantKeep card design, product order, prices and other details unchanged.
  • BehaviorTrack product-page visits and purchases together.
  • DeviceDefine mobile swipe and desktop hover behavior in advance, then review each in its device context; this is not a swipe-versus-hover comparison.
  • Separate testsTest automatic transitions, image count or the type of second image separately.

What to watch when reading the result

  1. 1Fewer listing-to-product clicks are not a bad sign by themselves; decide on the category-page purchase conversion rate. Even if the product-card interaction rate or the listing add-to-cart rate goes up, that does not support a rollout when purchases do not rise or page load time gets longer.
  2. 2Treat the result as valid only for the listing page you tested; read the mobile swipe and desktop hover effects each on their own device, since this test does not compare the two gestures. Image changes should stay under the shopper's control, and swiping should not interfere with page scrolling. The second image should show the same color variant as the product on the card; a different color misleads shoppers and skews the result.
  3. 3A flat conversion result does not make the second image ineffective; read whether the conversion gap is significant from the p-value the A/B test significance calculator reports, and log the result as inconclusive if it is not. Do not draw conclusions about automatic transitions, image count or image type from this result; test those separately.

Frequently Asked Questions

How should a second card image work on mobile and desktop?

Define swipe and hover behavior for their respective devices. Provide keyboard and single-pointer alternatives where needed. This test does not compare swipe against hover across different populations.

Are fewer product-page visits necessarily bad?

No. The second image may answer questions on the card. Use purchase conversion as the primary outcome and treat detail-page visits as diagnostic.

Can extra images slow the listing page?

Yes. Optimize and defer appropriate secondary images, then monitor performance. Interpret the result as the tested experience, including its loading cost.

What should the second image avoid?

Do not misleadingly show another color variant. Keep image changes user-controlled and prevent horizontal image gestures from conflicting with vertical page scrolling.