Not all design systems are equally effective. Some can generate coherent user experiences, others produce confusing patchwork designs. Some inspire teams to contribute to them, others are neglected. Some get better with time, more cohesive and better functioning; others get worse, becoming bloated and cumbersome.
What are the key qualities of a well-functioning, enduring design system? Throughout the book, Alla will share an approach that will help you every day with your work.
Whom This Book Is For
This book is aimed mainly at small and medium-sized product teams trying to integrate design systems thinking into their organization’s culture. Everyone in the product team could benefit from reading this book, but particularly visual and interaction designers, UX practitioners and front-end developers.
Scope Of The Book
This book presents a perspective on design systems based on Alla Kholmatova’s experience as an interaction and visual designer. It is about how to approach your design process in a more systematic way, and ensure your design system helps to achieve the purpose of your product and fits with the culture of your team.
About The Author
Alla Kholmatova is a UX and interaction designer with a nine-year experience of working on the web, for a range of products and companies. Most recently she was a senior product designer at an open education platform, FutureLearn. She’s particularly interested in design systems, language, and collaborative ways of working. In the last two years this interest has led her to spend a huge amount of time working on and researching the subject. She’s been sharing her insights with people through articles, workshops, and projects. Alla contributes to design publications, such as A List Apart, and speaks at conferences around the world.
Table of Contents
— There isn’t a standard definition of “design system” within the web community and people use the term in different ways. In this chapter, we’ll define what a design system is and what it consists of.
— Solid principles are the foundation for any well-functioning system. In this chapter we’ll discuss the qualities of effective design principles and look at some of the ways of defining them.
— In this chapter we’ll discuss the role of functional patterns and why they should be defined early in the design process.
— In this chapter we’ll discuss how perceptual patterns work and their role in a design system.
— This chapter describes how to establish a shared language, which allows a group of people to create and use patterns cohesively for a particular product.
Parameters of Your System
— This chapter introduces some of the qualities a design system can have, and the ways in which risks and downsides can be managed.
Planning And Practicalities
— In this chapter we’ll look at finding support for establishing a design system in your organization, and planning and starting the work.
Systemizing Functional Patterns
— The exercise in this chapter describes an approach to systemizing functional patterns, starting with a product’s purpose.
Systemizing Perceptual Patterns
— The exercise in this chapter describes how to conduct an inventory of styles, define perceptual patterns, and integrate them into the system.
— In this chapter we’ll look at some of the practical techniques to set up a simple, useful, and multidisciplinary pattern library.