Program Summary
Develop a communication and collaboration service that helps business and retail customers share and manage multiple phone numbers on a single device.
- Type: Consumer Small Business SaaS
- Market: USA
- Team: 1 Product Manager • 1 Designer • 7 Software Developers
- Role On Feature: Sole Designer as Product Designer, Visual Designer, User Researcher on Web Version
- Timeframe: 5-month Agile rollout • 2022
Challenge
Drive and increase the number of customer subscriptions by designing a new web and desktop platform as a new product pipeline to support the product mobile apps.
What Success Looked Like
- Increase number of DIGITS subscribers by 30%
- Create a space to encourage app downloads for mobile and desktop
- Create a support and FAQ website to support the product
- Align and grow visual language and T-Mobile digital branding
- Accessible Compliance (WCAG 2.0)
What Changed
Product shipped, but I left T-Mobile before gaining insight into the results. I did deliver on time and worked with the engineering team to ensure Visual Language, Branding, and Accessibility goals were met.
Who is the Customer?
Understanding the bigger picture
T-Mobile created a virtual phone number app technology as at the time eSim technology wasn't widely available where users can have multiple phone numbers on a single device. To begin I wanted to learn what is the customer motivation around wanting a second or third line and what is the value they place on it.
Some findings from this exploration, Customer's would pay for multiple lines:
- If the the price point is right for them for a second or third phone number
- To be able to share a line with family or employees
- To be able to give out a temporary phone number to strangers and casual acquaintances
- To be able to set custom ringtones for each line
- To be able to set unique voicemail greetings for each line
My research resulted in three rough market segment archetypes:
The third segment (the Skeptic) was based on some real-life customer service reviews. While it wouldn't directly affect the product vision, I wanted to be thoughtful around potential unintended consequences.
- 1. The Boss
Needs a second line for a business or other professional reason - 2. The Connector
Likes the idea of a second line to share with family and friends. e.g. a party line - 3. The Skeptic
Dislikes the idea of the product, found out their significant other used it to cheat (Anti-persona)
The Strategy
Starting With People
How will I improve DIGITS for web/desktop?
I didn't work directly on the original DIGITS mobile product, thus had knowledge gaps about the product. I wanted to make sure we were designing the right solution for desktop/web. I also wanted to give back any discovery to my colleagues working on the mobile solutions. After interviewing with DIGITS mobile design and product about their experience and aligning on testing goals.
My first observational usability study was conducted with 10 users (5 DIGITS users, 5 people new to DIGITS) to understand the customers thought process interacting with the DIGITS mobile apps.
- Goal 1: How well does the customer understand what DIGITS it and adding a new virtual phone number?
- Goal 2: How easy are the communication features to use, and what missing features or opportunities can we uncover?
A few of my findings I will address in this write up
- Finding 1
How easy is it to remember which phone number the customer is using (7 out of 10 failure) - Finding 2
How easy is it to add an additional participant to an ongoing call (8 out of 10 failure) - Finding 3
How easy is it to find previously shared media within a conversation chat (4 out of 10 failure) - Finding 4
How easy is it to discover DIGITs and download the app (4 out of 5 new users failure) - Finding 5
How easy is it to get support with DIGITS (4 out of 10 failure) - Finding 6
Customers requested a search message feature in conversations (All 5 DIGITS users)
Putting the Plan Together
For my own mental model, I sketched out the features, user workflows, and information architecture by comparing with the DIGITS mobile apps to maintain platform uniformity and onboarding steps.
The Work
Designing the Fix
For brevity on this portfolio writeup, I am only going to focus on a few of the product design solutions for the findings I listed above from the first usability study and product discussions. Contact me if you fancy diving deeper into the full case study.
Which phone number did "I" use?
One of the key usability findings that was leading to customer frustration and adoption was the difficulty in easily understanding which of their phone numbers they used in any given message conversation or call.
I approached the design solution in two ways. first was to use a color indicator on the message and call logs. The second identifier was to show the phone number and color inside the conversation or call. My color choices were tested for WCAG accessibility compliance.
An example of the calling screen with call logs.
The phone number is displayed by a color that the customer can customize their color preference in settings. The customer can also filter their message and call logs by each of their phone numbers.
One interaction I thought about but discarded was changing the color on the message details screen without needing to go to settings. Discarded due to scope and it might have caused confusion to the customer.
When a user activated a phone number it would be automatically be assigned a unique color. The user could then choose a more meaningful color for that phone number in settings.
Result of Finding 1
How easy is it to remember which phone number the customer is using? (10 out of 10 success!)
Disclaimer: due to most customers have 2 or 3 phone numbers maximum
How do "I" add another particpant to a call?
We were failing our customers when it came to ongoing call management. Customers were having trouble adding participants to ongoing calls and managing multiple calls. These were core feature of DIGITs that presented an opportunity to elegantly solve in a way customers could control their agency.
My solution to address the first issue was to make calling similar to starting a conversation.
I added a Add to call call to action on the call screen. The customer could then dial a number or add an existing contact and add the participants as chips, then select Merge which would merge all the participants into the call in one go. The user would also get feedback if a call failed, or the participant did not answer.
To address the second issue of managing multiple calls on the customers multiple lines, I added the ability to dock the first and second call to multitask and improved the way second and third calls are held and answered.
The user can switch between calls on multiple phone numbers or on the same phone number. This design shows the multi phone number situation where they have received 2 calls, 1 on each phone number.
The last scenario I addressed from a product and design scenario was in the case of three calls. Example: 1 Active call and a second Incoming Call; 1 Active call, a second call on hold, a third incoming call.
While customers were familiar with the feature and icons used in native mobile calling for 1 Active call and 1 incoming call, I needed to consider an elegant solution as the technology allows for 3 call scenario. The solution I tested was to write CTAs that are clear. I also considered localization with this solution, but it was a tradeoff for icons only as usability testing confirmed they were confusing to understand.
Although the technology allowed for more than 3 calls simultaneously I advocated with product's support to stakeholders that we limit the calling feature to a maximum of 3 calls (1 Active, 1 Held, 1 Incoming) for spatial cognitive understanding and safety guardrails.
Result of Finding 2
How easy is it to find previously shared media within a conversation chat (9 out of 10 success!)
How do "I" find previously shared media to me?
The research showed finding previously shared photos and videos on the mobile device was quite difficult due to an legacy product decision to not store media on the mobile device. Part of the problem could be attributed to the lack of a search feature within conversations.
Using the data from the usability study and customer support feedback. I aligned with product and stakeholders and proposed a media library the would be in sync with cloud storage across platforms.
The media library addressed the customer pain point of scrolling back through endless messages in a conversation to find that shared file or url link. The solution was to group the different types of shared files into 3 types: "Media, Documents, and Hyperlinks
Customers could also manage the stored media by downloading, and deleting.
One idea I had initially was to have a fifth tab for files so the customer would have access to all media across conversations in one place. We deprioritized this idea from the first release to ship on time.
Result of Finding 3
How easy is it to find previously shared media within a conversation chat (8 out of 10 success!)
Notable finding: discovery was a 10 of 10, but customer needed to remember in which conversation was that file they were looking for
How do "I" discover DIGITS?
DIGITS as a product offering is promoted in the T-Mobile store at Point of Sale and is largely successful to get the app on the phone, but then often customers forget it is there.
The opportunity I proposed was going to address product discovery in two ways mobile team would create push notification reminders and I proposed a product support website where users could learn about what DIGITS is, what is the value proposition for them based on the identified market segment archetypes and get technical and customer support. Traffic would also be driven from the corporate website, customer care, and search amongst other channels.
To design the website, I utilized elements of corporate branding and the design system and visual language I authored for T-Mobile CDSE products.
The primary call to actions on the landing page is to download the apps or sign into the DIGITS web platform for the initial release of DIGITS web.
Revised Version After User Feedback
User feedback from the first hi-fidelity version revealed that many users confused the iOS Download on the Apple Store Mobile app button with the Desktop App download button. To reduce friction, I separated the buttons visually and included a QR code for the mobile apps.
Result of Finding 4
How easy is it to discover DIGITs and download the app (No data)
Reflection: This website was shipped only as a partial solution due to scoping bandwidth constraints to adhere to the product shipping date.
Accessibility
Preparing a Design to Engineering Handoff
As part of the design documentation handoff, engineering and I worked together to make sure our products are WCAG compliant. An example of one of the design artifacts I created dictating keyboard access. Building accessible products and learning as much as I can about inclusive best practices has been a career passion of mine within the product and product design space. Contact me if you fancy reviewing your product or service to see how it meets accessibility WCAG standards.

