Summary
An essential part of creating a Design System is to make distribution and content flow sustainable. When the task is bringing the joy and community of gaming to everyone on the planet, the challenge gets massive! How can DesignOps and Automation become a facilitator for this challenge? Join Senior Software Engineer & Designer Luca Rager from Xbox as he takes us through their innovative take on design systems. Luca will illustrate how Sketch’s flexibility and modern DesignOps automation has allowed Xbox to package, theme and easily distribute component libraries. Furthermore, how their system bridges the gap between the Xbox Design System team and the wider product teams at Xbox.
Key Insights
-
•
Xbox's mission prioritizes inclusivity in gaming experiences for everyone.
-
•
The Xbox design system (XDS) faced unique challenges due to the diverse products and platforms it supports.
-
•
Flexibility and speed were key goals in developing the Xbox design system.
-
•
Components were engineered for accessibility, featuring themes like light, dark, and high contrast.
-
•
Clyde, an automation tool, bridges design and engineering workflows, packaging updates for rapid deployment.
-
•
The design system is structured to support individual team customization while maintaining a cohesive library.
-
•
Increased adoption rates of the design system are linked to improved accessibility documentation and practices.
-
•
Collaboration between design and engineering teams is essential for efficient use of design components.
-
•
The design system results show significant usability improvements across teams, including those outside Xbox.
-
•
Professional development and learning are integral to the team's success and adaptability.
Notable Quotes
"I'm a software engineer and designer, a hybrid person working at Xbox."
"The most exciting aspect of this organization is the journey it has taken in recent years."
"We needed to meet endpoints like mobile and TV and desktop."
"The reality is that play is evolving and Xbox has evolved."
"As designers, we are the people that figure out solutions for people."
"Focusing on what's right for each participant in our design system helped us build better."
"Clyde runs to ensure every time a component is updated, packaging it seamlessly for teams to use."
"Ultimately, we have the right environment for you while still leveraging the same design data."
"Modern tools allow you to build very sophisticated systems, but the magic lies in the collaboration they foster."
"Our design system expanded to tons of new symbols and improved usability across the board."
More Videos
"We need to get informed about the operational context in which staff work if we want to alter elements of service delivery."
Shanti Mathew Natalie Sims Natalia RadywylCivic Design at Scale: Introducing the Public Policy Layer Cake
December 9, 2021
"Never underestimate your ability to change the world through design."
John MaedaMaking Sense of Enterprise UX
June 9, 2016
"We're running a special promotion on the tickets—a 24-hour flash sale for those on the call today."
Wendy Johansson Surya VankaDesign at Scale: Behind the Scenes
April 29, 2021
"I want you to take a little time out of your week and say, hey, what is it like working for me?"
Holly ColeUnderstanding Experiences: When you have to do more than work
November 8, 2018
"Anything below zero on the score indicates misalignment in staffing to priorities."
Patrick CommarfordDesign Staffing for Impact
January 8, 2024
"If a screen reader can't activate or describe a button, the user has no backup and can become completely stuck."
Sam ProulxSUS: A System Unusable for Twenty Percent of the Population
June 9, 2021
"We have a hunger to keep growing and evolving in service of better amplifying voices."
Jemma AhmedTheme 2 Intro
March 10, 2022
"The embodied mind is involved in every aspect of cognition."
Dane DeSutterKeeping the Body in Mind: What Gestures and Embodied Actions Tell You That Users May Not
March 26, 2024
"It's essential to embrace a proactive approach to mitigate the potential harms of AI and automation."
Cennydd Bowles Dan Rosenberg Lisa WelchmanDay 1 Panel
June 4, 2024
