research, interaction, user experience, innovation | DIRECTV



In a partnership with Vigour, the DLab team was tasked with creating a next generation system called ScreenFlow. Its goal was to integrate both multi-screen TV/Mobile navigation and a second screen viewing experience to showcase at the DIRECTV 2015 Open House. Utilizing my expertise in both UI and UX, I was in charge of designing the user interactions and for anticipating a wide variety of user-cases that would be necessary for a comprehensive demo of the project.




Natural TV-Watching Behaviors

In order to understand how people watch TV, I started by interviewing DIRECTV subscribers with DVR service. Through the interview process, I gained insight into the the subscribers' TV browsing habits and learned that content discovery was their most important concern. Helping users find relevant content was the key to successfully replacing a traditional TV remote control with a mobile app.


Live TV

When users first start the app, they are able to choose between Live TV or On Demand contents. My research showed that a common behavior of the users who chose to watch Live TV was to browse channels that they watch the most often and see what they are currently showing. To that end, I designed ScreenFlow to have the Live TV rail highlighted by default, showing a customized list of the user's favorite channels, while simultaneously showing the Live TV broadcast of the highlighted channel on the second screen, making for a seamless viewing and browsing experience.


On Demand

Users who priorly watch On Demand contents can simply scroll up on the Home page and bring the highlight down to the On Demand section. The On Demand contents are categorized in 4 main rails: In The Spotlight (featured new contents from subscribed channels as HBO), Continue Watching (unfinished movies, shows saved in DVR), and Movie Trailers. 


Quick Remote Controls

According to my research, to be able to browse contents while watching TV is an important part of the ideal second screen experience. I incorporated touch gestures to allow quick access to remote controls for users' convenience. 


Contextual Edge Menu – by scrolling on either right or left side of the screen, it brings out shortcuts for users to browse other contents.


Basic Controls – anytime, on any screen, users are able to adjust volume by scrolling with 2 fingers. They can also bring out controls (play/pause, seek) by doing double tap.


Preview – Users are able to preview the trailer of highlighted content on the app by rotating the phone to landscape mode.