Navigation
Navigation
Barnes & Noble’s E-Commerce UX
This is an old and partial case study of Barnes & Noble's e-commerce user experience (UX) performance. We encourage you to explore the 93 up-to-date and exhaustive case studies of major e-commerce sites for a complete and current picture of the e-commerce UX landscape.
Barnes & Noble’s Desktop E-Commerce Design
13 pages of Barnes & Noble’s e-commerce site, marked up with 83 best practice examples:
Homepage & Category
Homepage
Homepage & Category
Drop-Down Menu
Homepage & Category
Top-Level Navigation, Intermediary Category Page
Homepage & Category
Intermediary Category Page
Homepage & Category
Product List
Homepage & Category
Product Page
Cart & Checkout
Cart
Cart & Checkout
Account
Cart & Checkout
Shipping address, Billing address
Cart & Checkout
Delivery options
Cart & Checkout
Billing address, Payment
Cart & Checkout
Account
Cart & Checkout
Order review
Barnes & Noble’s Mobile E-Commerce Design
15 pages of Barnes & Noble’s e-commerce site, marked up with 82 best practice examples:
Mobile E-Commerce
Homepage
Mobile E-Commerce
Navigation Menu
Mobile E-Commerce
Category Page
Mobile E-Commerce
Search Field, Search Autocomplete
Mobile E-Commerce
Search Results, Product List
Mobile E-Commerce
Filtering Options
Mobile E-Commerce
Product Page
Mobile E-Commerce
Cart
Mobile E-Commerce
Checkout Account Selection
Mobile E-Commerce
Shipping Address
Mobile E-Commerce
Shipping Method
Mobile E-Commerce
Billing Address
Mobile E-Commerce
Billing Address
Mobile E-Commerce
Review Order
Mobile E-Commerce
Order Confirmation
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 300 articles in the full public archive.