AGENT OS

First Bill

Internal tool designed for Spectrum agents to assist residential customers’ calls related to their first bill and charges.

UX Designer

Role

1 Week

Timeline

Figma, Axure & Miro

Tools

GV Design Sprint

Methodology

What’s Design Sprint?

Team Structure

The org was comprised of 3 omni teams that were solving various problems in a series of design sprints. All the problems were related to building a new experimental tool for agents called Agent OS, which was intended as a replacement for existing Gateway tool. I was part of omni team 2 that focused on tackling self-installation and repair issues.

FACILITATOR

UX DIRECTOR

4 UX DESIGNERS

2 UI DESIGNERS

2 CONTENT DESIGNERS

4 SOFTWARE ENGINEERS

3 UX RESEARCHERS

3 DECIDERS

Overview

Spectrum billing agents are receiving a great volume of calls from Spectrum residential customers related to first their bill. Research was conducted to uncover the first bill related paint points from both agents’ and customers’ perspective.

Problem Space

There is a break in the experience between sales and customer service for our customers. Charges are unclear or unexpected (one-time charges, installation fees, services they didn’t ask for, etc.). Confusion exists for customers around β€˜free trials’ and how they are charged. Agents spend a majority of their time educating customers versus performing any actions.

Hypothesis

We believe that building one, inclusive tool that provides relevant, transparent and accessible information about the first month’s bill to Agents will streamline the workflow so they can address customer questions, provide transparency and improve the consumer experience.

Day 1

GOALS

β€’ Understand the problem and the user’s pain points
β€’ Pick an important area to focus on
β€’ Start at the end by mapping a possible end-to-end user scenario

Research Readout

Two weeks prior to the beginning of the sprint, our research team has been working on collecting all the relevant data. First 2 hours of the sprint are dedicated to the research readout, where researchers are covering the research and ETS findings to help understand all the information at hand. Key insights are available upon request. Research methodologies are listed below.

ETS Call Observations

6 calls identified as First Bill-related were observed. The predominant theme of calls was lack of clarity regarding extra fees/charges and services.

Customer Insights

Market Research
Customer Interviews
Customer Experience Best Practices Analysis

Agents’ Call Workflow

Journey and tool data was collected from 6 recorded agent-walkthroughs

SME Interviews

4 leads (Gateway)

Customer Self-Service

Currently, customers can access a PDF version of their bill via My Spectrum App. The experience on Spectrum.net is identical.

Customer Interviews

Four Spectrum customers were interviewed regarding their recent experiences of calling regarding their First Bill.

First Bill Examples

Explore the carousel below.

Customer Facing Info: My Spectrum App

Accessing the bill via My Spectrum App.Β The experience on Spectrum.net is identical.Β Below is the Digital Bill MVP flow, accessed via the Billing Home screen.

How Might We?

Below are the questionsΒ  need to answer as a designer in order to be able to turn customer’s challenges and paint points into opportunities for design.

HMW

Provide agents with a timeline of key events/milestones in the customer journey?

HMW

Distinguish separate workflows in order to deliver contextual data & functionality?

HMW

Align the information in a way that both agents & customers can access and view the same sets of data?

HMW

Eliminate the disconnect between sales & the customer service, as well as add more transparency to sales & marketing?

HMW

Make the first bill self-explanatory so that no agent training or customer education is needed to understand the types of charges?

HMW

Simplify the information presented in the billsΒ  so that agents spend less time during training explaining billing processes?

HMW

Keep the scope limited to make sure we are able to make meaningful changes in a timely manner?

HMW

Keep customers better informed of their charges so that they don’t forget about them by the time they get their first bill?

HMW

Let the customers know that their bill has posted and the payment is due in 10 days?

HMW

Ensure we have enough information for agents to reconcile the call without needing to swivel?

HMW

Identify First-Bill specific calls when the information hasn’t been captured by the IVR?

HMW

Allow the agents to see what was actually sold to the customers by the marketing teams?

User Map

After analysing and discussing the research insights, we created a user map that displays agents’ tasks based on the tool they are utilizing in their workflows.

Day 2

GOALS

β€’ Competitor analysis
β€’ Identifying the critical screen
β€’ Sketch out competing solutionsΒ 

Lightning Demos

For lightning demos each participant was given 30 mins to do competitor research. As competitor’s internal tools aren’t available on the consumer side, the target was on what it is that other companies in our segment do right that works well. After conducting research, in breakout rooms each participant presented their findings. After some discussion the team chose 3 options that they wanted to bring to the team.Β  Below is what I presented to my group.

Verizon

What really caught my eye here is how Verizon handles displaying high level info vs details using a toggle. I could anticipate we were about to solve a similar problem of displaying high volumes of information. Therefore i already started thinking how we could possible handle the information architecture and display most prominent info vs gritty-nitty details. So far, the most common ways to tackle this is collapsing details using a caret. The solution by Verizon is something I found refreshing and inspiring.

Website Hosting

This screenshot was taken on one of the hosting websites. I found a lot of pros of how data is being presented and compared based on a number of criteria listed on the left-hand side.

What caught my eye instantly is the visuals used in the table to communicate what features are available/unavailable. This solution is very refreshing, as it differs from commonly used checkmarks of a regular body font color.

Pega Customer Service

I found this design very applicable to the topic of our design sprint as it also relates to communications and media. Therefore I found this case particularly interesting. I really like how the data here was broken into sections by the lines of business. What I found confusing were the dashes used instead of numbers. Are theyΒ  implying no charges were made for lines of business associated with the account?

Crazy 8s

For crazy 8s each participant had time to individually sketch out a a variation of one of their best ideas, and then create a 3-panel solution sketch. We would then work in break out rooms to present our solution sketches and pick a few that we would like to bring back to the entire team for the Art Museum activity. Below is the sketch I presented to the team.

Solution Sketches

After we picked a few solutions for the Art Museum, they were presented to the bigger group. The deciders joined the call and voted for the best solutions:

Day 3

GOALS

β€’ Make decisions
β€’ Turn ideas into a testable hypothesis
β€’ Storyboarding

Storyboarding

The day started with storyboarding. Each participant created their story which was then presented in the breakout room. Below is the storyboard that I put together and shared with the bigger group.

Here are few other fun creative story boards that other teams came up with. My initial instinct was to take a screenshot, and I glad i did so I can now share it here. ✨

Final Storyboard

After each team presented to the big group the storyboards that were selected in the breakout sessions, the final story board was created in joint efforts to help the team make a decision as to what scenarios are going to be prototyped.Β Click to zoom in πŸ”Ž

Day 4

GOALS

β€’ Creating a realistic prototype

Sketches Transformed Into Reality ✨

Click to zoom in πŸ”Ž

Prototype

SCENARIOS

1. Identify Bill Details

Customer calls because they want to understand the charges.Β 
Customer calls in and says, β€œI just got my first bill from Spectrum and it’s for over $150. I want to know why it’s so high?”


2. Identify Charges Change

Customer calls because their bill is higher than they were quoted at time of order.Β Customer calls in and says, β€œI’m calling you because I just received my first bill from Spectrum and it’s over $200 – it’s way higher than I was told when I purchased this plan. Why am I being charged so much?”


Day 5

GOALS

β€’ Validate assumptions
β€’ Get feedback from real users​​​​​​​

Usability Testing Overview

Three rounds of usability testing took place at the end of the Agent OS First Bill design sprint. The design team iterated on the prototype based on findings highlighted at the end of each round of testing. The test plan was updated for each round accordingly (as attached below). The team also used this evolving testing to evidence the importance of direct user feedback (as opposed to SME testing in the first round). Click to zoom inΒ  πŸ”Ž

usability testing

Test Format

Remote moderated testing took place over 45 minute sessions. Participants were asked to imagine they were responding to a new customer who had called about their First Bill. All Billing Agents who participated were asked to explain how they felt the tool would impact their workflow on a daily basis.

12 participants in total gave feedback

2

Oct

2020

ROUND 1

5 Call Center and UAT SMEs

Remote

WebEx


7

Oct

2020

ROUND 2

4 Tenured Billing Agents

Remote

WebEx


14

Oct

2020

ROUND 3

3 Nesting Billing Agents

Remote

WebEx


Affinity Map

During each testing session, sprint participants observed and made notes on a Miro board (see link below) over an outline of the interface. After each round of testing, all team members contributed to affinity mapping of the post it notes. Click to zoom in πŸ”Ž

Heat Map Overview

Post-affinity mapping, usability testing feedback was used to create a heat map over an outline of the interface. The purpose of this step was to highlight the evolution of feedback with each progressive phase of design iteration and testing: Click to zoom in πŸ”Ž

Key Trends

From affinity map, the team was able to ascertain key takeaways that correlated to the testing goals. In the case of the final round of testing (October 14th), the following key trends were noted

All information needed was available.

Perceived as easier to use than current tools.

Overall positive perception of prototype.

Key Takeaways

WHAT WE LEARNED πŸ’«