Practical UI Patterns for Design Systems
Fast-Track Interaction Design for a Seamless User Experience
Authors: MacDonald, Diana
Free Preview- Gain product design foundations by bringing design processes to light, especially for growing organizations with evolving design systems
- Fast-track design work by providing practical examples of patterns for a variety of real-world purposes
- Level up the breadth of your skills and understanding by illuminating user experience design concepts, such as usability, accessibility, microcopy, motion design, and information architecture
Buy this book
- About this book
-
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.
- About the authors
-
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.
- Table of contents (7 chapters)
-
-
Introducing UI patterns
Pages 1-21
-
Tap into patterns
Pages 23-91
-
Deciding which pattern to use and when
Pages 93-142
-
Patterns in design systems
Pages 143-192
-
Anti-patterns and dark patterns
Pages 193-221
-
Table of contents (7 chapters)
Recommended for you

Bibliographic Information
- Bibliographic Information
-
- Book Title
- Practical UI Patterns for Design Systems
- Book Subtitle
- Fast-Track Interaction Design for a Seamless User Experience
- Authors
-
- Diana MacDonald
- Copyright
- 2019
- Publisher
- Apress
- Copyright Holder
- Diana MacDonald
- eBook ISBN
- 978-1-4842-4938-3
- DOI
- 10.1007/978-1-4842-4938-3
- Softcover ISBN
- 978-1-4842-4937-6
- Edition Number
- 1
- Number of Pages
- XXII, 293
- Number of Illustrations
- 7 b/w illustrations, 158 illustrations in colour
- Topics