UI Patterns

UI Patterns are reusable solutions to common design challenges within user interfaces, such as navigation menus, search bars, or form validation systems. These patterns represent best practices that enhance usability and consistency, allowing designers to implement proven, effective solutions across different projects and platforms.

UI patterns are valuable precisely because they're familiar — users don't need to learn how a date picker or autocomplete works every time they encounter one. When you deviate from established patterns, you need a compelling reason because novelty costs learnability. For product teams, maintaining a reference to UI pattern libraries (UI Patterns, Mobbin, Pttrns) during design decisions prevents re-inventing solutions to solved problems and maintains consistency with user expectations.

The 'hamburger menu' was a novel UI pattern when mobile apps introduced it, requiring users to discover it. Over time it became a recognized pattern. Now, products that use it rely on established recognition, while products that deviate (using a different icon or position) cause brief confusion even among experienced mobile users.