Black selected alongside a brown photograph creates uncertainty about the order.
Variant images follow the selected color
The main image and variant name should reflect the same selection. A color change must not leave the old image visible.
Research context: Baymard · Image thumbnails ↗
Map variants to images explicitly. Explain missing images rather than substituting the wrong color.
Try the pattern
Task and expected result
- 01
Switch brown to black and check image and text.
- 02
Open zoom and close with Escape: retain the variant choice.
- 03
Open from filtered results: start with the matching color.
How to investigate value
Ask shoppers to explain their variant choice and fit. Later measure confirmed purchases per eligible product visitor, with return reasons as follow-up.
Watch for side effects
Wrong sizes, unknown details shown as facts, mismatched expectations and product-related support/returns.
This is a proposed investigation, not a measured result. Choose one hypothesis and define the audience before testing.
Build a measurement plan for this concept ↗