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.))
Join 60,000+ UX professionals and get a new UX article every week.
Join 60,000+ UX professionals and get a new UX article every week.
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.