The public release date of these designs span from 2019-2024.
Clients include: GM, Tesla, Ford, JLR, Audi, Porsche, VW, Volvo, and BMW.
Case Study:
2021 GM Cadillac Escalade
Overview
I designed and defined the end-to-end SiriusXM + Pandora user interface and user experience for the 2021 GM Cadillac Escalade program.
Deliverables
A full specification guide for GM designers and developers covering every screen of the SXM+P experience, including annotations for the entire SXM product, defining scenarios of driver workload lockouts, and providing a visual guide for touch, hardware control, and steering wheel interactions. Also, an InVision prototype for use across multiple internal teams.
Goals
Designing the best SXM+P experience for new users, trialers, and subscribers leading to an increase in conversion, and seamlessly and natively embedding our product into the overall GM infotainment experience.
Constraints
GM was pioneering an industry-first curved OLED display spanning over 38+” of screen, including all angular UI components on the main headunit of -18.2 degrees. This meant revisiting our core visual design to check for usability and readability given the unique framework, interaction paradigms, screen size, and safety guidelines. All image, text, and hit zone sizes were predetermined by GM for safety and usability, so creating the SXM experience within those parameters.
Process
Starting with the SXM Feature List, we kicked off this program in collaboration with our Product, Engineering, Account, and GM design team to scope the UX and visual design. An aggregation of in-person design workshops, weekly virtual design reviews, usability testing, in-vehicle simulation driver workload tests, and reviews with the QA and development teams over the course of 24 months culminated in the final release of the program to thousands of GM vehicle owners in 2021. Design support for weekly meetings with the software (Metova) and hardware suppliers (LGe) were also critical to the development process.
Sample User Flows
Visual Design Details
Design Solutions
To ensure safety for our users, we tested usability, glance time, and overall driver workload in GM’s simulation lab on trialers, subscribers, and new users. From this data, any SXM screens which produced longer glance times for the participants were redesigned to reduce the driver workload. We were able to implement design solutions which required shorter glanceability and increase ease of use and discoverability through touch, hardware, and steering wheel controls.
Visually, we were able to successfully integrate and negotiate for best SXM visual design given GM’s unique color scheme and overall design. This meant identifying important visual elements, like backgrounds and text sizes, which would enhance the SXM experience for our new and existing users.
Leaning on the core SXM Blueprint to ensure that though this was embedded into the GM vehicle, our users would find a familiar UX across all SXM products.
