Understanding UI patterns is invaluable to anyone creating websites for the first time. It helps you make connections between which tools are right for which jobs, understand the processes, and think deeply about the context of a problem. This is your concise guide to the tested and proven general mechanisms for solving recurring user interface problems, so that you don't have to reinvent the wheel.

You'll see how to find a pattern you can apply to a given UI problem and how to deconstruct patterns to understand them in depth, including their constraints. UI patterns lead to better use of existing conventions and converging web standards. This book shows you how to spot anti-patterns, how to mix and match patterns, and how they inform design systems.

By helping the non-web professionals and junior web professionals of the world use basic patterns, the web industry can put its best foot forward as new interfaces such as VR/AR/MR, conversational UIs, machine learning, voice input, evolving gestural interactions and more infiltrate the market. Given the emerging popularity of design systems and space of DesignOps, as well as the rise of companies competing on design and usability, now is the time to think about how we use and evolve UI patterns and scale design systems.

What You'll Learn

• Produce intuitive products through consistency and familiarity.
• Save time instead of starting from scratch.
• Communicate design decisions with evidence to support solutions.
• Use smart defaults without extensive product design experience.
• Improve a user's experience.
• Scale growing business with design.

Who This Book Is For

Those familiar with creating websites and want to learn more, WordPress bloggers, or marketers who want to weave components together into a usable, revenue-generating experience.

Table of Contents

Chapter 1: Introducing UI patterns

Chapter 2: Tap into patterns

Chapter 3: Deciding which pattern to use and when

Chapter 4: Patterns in design systems

Chapter 5: Anti-patterns and dark patterns

Chapter 6: Mixing and matching patterns

Chapter 7: Conclusion

About the Author

Diana MacDonald is a Melbourne product designer, raised in the tropical north of Australia. She has relished the tech industry for over a decade, exploring the digital space with progressive organizations like Culture Amp, Bellroy, and SitePoint. She values inclusive and remarkable stories. As a senior product designer and team lead at Culture Amp, she has led the new design systems team to accelerate UI design and development, empowering product teams with a shared language, while fostering a productive delivery process.