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.
(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 Controlls