web design ui

Design Pattern

A documented solution for a recurring design problem. Patterns tell you when to use a dropdown versus a radio group, how to handle empty states, and how forms should behave.

Components tell you what things look like. Patterns tell you when and how to use them. A dropdown component does not tell you when to use a dropdown versus a segmented control. That decision is a pattern. The patterns to document first: form layouts, navigation models, empty states, loading states, and error handling. These five cover the majority of inconsistency problems in product design.

Learn more in our full guide: Read the article

Related Terms