Leading Sony PlayStation's Core Experiences Team
Background
This would be the first Sony Playstation Console where the design work was led from the US offices (while continuing to work closely with our partners in the London and Tokyo offices). To launch the PS5, the design team at Sony needed to work in ways it had not previously.
Work was distributed across 11 teams in 5 cities and three countries to meet aggressive timelines, which came with its own set of challenges:
-
Maintaining cohesive experiences.
-
Sharing learnings.
-
Increasing the velocity of the teams to meet aggressive deadlines.
-
Creating seamless end-to-end journeys from the customer's perspective.
I built and led a team that took responsibility for addressing these issues, recognizing the integral role each of the other ten teams played in allowing us to move quickly without shipping our org.
My Role
At the beginning of the project, I was brought on to build and lead the team that would craft the core experiences and establish the processes and tools necessary to scale the design team's work across five cities and three countries. (USA, UK, and Japan)
My approach was to:
-
Create PlayStation's first unified design system, working across console, web, and mobile. This included both design files and working closely with development to make sure we had the associated code built.
-
Improve processes and tooling to facilitate closer collaboration and increase velocity and cohesion.
-
Build a single source of truth for the customer's end-to-end journeys and use this to facilitate conversations across the constituent teams necessary to build these journeys.
-
Build the team necessary to lead work on core experiences that promote consistency across these journeys. These experiences included:
-
Unified Search
-
Notifications
-
Voice Agent
-
Cards/Tiles
-
System Settings
-
-
Create a culture of critique and workshopping that would allow us to align periodically and then work asynchronously (due to time zone differences)
Atlas - Playstation's first global design system
Navigation:
Creating a consistent paradigm for navigation was one of the most critical and immediate needs. After initial ideation, we worked across all ten teams to identify ideas that were converging and those that were diverging. Many of these ideas were built upon assumptions from the previous generation of dual shock controllers, so we collaborated closely with the industrial design team to ensure our solutions aligned with the new controller(s) design, leveraging their expertise and insights.
We spun up workshops to align on consistent paradigms and then documented the agreements in the design system. We created button mapping guides and documentation files for all designers as part of the Dev Toolkit to be shared with game developers.
Patterns and Components:
We spun up another team of designers responsible for creating patterns and components that all teams could use. This was a close partnership between our Visual Design and IxD teams, resulting in sketch files supporting the work and guidelines for their use. The team evangelized work across teams and established office hours supporting each team's adoption of these standards.
Guidelines and Tools:
In addition to documenting patterns and components, the team created high-level guidelines in partnership with subject matter experts across the globe. This included visual design guidelines, voice and tone, and journey mapping templates and guidelines for their use. Lastly, we created our internal Atlas plugin for Sketch, allowing individual designers to share work on stored repos, document/redline specs, and collaborate via comments with extended stakeholders across all teams.
Process improvements:
To move fast while also allowing each design team to contribute what they were great at, we changed our ways of working to find more opportunities for federated contribution to our internal standards. Each team's lead could leverage a fortnightly leadership review to contribute content to (or request updates from) the design system. This could be done proactively (when a team was running ahead of the rest of the teams) or retroactively to document workshop output or testing results.
Aligning the work around our customers' end-to-end journeys.
While individual teams had already been taking a journey-centric approach within their work, we, as a larger team, had not taken that same approach between teams. Accordingly, work was siloed and lacked a connection to the larger end-to-end customer perspective we needed. To ship the seamless experiences we needed to launch the PS5, a UX Architect on my team created a single source of truth around these journeys and began changing the ways of working to revolve around a journey-centric approach to closer communication and cross-team collaboration.
A combination of synchronous and asynchronous communication channels was established, with milestone check-ins to keep the more significant work streams aligned. The core design team supported closer collaboration around these end-to-end journeys with pattern identification/documentation, which allowed these teams to work faster asynchronously.
As milestones approached and the scope of work needed to be adjusted to meet inflexible dates, these check-ins allowed us to take a holistic view of all parts of the journeys and determine which might be removed in their entirety (vs. having two teams each drop half of a workstream someone else might still be working on).
Core Experiences
In addition to the above, we also picked four key experiences where we felt work driven from the central "core" team (with close collaboration with other teams) would be the best path forward.
This included:
-
Universal Search
-
Notifications
-
System Settings
-
Card/Tile behavior
-
and Voice Agent
Each workstream was led by a senior or lead designer, who was responsible for establishing working sessions to gather requirements, building consensus, documenting the patterns, and testing and iterating to optimize these key experiences based on user feedback.
Culture of collaboration and critique
With the teams distributed across SF, SD, London, and Tokyo and tight deadlines, we found the need for intentional togetherness to keep us working at our best. Once a month, key members of all teams gather in SF or Tokyo for workshops, where we would build consensus on new directions and set work for the next three weeks. After this, we'd review work from previous sessions in person to augment the asynchronous collaboration from the previous weeks. We also used these gatherings to get to know each other better and bond as a team. I don't believe we would have been able to hit our dates without these moments together.
Impact
We successfully met our key deadlines (SDK and Product launch) with minimal scope reduction and a high level of quality.
Sales Exceeded 17 million units in the first year alone, to almost universal acclaim, and the PlayStation design team learned to work in new ways that have continued to this day.
Some initial reviews of the experience:
"The PS5 UI doesn't feel wildly removed from its roots on the PS4, particularly as you get deeper into the menus, but it's definitely different – and significantly more elegant in a number of ways" - IGN
"The overall Settings UI has undergone a nice refresh, with a lot of random menu items now combined together into more logical and encompassing categories." - EGM.
"The PS5's UI... is such a breath of fresh air. It's clean and has so much more room to fit all your games and entertainment apps." - Newsweek.
"The PS5 interface is a clean, attractive, and snappy evolution of the PS4 software." - Toms Guide.
Collaborating across teams to create a consistent navigational paradigm
Working with the Industrial Design teams to understand the constraints of the physical devices being shipped with the PS5
Creating and documenting a model for the consistent use of button mapping to key functionality
Collaborating across teams to create a consistent navigational paradigm
The toolkit included Fonts, Symbol Libraries, Documentation Templates and Foundational elements like color and grid
We developed our own Sketch Plugin, which allowed designers and stakeholders from all over the world to document and collaborate on work in progress
The toolkit included Fonts, Symbol Libraries, Documentation Templates and Foundational elements like color and grid
Our monthly review of work in progress. Context set, feedback solicited direction agreed upon till next alignment.