Page Types Overview

Review Order

18 design examples manually annotated by Baymard researchers

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

During checkout the ‘Confirm Order’ step and ‘Order Confirmation’ step often look visually similar. During testing we observe that, especially in mobile checkouts, this makes some users prone to misinterpreting the mobile review step as an order confirmation page — and consequently leave the page, thinking the order is placed. We observe that in the most severe instances this can cause as much as 10% mobile checkout abandonments.

More ‘Review Order’ Insights

  • Besides these mobile Order Review pages we’ve also benchmarked the desktop versions; see the 51 desktop Order Review 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 18 mobile “Order Review” design examples below, you may also want to read our related article “6 Mobile Checkout Usability Considerations”.

Get Full Access: To see all of Baymard’s 200 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.)