Backoffice tool

Qliro Financial Services

2017

Overview— A backoffice system for many different retailers to track orders from their e-commerce sites. User groups are customer service agents and various finance roles.

My role—Sole designer on this project involving many external stakeholders.

Responsibilities—User research & interviews, prototyping, interaction design, post-dev functionality testing

The challenge

This system was old and required new features. The main tasks for this tool is for customer service agents to troubleshoot issues with payments. The new requirements were to allow changes to orders such as editing the number of products, shipping orders or returning items and adding fees.

Discovery

In this phase, I widened the approach to validate requirements and ideate on data structure. I used a variety of techniques including interviews, card sorting, workshops with designers loaned from other teams and usability testing on wireframes.

First step was to interview the various user groups to understand their current use of the tool and the new requirements. The goal was to confirm the previous requirement documents matched their current needs.

Card sorting exercise with customer service reps with the goal to understand how to group the data according to their needs. Aim is to increase speed of task completion.

Rapid ideation through photocopies of order information.

Workshop with other designers to problem solve how actions effect orders.

Scoping different use cases for different actions.

Wireframes of different transaction types in different states. Checking that all data types were understandable.

Later wireframes including customer and product information.

Solution

Prototype with final UI, showing user navigating through an order and choosing different actions. User can select multiple items and make many edits to an order.

Iteration

The design needed to be iterated on for two reasons.

  1. After usability testing I realised that the mouseover area was too small and annoying for users to slide the cursor to that position.
  2. More requirements came through on updating order data which needed more screen space.

Updated and in production!

Results

Received positive feedback from customer service agents and their managers that concluding tasks for customers was faster and easier.

Takeaway

It is possible to amalgamate a variety of user needs and produce features that work for all, as long as you get to the root of their problems through interviews and follow up with usability testing.

Highlight

Working for a user group (Customer service agents) that is not often catered to and they were so happy to be involved and contribute to creating a better workflow.