My Projects

TVF produced clean family content that user's could consume with the whole family on the biggest screen at home. TV was an obvious low hanging fruit to get more user's hooked on to the platform.

My Role

User Research
User Interviews
Market Research
Design Variations
Prototyping
Design & Documentation
Design System
UAT & Dev Support

Platforms

Apple TV
Android TV
Fire TV

Year

May 2016 - Jun 2020

Problem

As Chromecast & FireTV devices became popular in India, there was a need for the TVFPlay app to scale up to TV. Designing for TV is a paradigm shift from designing for smaller screens. Each week, we receieved a number of user requests for the Android TV & FireTV app. The international market demanded for the Apple TV app.

Design Thinking

Big and beautiful content is the center of the TV interface. Content appears cinematic, with elegant transitions, and minimal text. The TV screen favors low-density, curated, actionable content, and categories.

Cinematic experience

The large screen affords the opportunity for large, high-resolution graphics and visual elements that build a rich and dynamic experience. During transitions and feedback operations, use movement to bring actions to life.

Lightweight interaction

Aim for least amount of friction. Minimize the number of navigation steps required to perform actions with the fewest screens possible between app entry and content immersion.

Creating Design System

A Design System was built to accommodate scalibility, so components can work well alongside each other, at the same time, render well on various device resolutions.

Dark color scheme

I intentionally chose a dark theme for the app since our users tend to engage in the app much later in the day, and in a room with dimmed lights, and thus a brighter theme would have been too harsh on the eyes.

Sketch symbols

I started by building a comprehensive components library within Sketch that would later reflect in various parts of the app, i.e., colors, typography, setting the grid etc. This included icons, buttons, form elements, error and empty states, show cards and content cards. For achieving vertical rhythm, I used an 8pt grid system (fonts set at 4pt, UI set at 8pt).

Entertainment on the biggest screen at home!

Problem

Design Thinking

Creating Design System

But wait, there is more