Page Designs

586 ‘Delivery & Shipping Methods’ Design Examples

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

During our testing we consistently observe that some types of shipping method interfaces provide users with a vastly better understanding and overview of their options. There are several, often missed, implementation details that can cause severe user misinterpretations of the shipping methods available, especially for sites that offer Store Pickup.

More ‘Delivery & Shipping Methods’ Insights

  • Shipping costs can constitute a relatively large part of the total order cost. Indeed, our latest quantitative study on reasons for checkout abandonments reveals that 60% of US online shoppers have abandoned orders in the past quarter due to “Too High Extra Costs Added” (typically shipping), and that 18% have abandoned due to “Delivery Being Too Slow”.

  • Learn More: Besides exploring the 586 “Shipping Method” design examples below, you may also want to read our related articles “Use ‘Delivery Date’ Not ‘Shipping Speed’ – From UX Research to Implementation Roadmap” and “Users Overlook ‘Store Pickup’ When Not Presented as a Shipping Option”.

  • Get Full Access: To see all of Baymard’s cart and checkout research findings you’ll need Baymard Premium access. (Premium also provides you full access to 88,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)


586 ‘Delivery & Shipping Methods’ Page Designs
Filter by: