Ashlee Hunter

Xbox Design System

My work as a designer on the Xbox Design System Team was to create UX components for use across all Xbox verticals.

 

GDSfoundation

(Foundation overview created by Theo Haberman and Luca Rager)

 

The Xbox Design System Team

Principle Design Manager
Senior Program Manager Lead
Principle UXE Manager
Design Developers and UX Engineer
Visual and UX Designers
Accessibility and Legal Team
Product Teams
Motion Designer

 

PROJECT GOALS

Xbox Design Systems is the single source of truth of componentized UX assets that provide a consistent user experience across Xbox products. The program is designed to conserve engineering efforts and allows product design teams to concentrate on higher level interactions by providing a plug and play asset library.

 

MY ROLE

I researched existing products to identify common user scenarios within the Xbox ecosystem. My design approach was to fulfill the needs of the many so that components could be shared across the entire Xbox family. I used Sketch to build out symbols, documentation, and interaction flows to meet both design and engineering requirements.

 

DESIGN PROCESS

Prospect — Collaborated with the GDS team on design backlog and connecting with product teams to provide use cases.

Discover  — Audited, researched, and compiled component cross-product usage examples.

Explore — Iterated on component designs to alleviate cognitive load and expand functionality.

Define & Design — Defined use cases and refined design in collaboration with product and Gaming Design System teams.

Documentation — Created clear usage guidelines and behaviors for product designers and engineers.

 

COMPONENTS

Search
Progress Bar
Gamer Pics
Content Expander
Form Controls: Check Box, Radio Button, and Toggle Switch

 

Search
Search

Progress Bar

Progress Bar

Gamer Pics

Gamer Pics

Content Expander

Content Expander

Form Controlls

FormControls