Introduction to Design Principles
Core design principles and user experience fundamentals every builder should understand before shipping an interface.
Good products are not only functional — they feel clear, trustworthy, and intentional. Design principles are the rules of thumb that guide those decisions. User experience (UX) is how people actually feel when they use what you build.
This section covers the ideas behind great interfaces — not just how they look, but how they behave.
What are design principles?
Design principles are repeatable guidelines that help teams make consistent choices. They answer questions like:
- What should draw attention first?
- How much information belongs on one screen?
- When should we guide the user vs. get out of the way?
Common principles include clarity, consistency, feedback, accessibility, and progressive disclosure — revealing complexity only when the user needs it.
UX vs. UI
| Term | Focus |
|---|---|
| UI (User Interface) | Visual layout — typography, color, spacing, components |
| UX (User Experience) | The full journey — goals, friction, trust, and outcomes |
UI is what you see. UX is how it works for a real person trying to accomplish something.
Start here
Before polishing pixels, define the user's goal in one sentence. Every layout decision should support that goal — or be removed.
Heuristics worth knowing
Nielsen's usability heuristics remain a practical checklist for beginners:
- Visibility of system status — users should always know what's happening.
- Match between system and the real world — use language and patterns people already understand.
- User control and freedom — make undo, back, and cancel easy.
- Consistency and standards — similar actions should look and behave the same way.
- Error prevention — design to stop mistakes before they happen.
What you'll find in this section
Articles here explore design thinking for builders — research methods, information architecture, interaction patterns, and the craft of experiences that respect the user's time and attention.
More guides are on the way. For implementation-focused theming, see UI & UX customization.
How is this guide?