Order History

UX Study

 
 
 
Screen Shot 2018-12-16 at 10.58.35 AM.png

For any online marketplace, both buyers and sellers need the ability to view their orders and the related money movement. While this sounds simple, there are a few potentially challenging use cases to consider when designing an order history:

order: a transaction record

  • Orders can be as simple as one item from one seller, or dozens of items from multiple sellers

  • The payment for an order with more than one seller is split and disbursed as multiple payments

  • Disputes and reverse money movement can occur at the order and item level

 
 
 
Screen Shot 2018-12-16 at 11.09.56 AM.png

As a buyer and/or seller:

  • I need a view where I can see and search within my order history

  • I need to see high level information about each order at a glance

  • I need to see the transaction details related to each order

  • I need to see the movement of funds related to orders and items


*There are many requirements that exist under each of these, but a high-level view is provided for this study.

 
 
 

From these requirements, we start into the design:

 
 

I need to see high level information about each order at a glance

We began by boiling down an order “card” into the basic details that make up an order. Icons are used to indicate certain activities within the order, and a purchase indicator differentiates bought items from the sold.

 
Screen Shot 2018-12-16 at 12.54.50 AM.png
 
 

I need a view where I can see and search within my order history

The landing page is designed to provide an overview of your latest orders, populating a configurable default timeframe. Outside of the orders, the UI is boiled down to expandable calendars for date selection, a drop-down menu for filtering and a large, inviting search bar.

 
 
Screen Shot 2018-12-16 at 11.17.45 AM.png
 

I need to see the transaction details related to each order

Each order can then be expanded to reveal more details. This includes the payment type, shipping address, items within the order split by seller, and a breakdown of the order total.

Screen Shot 2018-12-16 at 1.18.31 AM.png
 

I need to see the movement of funds related to orders and items

Each item within the order can then be expanded to drill further into the individual movement of funds.

Screen Shot 2018-12-16 at 12.14.23 AM.png
 
 
 
 
 
Screen Shot 2019-02-14 at 9.46.35 AM.png

This structure allows for an easy view of complex order use cases.

In this example:
- A buyer has purchased 4 of my items.
- A few days after the purchase, I issued a voluntary refund for 1 item.
- A few days after the refund, the buyer filed a chargeback on 1 item.

I can easily see:
- Various activities within the order
- How the order total is adjusted by
these activities
- A view of the money movement at
the item level

 
 
 

After creating the structure, a simple prototype illustrates the experience.