NBC Universal

Senior UX Designer
UX Solutions for the streaming landscape

Role

At NBCUniversal I created user-centered solutions and interactive concepts for the TV Everywhere product team. My work spanned NBCU's portfolio of brands such as Bravo, USA, and SYFY. This meant creating a single source of truth design system for Amazon's Fire TV that scaled to the needs of each brand. It was robust enough to deliver quick iterative design changes for project managers while maintaining consistent redline specs for engineers.

In addition to design systems, I created product vision explorations on new ways to interact with content while watching.

Duties

Wireframing, Whiteboard, Prototyping, Design System Library, Prototyping, High Fidelity Design, Andriod UI, iOS UI, Connected Device, Streaming Platforms

PROJECT

Design Systems for FireTV

Situation

NBCUniversal needed a unified UI for their portfolio of brands on FireTV.

The former app design for each brand needed a consistent system in order to roll out UI updates and meet the demands of the product team's Agaile process.

Goal

Create unified design system across all brands with best-in-class aesthetics and design that's also flexible and for growth and fast iteration.

Requirements

I worked closely with this project’s principal designer in creating wireframes, page flows, visuals, and redline specifications. My designs are based around the app's core values:

We planned the layout to revolved around the size ratios of key art and available show metadata.

The final design allowed for maximal branding with minimal UI clutter.

Along the way there were technical challenges the design system needed to meet such as it’s key art allocation and sizing and legibility for the 10ft user experience.

Animation was also crucial to the UX. It was important for the user to have their bearings while browsing and not get lost in choppy movements. I implemented animation keyframes and tweening transitions to ensure movements are clearly read.

Result

The design system was successfully rolled out to each brand and provided the quick design framework needed for the Agile process.

PROJECT

Second Screen Product Visions

Situation

How can NBCU find opportunities and bring value to a mobile second screen experience?

NBCU wanted to introduce interactions with Amazon Alexa and mobile second screens to the traditional TV streaming experience. My role was to create product vision concepts, user stories, and the design mechanics of the second screen experience.

Goal

Define and propose second screen user journeys based on research of current viewer habits and trends.

For kick off I partnered with the principal designer to define the core values:

With these values established, I researched current habits of mobile phone usage while watching traditional television. Notable findings include:

A Nielsen study showed that 58 percent of viewers browse the Internet while they watch video programming. According to Adweek, 87 percent of respondents use more than one device at a time.Results found that 94% of TV viewers kept their smartphones with them while watching a show, creating a multi-screening experience. Furthermore, during their TV time, users only looked at the TV screen 53% of the time. https://www.advertisemint.com/tv-and-smartphone-multiscreening-the-best-of-both-worlds/

With these findings I came up with a few mechanisms and concepts of the end-to-end experience.

Partnerships

Contextual notifications that coincide with show content that deep link to partner apps. NBCUniversal was seeking new opportunities with partners and sponsors. Bravo in particular, sought new ways in integrating food and shopping deals into Top Chef.

The proposed experience would sync FireTV and mobile app notifications with key points in the show.

In this example once the winning dish is announced in the show, a push-notification is sent to the viewer's phone with a Blue Apron deep link for that particular recipe.

Insight

Content enhancement for what you need, when you need it.

Passionate TV fans want more content from the shows they watch. Whether it’s behind the scenes interviews, story references, or where else they’ve seen that one actor from, viewers are usually checking their phones while simultaneously watching TV. Amazon X-ray strives to provide this content, but X-ray UX leaves a lot to be desired.

The goal of the Insight concept is to have all of this info synchronized within a viewer’s phone app, without the cluttering the main TV screen. It’s like a dynamic playbill on steroids. Whenever a viewer wants to know more about an actor or plot thread, they can reference their the Insight feature right then and there without the friction of starting a blank internet search.

The proposed experience would sync FireTV and mobile app once a show starts.

Result

These concepts pleased brand stakeholders, opened discussions on the possibilities of mobile interactions, and provided a north star direction on how to move NBCU streaming forward.