Navigation
Navigation
Image Gallery Overlay
76 design examples manually annotated by Baymard researchers
What’s this? Here you’ll find 76 annotated “Image Gallery Overlay” design examples from Baymard’s UX benchmark of 80 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 76 “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 67,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)
Verizon (2021)
6 adhered 3 violated
TAG Heuer (2021)
3 adhered 1 violated
Orange (2021)
1 adhered 3 violated
Van Cleef & Arpels (2021)
1 adhered 1 violated
Bang & Olufsen (2021)
1 adhered 1 violated
Jimmy Choo (2021)
1 adhered 1 violated
Gucci (2021)
1 adhered 1 violated
Bell (2021)
0 adhered 2 violated
Louis Vuitton (2021)
0 adhered 2 violated
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