Page Types Overview

Orders Overview

28 design examples manually annotated by Baymard researchers

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

Both our large-scale qualitative usability testing and quantitative studies of Accounts & Self-Service feature at e-commerce sites show that users come to “Orders Overview” pages with many different intents and mindsets – beyond just tracking an ongoing open order (64%). Other top reasons include initiating a order return (29%), reviewing order history (29%), editing an ongoing order (17%), downloading an invoice/receipt (16%), and to cancel an order (15%). In testing we observe that the many different intentions users have with visiting the Orders Overview page consequently set strict requirements and limitations for the overall page design and features available.

More ‘Orders Overview’ Insights

Our quantitative study of what Account & Self-Service features are most important to users. (The non–order-related features are dimmed out.

  • Due to the diversity of users visiting the “Orders Overview” we observe that users will often need basic order information and actions available directly on the order overview, so they’re able to get an overview of their order history. However, in many instances in testing these weren’t provided, making it more difficult for users to manage their orders, which can result in unwanted orders and place more strain on customer service. In particular, order cancellation features must be easy to find and understand and include dynamically updated “cancellation states.”

  • You may also want to see our related Page Designs for “Order Tracking Page” design examples.

Learn More: Besides exploring the 28 “Orders Overview” design examples below, you may also want to read our related articles on “Have a ‘Cancellation Requested’ Order State” and “New Research Findings on ‘Accounts & Self-Service’ UX”.

Get Full Access: To see all of Baymard’s 65 design guidelines on [Accounts & Self-Service] pages and features you’ll need Baymard Premium access. (Premium also provides you full access to 37,000 hours of UX research findings, 640+ e-commerce UX guidelines, and 50,000+ UX performance scores.)