User Interface (UI)
The visual and interactive layer through which people use a product.
The user interface is everything a person sees and interacts with — buttons, text, inputs, icons, layout, and motion. Where UX is the overall experience, UI is the concrete visual and interactive surface that delivers it.
Great UI is clear, consistent, and on-brand, turning the underlying structure into something people find intuitive and pleasant to use.
Key characteristics
- The visual and interactive layer through which people operate a product.
- Includes layout, typography, colour, iconography, controls, states and motion.
- Built on consistency, clear affordances and feedback so controls feel obvious.
- Distinct from UX: UI is what you see and touch; UX is the resulting experience.
Example
A toggle that visibly slides and changes colour when tapped gives instant feedback — a small UI detail that makes the control feel responsive and trustworthy.
Frequently asked questions
What makes a good user interface?
Clarity, consistency, immediate feedback, sensible defaults, accessible contrast and touch targets, and visual hierarchy that guides attention to the most important action.
What are common types of UI?
Graphical (GUI), voice (VUI), touch/gesture, and increasingly conversational interfaces driven by AI. Most products combine several.
Need this done, not just defined?
I design and build it — Framer sites, product UI/UX, and more.