Navigation
Navigation
Image Gallery Overlay
67 design examples manually annotated by Baymard researchers
What’s this? Here you’ll find 67 annotated “Image Gallery Overlay” design examples from Baymard’s UX benchmark of 63 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)
On the product page, a commonly found way to display detailed product images is though an ‘Image Gallery Overlay’ — an overlay/modal window that often contains a complete and more detailed view of all the product images and videos.
More ‘Image Gallery Overlay’ Insights
-
Time and again during our testing the design of the image gallery User Interface caused users to overlook the very images they were trying to seek out, as well as causing users to not be able to properly enlarge the images (to perform a detailed visual inspection). A particularly common pitfall that 40% of sites suffer from is truncating thumbnails in the image gallery without a sufficiently clear truncation indication — something that was the cause for multiple direct site abandonments during testing, as users overlooked all of the truncated images and didn’t feel like they had enough visual information about a product.
-
Mobile Examples: Besides the desktop examples below, we also have 55+ mobile examples of Product Page implementations.
-
Learn More: Besides exploring the 67 “Image Gallery Overlay” page design examples below, you may also want to read our related articles “Always Use Thumbnails to Represent Additional Product Images (76% of Mobile Sites Don’t)”, “Ensure All Product Images Have Sufficient Resolution and Level of Zoom”, and “Provide Images of Accessory, Apparel, and Cosmetic Products on a Human Model”.
-
Get Full Access: To see all of Baymard’s 103 product page research findings you’ll need Baymard Premium access. (Premium also provides you full access to 61,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)
Berlin Packaging (2020)
4 adhered 8 violated
Thermofischer (2020)
3 adhered 1 violated
Cole-Parmer (2020)
2 adhered 4 violated
Arrow (2020)
1 adhered 4 violated
Hitachi UK (2020)
1 adhered 4 violated
B&H Photo (2019)
8 adhered 2 violated
Crutchfield (2019)
7 adhered 2 violated
Nordstrom (2019)
7 adhered 2 violated
Lowe's (2019)
7 adhered 3 violated
Newegg (2019)
6 adhered 5 violated
Debenhams (2019)
5 adhered 3 violated
Build.com (2019)
5 adhered 2 violated
Sears (2019)
5 adhered 0 violated
TigerDirect (2019)
4 adhered 4 violated
HP (2019)
4 adhered 4 violated
Microsoft (2019)
4 adhered 6 violated
Best Buy (2019)
4 adhered 4 violated
Neiman Marcus (2019)
3 adhered 0 violated
Adidas (2019)
3 adhered 1 violated
Sephora (2019)
3 adhered 3 violated
Victoria's Secret (2019)
3 adhered 2 violated
Apple Inc. (2019)
3 adhered 0 violated
Staples (2019)
3 adhered 2 violated
Hayneedle (2019)
3 adhered 2 violated
Williams Sonoma (2019)
3 adhered 2 violated
Home Depot (2019)
3 adhered 2 violated
H&M (2019)
2 adhered 1 violated
Etsy (2019)
2 adhered 1 violated
Amazon (2019)
2 adhered 1 violated
Target (2019)
2 adhered 1 violated
IKEA (2019)
1 adhered 1 violated
Zalando (2019)
1 adhered 1 violated
Northern Tool (2019)
1 adhered 2 violated
Overstock (2019)
1 adhered 2 violated
Walmart (2019)
0 adhered 2 violated
B&H Photo (2017)
11 adhered 1 violated
Musician's Friend (2017)
10 adhered 1 violated
Argos (2017)
10 adhered 0 violated
Best Buy (2017)
10 adhered 3 violated
Lowe's (2017)
10 adhered 2 violated
Wayfair (2017)
9 adhered 1 violated
Build.com (2017)
9 adhered 0 violated
Home Depot (2017)
9 adhered 1 violated
John Lewis (2017)
8 adhered 0 violated
Crutchfield (2017)
8 adhered 0 violated
Williams Sonoma (2017)
8 adhered 1 violated
TigerDirect (2017)
7 adhered 4 violated
Debenhams (2017)
7 adhered 2 violated
Marks & Spencer (2017)
7 adhered 0 violated
Zalando (2017)
6 adhered 2 violated
Victoria’s Secret (2017)
6 adhered 3 violated
HP (2017)
6 adhered 4 violated
Newegg (2017)
6 adhered 2 violated
Apple (2017)
6 adhered 4 violated
Northern Tool (2017)
6 adhered 1 violated
Overstock (2017)
6 adhered 2 violated
Tesco (2017)
5 adhered 4 violated
Hayneedle (2017)
5 adhered 1 violated
Amazon (2017)
5 adhered 1 violated
Nordstrom (2017)
5 adhered 2 violated
Ann Taylor (2017)
4 adhered 2 violated
Microsoft (2017)
3 adhered 6 violated
Office Depot (2017)
3 adhered 1 violated
Rakuten (2017)
3 adhered 1 violated
Walmart (2017)
1 adhered 3 violated
Target (2017)
1 adhered 1 violated
Sears (2017)
1 adhered 0 violated