HBO GO Xbox One

UI/UX Designer

Design HBO GO for Xbox One containing a seamless user experience HBO users are accustomed to.

Research

Questions to verify:

1. Who are our users?

2. What streaming services do users use on Xbox One?

3. How do they interact with the controller?

Answers:

1. Our users range from young teens to mid - 40s

2. Popular streaming apps Netflix, Hulu, Sling TV, Amazon Video and Pandora

3. Users interact with the controllers in the following way:

Personas

Learnings

After doing research on our competitors and Xbox style design, we came up with the designs below.

1. Usability, functionality, and flow are our #1 priorities. We also wanted to make this design feel like part of the redesigns being created on mobile and desktop

2. We felt it was important to show controller action buttons on the bottom of the screen because this differs per app. This solution makes it possible for all users to enjoy the platform without having to think twice about navigation

3. We decided to not have a paywall screen be the first thing that shows because we want users to just right in and view content

4. By using a side left menu, we are allowing users to access items easily

5. After 5 seconds of hovering on a thumbnail the trailer will show. This is functionality we’ve been wanting to implement on other devices, we had the opportunity to start now. Users will also have the ability to make this full screen

6. Search is a common functionality users use on our platforms, we decided to make search easier by giving tabs to view content within different categories

7. Browse - we wanted to give users the ability to go to different category pages and filter even further

8. Want to view more content? No problem. There is a “see more” thumbnail that will take a user to a grid with all of the viewing content

9. Detail page will show indication of where the users left off, if they have not started

10. Using as many functionality keypad options as possible to give experts their hidden tricks

11. Showing visual hints of what the keys on the controller do helps beginner and social users access the pages they want

Sitemap

Wireframes

User testing

We did gorilla testing with xbox users, they liked the application design and functionality.

1. Liked the side menu, found it to be very accessible

2. Liked that the full description was shown on the hero

3. Liked the different thumbnail options

4. Felt that it was similar to the desktop website and intuitively knew how to navigate

5. Wanted the ability to have voice commands available

Outcome

Xbox was Launched Early August 2020. In first few weeks had 3k unique downloads and 16.7k plays