I was the Lead Interaction Designer on the Xbox App for Windows 10.

Why put Xbox on Windows? The Xbox App was initially created in response to a variety of factors:

  1. Increasing market share of PC gamers year over year
  2. A compete to Valve’s Steam client
  3. Gamers increasingly play on more than one device
  4. Console gamers play PC games as well but have to manage the experiences separately
  5. The majority of gamers already play on Windows OS
  6. Games for Windows was unsuccessful and shut down

Given all the factors above and more there seemed to be an opportunity to develop a unique value prop for PC gamers. We started from the value we had already shipped for Xbox SmartGlass, a companion app to Xbox 360 and Xbox One. SmartGlass had been developed across iOS, Android and Windows devices and integrated friends lists, achievements, game collection, remote-control of the console and more. Taking SmartGlass as a baseline, we brainstormed on how we could bring unique value to the PC gaming experience. In addition to these explorations we scheduled research sessions and gathered technical requirements:

Requirements

  1. Launch in tandem with Windows 10
  2. Integration with the new OneStore app
  3. Building a responsive UWA (Universal Windows App) that will work on all Windows devices
  4. Feed the virtuous cycle of play, re-engage, discover
  5. Keyboard and mouse with optional controller input
  6. Need to support touch as well on surface and other devices
  7. Requirements for accessibility
  8. SmartGlass features rollover but develop unique features for the PC audience

Brainstorming Features

We performed a competitive market analysis, gathered research on the PC gaming market and worked together to brainstorm additional features and ideas for the Xbox App. In addition to a competitive analysis we performed field research studies that were done with hardcore and casual PC gamers to discover how they buy, play, socialize and engage in PC gaming. These studies included the participants building their own paper prototype "perfect gaming app" and ranking the features, This proved instrumental in helping prioritize features and in helping shape the mental models and overall Information Architecture. Below is a list of unique value we identified Microsoft and Xbox could bring to both console and PC gamers.

  1. Game Bar: From within any game users could invoke a screenshot and video capture utility. 
  2. Game Streaming: Xbox One owners could stream any Xbox game to their PC
  3. Persistent friend's list: Gamers could aggregate their PC and Xbox friends together
  4. Game DVR: Allow simple editing and sharing of captured content, including outside Xbox's ecosystem
  5. Purchase games in-app and they stay up to date with updates and drivers
  6. Manage your collection across all your devices: phone, PC and console
  7. Search and browse for related games
  8. Keep up to date with gaming news and pro-gaming

In this incubation phase we presented several times to the PM and Dev teams getting buy-off for the vision and assembling a preliminary (POR) Plan of Record. From this we could distill an MVP, a Minimum Viable Product. My definition of MVP is a set of a features that provide enough value to customers to enable success. Some people view an MVP as a negative, but I've always interpreted it as the minimum we would be pleased to ship and see successful. The pragmatism of my design philosophy has always been that the MVP is mutable and changes as reality is introduced. Things like development and shipping schedules, lack of manpower or changes in the marketplace. Another very valid reason for a change in MVP, and it's true power, is testing the design with customers and getting the feedback that  initial ideas aren't performing as expected. 

Pivoting the MVP

The first cuts came after costing from engineering and services. Several key components of the app would be missing for launch. 

  1. No game collection or aggregated Most Recently Played
  2. No editorial news and events
  3. No in-app purchase; app switch would be required
  4. We would have no global search
  5. No advanced DVR editing just basic editing

Some of these cuts were painful. Losing basic functions like search, game collections or in-app purchase definitely changed the value prop of the app to it's potential customers. How could we absorb these changes and still provide unique value? The app needed to go from a full-featured steam compete to a new MVP.

We did an inventory of what we still had and it still had unique value but was leaning toward existing Xbox owners more than before. The new MVP was an app focused on Xbox One owners who also PC gamed. 

  1. The Xbox App has all the social features of Xbox One
  2. The Xbox App lets you stream your content to your PC using the same controller you already own
  3. Capture, edit and share your PC or Xbox One games anywhere you want

A New Goal

We worked on delivering these great features for the Xbox App. With a small design team we struggled to complete all the work provided for a hard launch date as an in-box Windows 10 app. The list of work to do was extensive. 

  1. Responsive UWA Information Architecture and mental model and page patterns
  2. Messages
  3. Notifications, including integrating with Windows 10 action center
  4. Persistent friends list with Party module
  5. Game Bar UX that would drawn on top of Games, a new features that had never been done before
  6. Sign-in and Sign Up flows that needed to account for new, existing and old users
  7. Game streaming component and UX
  8. App scaling and minimized state

Reception

The app came together through the hard work of the design team, talented PM's and Engineers and countless other people in time for it's Windows 10 launch. The Xbox App received accolades at Windows 10 launch as an in-box app that was responsive across all windows PC's and tablets. It received specific callouts in press and reviews for being the first truly responsive UWA on Windows new OS. 

 

"The Xbox app also serves as a single hub for all of the games on your computer; it even managed to find Broken Age, which I installed via Steam, and you can manually add games as well. You can also start a party chat with people on your friends list, as well as share clips from your Game DVR library on Xbox Live. Overall, it's simply a much more functional offering than the Windows 8 Xbox app."

The Engadget Windows 10 Review

https://www.engadget.com/2015/07/28/windows-10-review/

Localization was one of many concerns as an in-box app.

Localization was one of many concerns as an in-box app.

Core elements of app responsiveness.

Core elements of app responsiveness.

Describing optimum resolution and how the app would scale by device screen density.

Describing optimum resolution and how the app would scale by device screen density.

Overflow pattern options.

Overflow pattern options.

Interaction overlay

Interaction overlay

Game Bar (utility game overlay).

Game Bar (utility game overlay).

Proposed mental model.

Proposed mental model.

We designed dozens of home page concepts.