Digital Product & UX/UI Designer

Charlie The TV Interface

Charlie

Charlie is an entertainment system designed to compile a user’s subscriptions into one place, allow them to create custom playlists, and work on a variety of devices.

Research

SELECT ARTICLES

Designing for Television, Part One by Molly Lafferty @ ThisAlso on Medium, 2016

Designing for Television, Part Two by Molly Lafferty @ ThisAlso on Medium, 2016

Designing for Television, Part Three by Samir Zahran @ ThisAlso on Medium, 2016

Don Norman Introduces Gestural Interaction, pt 1 from Coursera by UC San Diego

Don Norman Introduces Gestural Interaction, pt 2 From Coursera by UC San Diego

15 Radical Redesigns for the TV Remote by Kyle Vanhemert on Fast Company, 2013

DESIGN GUIDES

Amazon Fire TV Design and User Experience Guidelines

Android Developer’s Design for Android TV

Apple’s Human Interface Guidelines for tvOS

 

PRODUCTS

Apple TV

Google Chromecast

Roku Streaming Stick

STREAMING SERVICES

Amazon Prime Video

Boomerang

Hulu

Netflix

UX RESEARCH & PROTOTYPING TECHNIQUES

Collaborative Prototyping Exercise with Users

Group Sketching

User Interviews

User Testing (A/B)

 

BUYING A GOOGLE CHROMECAST

Google Chromecast4x.png

I wanted to compare the experiences of streaming devices and smart televisions, especially how we as users interact with the entertainment content, and whether or not entertainment is truly more accessible.

Using a remote to navigate a smart TV’s UI is inefficient. Remotes weren’t built for this purpose, but there hasn’t been a major change to television remotes to reflect the innovation we are seeing on-screen. Devices including Apple TV, Amazon Fire, and Roku have all developed innovative remotes that work efficiently with their streaming system.

As long as a phone, tablet or computer are on the same wi-fi as the Chromecast, you can stream practically anything to your television. I found it to be an intuitive system, and it confirmed my interest in designing a portable product that can be moved from device to device.

 

USER INTERVIEWS

After refining a series of hypotheses based on desktop research, I began the user interview process. The first step was to develop a series of research goals, research questions, and items. Research goals are based on the hypotheses, and help develop an overarching topic or pain point. Research questions, like research goals, are internal questions I am asking. The items are the questions I actually ask users, and are based on research questions.

Hypothesis: “Users primarily use streaming services to access entertainment”.

Research Goal: “Scope”

Research Question: “What are the ways that people access entertainment?”

Items: Do you watch TV & Movies? How do you access that content? Do you currently use any streaming services? Which service(s) do you use now? What do you like/dislike about [Streaming Service]? Have you used streaming services in the past? Have you ever ended your subscription with a streaming service? Why or why not? How would you like to access entertainment? What would make it easier for you?

Developing an interview guide this way was a critical part of appropriately preparing for user interviews.

After speaking with various users, I gleaned a few key insights: people pay for multiple streaming services because there isn’t one that just offers absolutely everything they want access to, that switching between services is oftentimes ‘not worth’ the hassle so they’ll continue watching something they don’t want to be watching, and the process of browsing for new entertainment is often a frustrating journey for users.

 

Prototyping

LOW FI: PAPER PROTOTYPING

text here

text here

LOW FI: GROUP SKETCHING

text here

Text here

LOW FI: DIGITAL WIREFRAME & INITIAL FLOWS



Feature 2

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Vivamus sit amet semper lacus, in mollis libero. Sed a ligula quis sapien lacinia egestas. Maecenas non leo laoreet, condimentum lorem nec, vulputate massa. Maecenas non leo laoreet, condimentum lorem nec, vulputate massa.

Feature 3

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Fusce at massa nec sapien auctor gravida in in tellus. Mauris egestas at nibh nec finibus. In sit amet felis malesuada, feugiat purus eget, varius mi. Sed a ligula quis sapien lacinia egestas.