Itqualityassurance
Components are the individual building blocks that a UI is made out of. They're context-agnostic and can be used anywhere within an app. Patterns are the ways these components are used within a UI. They're relevant only in certain contexts.
- What is the difference between a component and a pattern?
- What is interface pattern?
- What are the 3 main components of a pattern?
What is the difference between a component and a pattern?
Despite their similarities, components and patterns differ in important ways. At a high level, patterns are meant to serve as baselines open to interpretation and application by a designer; on the other hand components are quite specific to an established design and thus more prescriptive and fixed.
What is interface pattern?
User interface (UI) design patterns are reusable/recurring components which designers use to solve common problems in user interface design. For example, the breadcrumbs design pattern lets users retrace their steps. Designers can apply them to a broad range of cases, but must adapt each to the specific context of use.
What are the 3 main components of a pattern?
Every pattern has three essential elements, which are: a context, a problem, and a solution (see figure 1). The context describes a recurring set of situations in which the pattern can be applied.
