Seven new UX patterns for Carbon

Use IBM’s Carbon Design System to solve common UX problems with comprehensive guidance.

Jan Child
Jan Child
Jan 9 · 2 min read

A design system should be more than a library of tools and components. To build great applications, designers and developers also need strong, validated, and comprehensive guidance as a foundation. The way our users build with a design system stretches beyond the assembly of pieces, and the Carbon team is always working to make the task of designing great and consistent experiences easier.

In the last quarter of 2019, the Carbon team conducted rigorous internal and industry research on UX patterns, striving to better understand how users should (and shouldn’t) be designing common experiences.

We then worked with IBM product teams to document comprehensive patterns that encapsulate best practices and detailed guidance needed by teams looking to create consistent experiences.

The result of this work is available now — seven new patterns detailing how to design common experiences: Dialogs, Empty states, Forms, Global header, Login, Notifications, and Search.

Our goal is to make your life easier as you’re designing and developing your apps, so if we’ve missed something you need, we’d love to hear from you. Click the “Edit this page on GitHub” button and let us know your thoughts.

This is an ongoing initiative for the Carbon team, so stay tuned for more new patterns throughout the year.


Carbon is IBM’s design system, offering styles, components, patterns, and guidelines for anyone building on the web. Big shout out to our pattern authors Jan Child, Anna Gonzales, Jillian Howarth, Connor Leech, Lauren Rice, Jeannie Servaas, and Tyler Tate for their work.

If you’re interested in helping out, we’re always looking for contributors. Check out our projects on GitHub.

Questions or comments about Carbon? Reach out at carbon@us.ibm.com or tweet us @_carbondesign.

_carbondesign

Carbon is the design system for IBM software products. It is a series of individual styles, components, and guidelines used for creating unified UI.

Jan Child

Written by

Jan Child

Content Design Lead, IBM Carbon Design System. Writer, designer, strategist, learner, tree hugger, Londonphile. Thoughts and ideas are my own.

_carbondesign

Carbon is the design system for IBM software products. It is a series of individual styles, components, and guidelines used for creating unified UI.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade