577 ‘Shipping Address’ Design Examples
What’s this? Here you’ll find 577 “Shipping Address” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 141 e-commerce sites. (Note: this is less than 1% of the full research catalog.)
The shipping address represents the largest amount of typing the users have to perform during the checkout flow, and it’s therefore also where most sites have great potential to optimize users’ checkout experience, by reducing and easing typing of address and contact info. The most common severe issue is that 54% of sites neglect to address users’ privacy concerns.
More ‘Shipping Address’ Insights
-
The two most important aspects when looking to minimize the amount of typing users have to do, and how intimidating the Shipping Address checkout step will appear, are 1) defaulting the billing address to be the same as the typed shipping address (by hiding the fields entirely) and 2) auto-detecting the city and state values based on the typed ZIP code (see our article “Auto-Detect ‘City’ and ‘State’ Inputs Based on the User’s Postal Code – 60% of Sites Don’t”.
-
Learn More: Besides exploring the 577 “Shipping Address” checkout design examples below, you may also want to read our related articles “Checkout Optimization: From 16 Form Fields to 8 Fields (keynote presentation)”, “Always Explain Why the ‘Phone’ Field Is Required (58% of Sites Don’t)”, and “Form Usability: Getting ‘Address Line 2’ Right”.
-
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 78,000+ hours of UX research findings, 750+ e-commerce UX guidelines, and 77,800+ UX performance scores.)
