At Discogs, we like to participate in hack days where each person gets the opportunity to build anything they want that relates to Discogs. During the latest hack day, cburmeister and I worked on improving the order page.
A recurring problem is that new buyers do not understand the order process, sometimes abandoning the order. The order page should make it clear what has happened with an order, what the current state is, and what’s happening next.
At the bottom of the order page, a Messages section allows a buyer and seller to communicate with each other. Order status changes looked like a message, so it was hard to distinguish an order change from a user message.
Order status changes should be viewed more like a system event and styled differently from a user’s message. The new design should reduce confusion by rendering status changes differently with a status icon representing each specific event.
It wasn’t a simple change. We had to implement a new order status system, which means only orders events made after September 12, 2014 are rendered as timeline events. Previous events are rendered as messages.
To help simplify the order page even further, we updated the order page header. We moved the order status to the right side of the page and added an icon for each order event. It gives both parties an overview of what are the steps to complete the order.
Clicking on each status will show a brief description of the order. Additional statuses will be shown like “Buyer Contacted” and will show up if they appear on the order timeline.
We think that those changes will improve order page experience for our users. The feature is currently a beta, which can be enabled in the Labs Settings. We encourage everyone to try it out and give us your feedback in the forum post. This feature is expected to ship to everyone in the next few weeks.