BitWithBite
UI/UX · Quick Reference
Lesson 19 — UI Patterns Cheat Sheet
In one line: Familiarity is a feature — using recognized UI patterns reduces the learning curve for your product.
Standard Patterns
1Navigation bars. Persistent access to primary destinations.
2Breadcrumbs. Shows location in a hierarchy.
3Cards. Groups related content into scannable units.
4Modals / Toasts. Blocking decisions vs low-stakes confirmations.
When to Use Which
Must block further action?
Use a modal
Low-stakes confirmation?
Use a toast