Designing One-Stop-Shop Experience for 70 Million Indians

Stats & Impact

One-Stop-Shop for DTH users

Customer experience being the paramount concern urged us to re-design and create a one-stop-shop application for our DTH users where they could indulge in a range of activities like changing their plans to managing their Airtel accounts directly from their television sets.

Who did we re-design for?

To begin the process of re-design, I had to first identify, who are we re-designing for?

How do people watch TV?

The first step to undertaking the re-design project was to identify how people use their television sets in general and what guides them to make decisions. I focused on three kinds of behaviors/mindsets before venturing into the re-design process:

Current Product Performance

Re-designing a product means re-working or modifying an already existing product. In this endeavor, it is important to closely analyze the existing product before making changes, to develop a meaningful design that is an upgrade.

  1. Making navigation & IA more reachable
  2. Enhancing search experience
  3. Facilitating better customer help & support system
  1. Customers could not change or update their registered number
  2. Readability of text and information was not clear
  3. Many sections were not easily discoverable

Technical Limitations

In the era of high-end devices and high-speed internet, designing something that runs on satellite signaling, has no internet, and has minimal internal memory was a challenge. Following were the major limitations that had to be kept in mind:

  1. It allows for limited use of imagery and graphics
  2. No on top of UI effects can be used
  3. We had to keep both very old & new television sets in mind
  4. The box cannot access much information at the same time

Final Solution

Post my evaluation of the existing product, customer insights, and limitations that had to be navigated through, I re-designed the One-Stop-Shop by adding the following features to make it more user-friendly as well as business-friendly.

  1. Update/Add Number: Users can update or add a new number to their DTH account.
  2. Two-Step Recharge: Simple and easy wallet recharge process.
  3. Long Term Plans: Extra benefits and offers for users doing recharges for a longer period.
  4. Pack/Bundle Customisation: Easy to customize of creating their own packs.
  5. Value-added services: Extra on top services for our DTH users.

Old vs New

The outcome of the final re-design can best be monitored through a comparison of the old design with the new one.

1. Main/ Starting Page

Improvements: Made the information more structured, concise, and contextual to guide the user. Used iconography to create more recall value, helping the user when they visit again.

2. Add Channel/Make Your Own Plan

Improvements: Improved the flow of adding channels from a tedious 4-step process to an easy 2-step process. Merging the first 3 processes gives the users more clarity regarding what options are available for them and what they are select.

3. User Profile

Improvements: We received a number of calls related to user’s account information like updating numbers, base packs, etc. I added an “Account Info” section to solve all such queries within the box. With this update, there was a 50% drop in daily support calls.

4. Recharge Offer

Improvements: I observed that a lot of users do not update their base back and keep adding channels and services to it. As a solution to this, I divided recharges into two sections — “Monthly” and “Long-term”. To facilitate the selection of “Long-term” certain discounts were given to users choosing the long-term packs.

Complete Flow of the Re-Design

My Learnings

I joined Airtel in March 2020 and this was the first television project that I was leading post my joining. I was working on the project along with Lokesh Rajput (Product Manager). The project was interesting and while working on it I had a few takeaways and learnings of my own that I would like to highlight here.

  1. Unlike mobile devices, television interfaces are controlled by a D-pad, and navigation limits four directions: up, down, left, and right.
  2. The other critical element in the TV interface is the focus state. The Focus state is the point on the television where one requires the viewer’s attention to be focused. It should be highlighted as the user navigates, indicating where the user is currently at.
  3. TV apps are often referred to as ten-foot experiences. Given this distance, we need to treat a UI differently than we would on the web or mobile.
  4. We should avoid over-using saturated colors and heavy use of white in large elements or backgrounds. Pure white will create halos and other visual distractions.

Thank you for reading; you are awesome!

You can connect with me on my Instagram, Linkedin, Dribbble, Twitter.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store