Elizabeth Rosenzweig (short bio)

Brandeis University, USA

Objectives:

Understand and master concepts that enable professionals to:

• Implement design systems for their design operations
• Understand how design systems works
• Know when to use a design system and which specific systems are commonly used
• Understand why to use a design system
• Understand benefits of design system
• Participate in design system exercises

Content:

Companies whose goal is to build a world class experience implement the software development and design through Design Systems.

Design systems are used by designers, developers, and product teams to manage design at scale through reusable coded components that create a unified experience for users through a common look and feel across channels and platforms.

This tutorial will cover general design system principles and best practices, including, style guides, Component Developers Kit (CDK) component code, pattern libraries and other relevant information. In addition, specific design systems such as Materials Design, Angular Material as well as Design Systems from Brad Frost's Atomic Design.

Attendees will engage through exercises to define and build a design system.

There are many benefits of design systems including reducing redundancy, reducing design debt, creating efficiency in design and development and improved outcomes. UX designers benefit by efficiently designing a common look and feel across their work. Developers benefit through use of the reusable coded components and product managers benefit through common repositories for requirements, use cases and personas.

Target Audience:

• UI Designers
• UX professionals
• Product and Program Managers
• Developers and Engineers
• Anyone interested in Design Operations

Hybrid details:

• All attendees will be a part of the presentation and I will be taking turns doing interactive discussions with online and in person attendees.
• When the class breaks into groups to do exercises, the groups will be organized by online and inperson. E.g. online attendees will be in online groups, in-person attendees will be in-person groups. I will alternate my discussion time between the two, bringing everyone together at the end.

Detailed Agenda- Half Day tutorial- Total 4 hours

What and why design systems – 1 hour

• Introductions –10 min
• What is a design system? – 20 min
• Benefits of design system – 15min
• AGILE UX- 15 min

Using Design Systems – 1-hour minutes.

• Common Design Systems- 30 min
• •When to use a design system- 15 min
• Design system first exercise- when do you use a design system- 15 min

Break – 15 minutes

Implementation and AI – 1 hour

• How to implement a design system- 30 min
• Human-Centered AI and Design Systems- 30 min

Pulling it all together – 45 minutes

• Design system second exercise- what design system would you build- then build it. – 30 min
• Wrapping up and take aways 15 minutes