Page Types Overview

Cart

30 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 30 annotated “Cart” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)

In our large-scale usability testing we consistently observe that the mobile Shopping Cart is used differently than on desktop websites. Due to the more cumbersome mobile navigation, the mobile cart is very often used as “a convenient placeholder for temporarily storing and comparing products of interest”. As in, users put several similar items in their cart only to then explore the items fully and then remove most products. This user behavior sets strict design requirements for the mobile shopping cart.

More ‘Cart’ Insights

  • Besides these mobile Shopping Cart examples we’ve also benchmarked the desktop versions; see the 50 desktop Cart examples.
  • Our research team is currently conducting a new large-scale mobile usability study that focuses on the mobile homepage, navigation, search, product lists, and product pages. Note that we do observe the current mobile guidelines and underlying user behavior still applies, despite some of the screenshots looking dated. The new mobile study findings are already partially released in Baymard Premium and are expected to be fully released Q2 2019.

Learn More: Besides exploring the 30 “mobile shopping cart” design examples below, you may also want to read our related article “The State of Mobile E-Commerce Search and Category Navigation”.

Get Full Access: To see all of Baymard’s 190 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 49,000+ hours of UX research findings, 700+ e-commerce UX guidelines, and 57,000+ UX performance scores.)