Firefox OS

Let the TV Show Finds You

UX/UI, Mobile, TV

With the growing internet penetration and hardware improvement, we now have huge high-quality TV content on-demand at any time and on any device. But the transformation also dragged the experience: complicate controls, selection anxiety, silos of services, and payment methods. It's time to change that.

Challenge

FirefoxOS TV is an open-source TV platform built by Mozilla and Panasonic. The HTML5 and other web technologies promise to bring personalized and optimized access to web content and services through the internet. The early success also shows a few areas to improve the viewing experience - Content discovery, Seamless interaction, and Web browsing. In this project, we aim to dive deeper into these areas to bring a unique TV experience to the mass market.

My Role

I led the design research and defined the content strategy. I worked with 2 UX designers to build a proof of concept and pitched it to Firefox’s leadership.

Our TV system has become more and more complicated

Approach in a Nutshell

Uncover hidden needs in people’s living rooms

The team knows well of its smartTV competitors, but they leave too many assumptions on the product’s user groups and viewing scenarios. To verify these questions, we conduct several home interviews with power users to study their needs and rich behaviors around the TV.

The insights bring much inspiration to design, especially on the complex technical and social environment of the smartTV. The learning helps us design a unified TV system that leverages the devices around to bring a seamless experience to various audiences. We finally turn our design into proof of concept and pitch to Firefox’s leadership.

Research

Deep dive into the user’s viewing behaviors

Findings from previous FirefoxTV research reveal several design opportunities, but also leave many questions unanswered. For example, how do different users browse and select TV content, and what’s their viewing behavior across TV and other devices?

To find out, we conduct home interviews with five power users, who have wider device usage, higher viewing frequency, and consume a variety of content types. By studying their viewing behaviors and needs, we found three major issues in the current experience.

Content is everywhere and sits in silos of different sources

Controls on TV are not consistent. Sometimes even conflict

People want to be together even they have different preferences

Design

Exploring the social context around TV

TV is naturally a multiple users medium compared to other devices. It has been used for personal entertainment and social interaction for decades. The above research further proves the need - people sit together and talking about what they see, even if they are watching different content. The strong indicator pushes us to explore beyond personal usage but scenarios in different group settings.

Design

Using mobile as a central agent in the living room

With so many smart devices around, we still see people struggling with simple tasks like turning on the TV or switching channels. The user needs an integrated system to make sure they have a seamless experience in their living room.

With the ideas in mind, we start to explore how to use mobile as a central agent to control everything around them. The intimate device can work both as controller and identifier with proximity sensors, bringing content they want to wherever they need it.

Design

Envisioning a web-based TV architecture

Some early IoT prototypes already show that by simply using Bluetooth and web code, we can break the walls between different operating systems, making content flow smoothly across devices. The promising framework helps the team to explore features like universal search, EPG, and complementary content on the second screens. Doing so will satisfy not only the user’s need but also Mozilla’s mission and strategy goal.

Outcome

The concept was turned into a proof of concept and made into the boardroom. The leadership was impressed by the novel solution but doubted if Mozilla had the resources to build its content recommendation engine or bargain with the content providers. The project finally terminated as Firefox shifted its focus back to the browser.

Final design

The final design is a proactive TV system that pushes the right content to different audiences. Powered by web OS and BlueTooth, any mobile with a web browser can be used as a personal identifier to control TV and receive personalized content from different sources without the messy login. People can watch the same show while talking about related anecdotes, making TV more fun and social.

  • 01. Proximity controller
  • 02. Supplemental second screen
  • 03. A portable system

01

Proximity controller

Phone as controller

People want a simple way to access all the gadgets when they need them. So we build a TV system that uses the phone as the primary controller, which pops up when they get close to the TV. The familiar interface reduces the learning curve and enables personalization.

One discovery portal

People are annoying when content sits in silos on different platforms and devices. We create a content panel that aggregates all their favorite content in one place, making the discovery, search, and recommendation easier than ever.

02

Supplemental second screens

Phone as second screen

Statics show around 50% of people uses second screens while watching TV. The touchpoint provides a good chance to present contextual information from the web (ex. voting, comments) during and after the show. We can even surface different content or activities with a group setting based on view patterns and personal interests.​

03

A portable system

Phone as a personal identifier

We all travel sometimes, and it feels bad when we cannot access our favorite content. With stored profile and preference, the mobile is a perfect personalization agent. A user can easily cast the show to the big screen without exposing personal information in public.

Reflection

Natural setting can uncover hidden use cases as people recalled better through their spital memory

The storyboard helps the team to build empathy by visualizing the user scenario

Researching on the key resource is a must-have exercise for a product to succeed down the road

Similar case studies