Customers cannot use self-service tools to seek help for products that ship in multiple boxes because the user interfaces don’t support these products.
The customers reach out for help, but Wayfair customer service agents experience the same issues on internal tools.
Redesign customer and agent tools to account for multibox products by introducing product hierarchy, improving product relationships, and modifying flows to support these products.
1 Lead Product Designer
1 Product Manager
10+ Engineers
10+ Product Stakeholders
Large items can be delivered without the need to schedule at-home delivery. The customer doesn’t need to be home to receive their couch.
Items can be sold in sets and as separate items elsewhere on the website. They can also be returned separately without requiring return of the entire set.
Wayfair receives a larger number of contacts for multibox items compared to single-box items.
A key metric, Average Handle Time (AHT), is used to measure how long agents spend helping customers. Multibox issues increase AHT.
Customer satisfaction rates for contacts about multibox items are 11% lower than contacts for single-box items.
Customer
My Orders lists products individually, causing confusion about which products belong to a set and making it impossible to use self-service tools to report problems or start a return.
Agent
Lack of hierarchy requires agents to select each item individually and make sure they’ve selected all of the items correctly. This increases the amount of time and focus required to process the request.
First, I needed to define new patterns using the smaller agent tools.
Starting here would allow engineers to make updates that have an immediate impact on metrics and agent satisfaction.
Second, the new patterns could be applied to customer-facing self-service tools.
Customers usually need less information than agents, therefore the design pattern could be simplified for this user group.
Last, I needed to address ServiceHub - a complex tool that is used to communicate with customers, view order information, and process service requests.
For example, if a customer calls to return a bedroom set that has been broken down on to six separate shipments, the agent must select every item individually. If they fail, the customer won’t receive the right number of shipping labels. The agent must re-run the tool, increasing the handle time of the call.
Before
Items of the bedroom set are shown as independent items with no reference to the original set the customer ordered.
After
A hierarchy of products now exists, showing the set, the items in the set, and any components that make up each item.
Now, the agent can select all items at once or select just a single item to return.
This feedback was sent to product partners working with suppliers to ensure that updating component names was made a priority in their separate efforts.
Before
In the My Orders, customers are presented with a broken view of the item they ordered. The bedroom set they placed in their cart now appears as multiple separate items that don't show a clear relationship to one another.
Clicking in to each separate item allows a customer to request service only for that part. If a customer would like to return every item in the set, they must make the request on each and every item.
After
The items are consolidated in to one product card to show the bedroom set, exactly the way the customer viewed the item when they placed it in their cart.
Now there is a single entry point for requesting service.
Single Select vs. Multi-Select Flows
New item selection steps
Customers enter the tool from the parent product. Then, once they identify the type of issue they have, an item selection screen appears.
Multi-selection for returning items.
Single-selection for reporting item issues.
8 unmoderated user tests with users aged 18-65 located in North America
Two tasks per test - initiate a return and report a problem with an item
Uncover customer’s mental process while navigating the flow
Ensure users can complete the task with little to no friction
Identify points of frustration in the flow
This approach would be the easiest and fastest for engineers to implement, however the tool would lose some functionality. Also, it wouldn't address agents turning to legacy tools.
We needed agents to stop using legacy tools so they could be fully deprecated. Scrapping the existing design structure and introducing a new one would allow me to address these issues. However, engineers would need much more time to explore the new structure and reimplement a large and critical part of the tool. This could take months.
12 focus groups, each consisting of 2 customer service agents
Guided discussion comparing both versions of the design
Validate product relationship improvements
Identify insufficient data
Identify points of frustration in the interface
While Version 2 would cost more time and effort from engineers, it would ultimately solve not just problems with multibox products, but with other parent/child relationships in the system. It would also eliminate much of the use of legacy tools.
Agents expressed the need to have descriptive item names - an update that requires close partnership with Wayfair’s suppliers.
Agents desired more data in ServiceHub with fewer clicks, but engineers face a challenge with load times when pulling data.
Multi-item selection is only possible for some flows. It would be a time-saving feature for complex multibox issues in more tools, but engineers face a challenge accommodating such an update.