User Interface (UI) design patterns are reusable / recurring components which designers use to solve common problems in user interface design
UserInterfaceDesignPatterns:
A user’s usability -related problem.
The context/situation where that problem happens.
The principle involved—e.g., error management.
Implementation—some patterns include detailed instructions
Why—the reason for the pattern’s existence and how it can affect usability.
Common UI Design Patterns;
Breadcrumbs
Lazy Registration
Forgiving Format
Clear Primary Action
Progressive Disclosure
Hover Controls
Steps Left
Dark Patterns
Breadcrumbs; use linked labels to provide secondary navigation that shows the path from the front to the current site page in the hierarchy.
Lazy Registration; Forms can put users off registration. So, use this sign-up pattern to let users sample what your site/app offers for free or familiarize themselves with it.
Forgiving Format; Let users enter data in various formats (e.g., city/town/village or zip code).
ClearPrimaryAction; Make buttons stand out with color so users know what to do
Progressive Disclosure; Show users only features relevant for the task at hand, one per screen. If you break input demands into sections, you’ll reduce cognitive load (e.g., “Show More”).
Hover Controls; Hide nonessential information on detailed pages to let users find relevant information more easily.
StepsLeft; Designers typically combine this with a wizard pattern
Dark Patterns; are risky because user mistrust and feedback can destroy a brand’s reputation overnight..