Page Designs

330 Mobile ‘Delivery & Shipping Methods’ Examples

with UX annotations by Baymard researchers

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

As the shipping method can often constitute a considerable part of the total order cost, we observe in testing that the shipping method interface must clearly indicate the cheapest available shipping method. Additionally, due to the lack of screen real estate on mobile we observe that the shipping method selector itself often causes an issue. One particular grave, but common, mobile issue is users completely overlooking any available store pickup options.

More ‘Shipping Method’ Insights

  • Desktop Examples: Besides the mobile examples below, we also have 110+ desktop examples of Shipping Method implementations.

  • Learn More: Besides exploring the 87 mobile “Shipping Method” design examples below, you may also want to read our related article “Users Overlook ‘Store Pickup’ When Not Presented as a Shipping Option”.

  • Get Full Access: To see all of Baymard’s 351 mobile 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 275,000+ UX performance scores.))


User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter
See all 330 designs

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter

Explore Other Research Content

300+ free UX articles based on large-scale research.

251 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.

Add UX Best Practice Cards to your Figma projects.