Page Designs

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 245 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 130,000 hours of UX research findings, 650+ e-commerce UX guidelines, and 150,000+ UX performance scores.)

User Experience Research, Delivered Weekly

Join 37,000+ UX professionals and get a new UX article every week.

A screenshot of the UX article newsletter

Explore Other Research Content

387 free UX articles based on large-scale research.

245 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.