Navigation
Navigation
Diapers.com’s E-Commerce UX
This is an old and partial case study of Diapers.com's e-commerce user experience (UX) performance. We encourage you to explore the 63 up-to-date and exhaustive case studies of major e-commerce sites for a complete and current picture of the e-commerce UX landscape.
Diapers.com’s Desktop E-Commerce Design
9 pages of Diapers.com’s e-commerce site, marked up with 79 best practice examples:
Product Lists & Filtering
Product List: Category
Product Lists & Filtering
Sorting Tool
Product Lists & Filtering
Product List: Search
Product Lists & Filtering
Product Page
Cart & Checkout
Cart
Cart & Checkout
Account
Cart & Checkout
Shipping address
Cart & Checkout
Billing address, Payment
Cart & Checkout
Order review
Diapers.com’s Mobile E-Commerce Design
16 pages of Diapers.com’s e-commerce site, marked up with 76 best practice examples:
Mobile E-Commerce
Homepage, Search Field
Mobile E-Commerce
Navigation Menu
Mobile E-Commerce
Category Page
Mobile E-Commerce
Category Page
Mobile E-Commerce
Product List
Mobile E-Commerce
Product Page
Mobile E-Commerce
Search Results
Mobile E-Commerce
Filtering Options
Mobile E-Commerce
Cart
Mobile E-Commerce
Checkout Account Selection
Mobile E-Commerce
Checkout Account Selection
Mobile E-Commerce
Shipping Address
Mobile E-Commerce
Payment Method
Mobile E-Commerce
Payment Method
Mobile E-Commerce
Shipping Method
Mobile E-Commerce
Review Order
Explore Other Research Content
Every 2nd week, we publish a new article on how to build “state of the art” e-commerce experiences — here’s 5 popular ones:
Drop-Down Usability: When You Should (and Shouldn’t) Use Them
Format the ‘Expiration Date’ Fields Exactly the Same as the Physical Credit Card (90% Get It Wrong)
PDP UX: Core Product Content Is Overlooked in ‘Horizontal Tabs’ Layouts (Yet 28% of Sites Have This Layout)
Form Field Usability: Avoid Multi-Column Layouts (13% Get It Wrong)
Form Usability: Getting ‘Address Line 2’ Right
See all 278 articles in the full public archive.