19 ‘Size Guide’ Design Examples

Also referred to as: Size Chart, Measurement Chart, International Conversion Chart

What’s this? Here you’ll find 19 “Size Guide” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 250 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

The “Size Chart” constitutes the heart of the “Size Guide”. While both terms are often used interchangeably, the “Size Chart” is most often nested within the “Size Guide,” which may also include other sizing elements. All sizing information contained within the “Size Guide” — including a “Size Chart”, “Measuring Guide”, and an “International Conversion Chart”, among other sizing details — is crucial to helping users select their correct size for apparel products.

More ‘Spec Sheet’ Insights

The centrality of sizing info is reflected by the fact that 84% of test participants used it to help determine their size. However, in testing, several participants who looked for the “Size Guide” were unable to find it — forcing some to guess at their size or even abandon purchasing.
Learn More: Besides exploring the 19 “Size Guide” design examples below, you may also want to read our related article “83% of Apparel Sites Don’t Provide Sufficient Sizing Information — 10 Best Practices on Sizing”.
Get Full Access: To see all of Baymard’s product page research findings you’ll need Baymard Premium access. (Premium also provides you full access to 150,000+ hours of UX research findings, 650+ e-commerce UX guidelines, and 175,000+ UX performance scores.)