Building a design system that scales is hard. You have to get stakeholder buy-in and then establish a style guide and then build out a UI components library and then develop a voice and tone that captures the brand and and and... There’s so much to do! That can fuel envy when we look at popular design systems on the web and say, “We want to have something like that.” But how do we get there? What are the specific steps we can take to build a successful design system? A world-class design system will not only allow teams to build scalable products today, but also lay the foundation for future innovations. Done right, it will provide engineers with production ready UI components and enable designers to craft front-end prototypes. Learn about the three Ps and how it can help you achieve these goals. In this talk, audience will learn: - How to identify and prioritize the users of your design system - The process of building a design system from the ground up - How to setup a design system to serve multiple use cases
Some brands have very loyal customers due to their product’s being reliable and having a high quality level. This is the same when constructing design system components that designers and engineers use everyday when building features. You not only need to make sure they’re functional and align to the product's aesthetics, but they also have to be performant, accessible and scalable. Having buggy components will decrease confidence for the design system.
One way to minimize bugs in components is to use a BDD approach. Behavior Driven Development (BDD) is a programming style where tests are created from the user’s perspective before code is written. But what are the most effective ways to implement BDD when building components? How can BDD be beneficial to developers and also designers, researchers and QA?
In this workshop, the audience will learn:
- The benefits of BDD and TDD
- Techniques on how to implement BDD into a design system process
- How to leverage automating testing while building components
- How to use Storybook with Testing Library
Adekunle Oduye is a UX Engineer born and raised in New York City. At Mailchimp, he's helping to build out a design system that serves millions of users. In the past, he's built products for companies like Memorial Sloan Kettering and NASDAQ. Outside of work, he mentors & coaches upcoming designers and front-end developers. In the past, he was volunteer and mentor at Emergent Works, an organization that teaches code skills to individuals and communities impacted by incarceration system, and a co-organizer for SassConf and GothamSass. He also speaks at events about product design and front-end development around the world.