Design System Thinking
Intuit Design System
#designsystem #components #systemdesignthinking #accessibility #collaboration
The Intuit Design System (IDS) is Intuit’s one and only design system used by 5,000 designers, developers, and product managers who are empowered to create and innovate. IDS is a set of design standards and components for use across all of Intuit's products.
To build a strong design system, a collective work between designers, developers and product managers from each business unit is important.
My role: PTG representative Product Designer contributing to several Intuit Design System components.
WHO IS THIS FOR
Intuit Product Designer
Daniel is a Product Designer at Intuit.
He works in a scrum team of several Developers and a Product Manager along with other Product Designers. As he and his team develop a product experience, he noticed different look and feel UI components are used and often it's hard-coded.
His need is to accelerate design and development by using and building a single design system that empowers each product to express its unique identity with designs that unite us under a branded house.
In an ideal world, Daniel confidently delivers a quality product experience to customers in a timely manner from using one Intuit branded components.
Success metrics
Increase IDS adoption
Increase IDS NPS from designers, developers, and product managers
Strategic approach
Our vision is to deliver beautifully seamed ecosystem experiences across all our products that's grounded on our strategy and brand system, to ensure delivery of Intuit benefits to our customers. In order to achieve that, we've been putting efforts on creating one Intuit Design System that helps delivering the benefits holistically rather than using product-based different design systems. Since time really matters in this design work, we approached this strategically. We defined what components are durable vs adoptable* and prioritized based on the customers(designers, developers and product managers)' needs. For some durable components, team decided to create IDS beta components leveraging existing QuickBooks Design System since they've been well-tested with customers already. While we create IDS beta components, we also list out components that need more research and pressure test across BUs.
*read more about durable and adoptable IDS here.
IDS beta components
Designers and developers from each BU gathered in the Mountain View office for a 4-day workshop to speed up creating IDS beta components as well as design data for them. Our goal was to complete creation of total 20 components and make it easy to use in the Sketch file which was a main design tool for Intuit designers. We followed the agenda below to achieve the goal.
Day 1. Overview, Due diligence and Design work
Day 2. Design work and Review
Day 3. Design work, Review and Symbol creation
Day 4. Review symbols, Design Data creation
IDS components
PTG, CG and CTO designers collaborated remotely to work on "Modal dialogue" component. We gathered all the use cases and how it's used in each BU product and mapped them out on the digital board. We identified what's core and what are some unique cases for each BU to define configuability of the component. (ex. PTG was using bigger size modal dialoge in order to support more dense data for tax professionals on the web)
We documented the component's description, usage, appearance and behavior including examples of various sizes, conofigurability, Dos and Don'ts and specs in Abstract which later on we moved to Figma and StoryBook.
Where we are now
IDS contribution
In the process of testing IDS Color 2.0. To continue contributing back to IDS, pressure-testing how new IDS Color (IDS Color 2.0) could support our products and customers is important.
CGDS
CGDS contribution
Along with IDS, PTG also identified the similar usage of tax content with CGDS and leverage those components while contributing with various use cases. For instance, CGDS menu drop only supported one level items and because of more complex tax menu items, I suggested a consolidated menu items providing categories. I was able to contribute back to CGDS in FY24.
