Seven new UX patterns for Carbon

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

_carbondesign
Published in
2 min readJan 9, 2020

--

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 my pattern co-authors 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

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