XBOX
Xbox is Microsoft's world–renowned video game and entertainment brand with approximately 100 million active subscribers. As an Interaction Designer, I shipped an Emmy-winning XBOX One TV experience, the Games App, and other innovative technologies.
Project OneGuide (TV Experience)
In an effort to make XBOX an INPUT 1 device, there was a big push to integrate a TV experience into the gaming console. This was accomplished by routing the signal through the Xbox One, and offering a custom interface to control your TV called the OneGuide.
The OneGuide experience was designed for 10-foot and mobile devices by the TV Team. As an interaction-designer responsible for the mobile experience of One Guide, I partnered with product owners, researchers, developers, as well as other interaction, visual, and motion designers to deliver this award-winning experience.
Introduction
Without interrupting content consumption, OneGuide on SmartGlass must enhance the way people discover, control, and customize their TV viewing experience.
The Challenge
In order to develop a deep understanding of our challenge, we…
Reviewed concepts by previous/related teams
Performed competitive analysis
Reviewed ethnographic studies done by our research partners
Interviewed business stakeholders to understand their goals
Armed with this knowledge, we were able to clearly articulate…
Our audience and their pain points
Experience outcomes / user stories
Goals and vision for the product
Design principles for the work ahead
Now it was time to explore design solutions. Days were filled with exploring…
Wireframes
-
![]()
TV Listings Wireframe
-
![]()
App Channels Wireframe
-
![]()
Trending Wireframe
-
![]()
My Shows Wireframe
-
![]()
My Channels Wireframe
The Process
We created numerous prototypes through close collaboration with…
Motion designers
Visual designers
Code prototype experts
We tested those prototypes by working closely with our research and development partners to…
Validate the big ideas
Usability test specific interaction and information design decisions
Confirm feasibility
After a number of rapid iterations, the designs were ready to build. The final results were accomplished through…
Working side-by-side with the Agile development team
Delivering last-minute modifications based on technical and time limitations
High-Fidelity Mobile Designs
-
![]()
App Channels
-
![]()
Favorites
-
![]()
Reminders
-
![]()
Show Details
-
![]()
TV Listings
High-Fidelity Tablet Designs
-
![]()
App Channels
-
![]()
Favorites
-
![]()
TV Listings
-
![]()
Recent Channels
-
![]()
First Run
