Designing One-Stop-Shop Experience for 70 Million Indians

Stats & Impact

One-Stop-Shop for DTH users

Who did we re-design for?

How do people watch TV?

Current Product Performance

  1. Making the product more accessible
  2. Making navigation & IA more reachable
  3. Enhancing search experience
  4. Facilitating better customer help & support system
  1. Adding a new channel to the pack was not easy
  2. Customers could not change or update their registered number
  3. Readability of text and information was not clear
  4. Many sections were not easily discoverable

Technical Limitations

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

Final Solution

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

Old vs New

1. Main/ Starting Page

2. Add Channel/Make Your Own Plan

3. User Profile

4. Recharge Offer

Complete Flow of the Re-Design

My Learnings

  1. Television offers a big canvas that can easily become overly complex if not done right.
  2. Unlike mobile devices, television interfaces are controlled by a D-pad, and navigation limits four directions: up, down, left, and right.
  3. 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.
  4. 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.
  5. 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!

--

--

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
Abhinav Agrawal

Abhinav Agrawal

329 Followers

Lead Designer @PayUindia | Guy with a Notepad | Ex @airtelindia, @TimesInternet