40 years of HCI International. Join us in Washington DC to celebrate

T03: Design Systems for Better UX

Saturday, 29 June 2024, 08:30 - 12:30 EDT (Washington DC)
Back to Tutorials' Program


Elizabeth Rosenzweig (short bio)

Brandeis University, USA



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



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


Bio Sketch of Presenter:

Elizabeth Rosenzweig is the Principal Designer at Bubble Mountain Consulting where she has led design teams for online products that are built on design systems. Elizabeth is also an Adjunct Faculty member in the Brandeis University Master's of User-Centered Design, Elizabeth has worked as a consultant and employee in several major corporations for over 30 years. Her experience includes design, research, and development, ranging from website and, applications, to hardware products and technology development. Elizabeth has completed projects for many major international corporations, not for profit and government organizations as well as academic institutions. Elizabeth holds 4 patents in intelligent user interface design and is the author of the book "Successful User Experience: Strategies and Roadmaps" published by Morgan Kaufmann. She frequently publishes in industry journals, has written chapters in 4 published books and presents lectures at conferences around the world.

Elizabeth is Past President of the Usability Professionals Association and founder and Director of World Usability Day, which she started in 2004 after her term as President of Usability Professionals Association was completed. World usability Day has grown to include 44 countries with over 180 events.

Elizabeth holds a BA in Fine Art Photography and Printing Technologies from Goddard College and a Master of Science in Visual Studies (User Interface Design and Computer Output) from the Media Lab at the Massachusetts Institute of Technology (MIT).