What is UI (User Interface)?
Turkish: UI
UI covers the visual layout of screens, buttons, forms, menus, states, and feedback components users interact with in a product.
What is UI?
UI (User Interface) is the surface a user sees and interacts with in a digital product. Buttons, forms, menus, tables, icons, colors, typography, spacing, error messages, and loading states are all part of the interface.
What Does It Cover?
Good UI is not only visual polish; it shows users what they can do and what happened after they acted. In a payment form, card number masking, error placement, and a loading state on the submit button are UI decisions.
Core parts include:
- Layout: The visual hierarchy of information on the screen
- Interaction: Button, selection, drag, modal, and menu behavior
- States: Empty, loading, error, success, and disabled states
- Accessibility: Contrast, keyboard use, and screen reader compatibility
UI and UX Difference
UX covers the broader experience of reaching a goal; UI is the visual and interactive layer of that experience. Responsive design keeps the same interface usable across different screen sizes.
In business applications, good UI makes dense data tables readable, actions findable, and error states understandable.
Related Terms
ARIA adds roles, states, and properties to HTML so assistive technologies can understand custom interface components.
Design SystemA design system combines interface components, design tokens, and usage rules to keep product experiences consistent.
Responsive DesignResponsive design adapts one web interface to different screen widths, input methods, and device capabilities without separate mobile pages.
UX (User Experience)UX improves how users learn, navigate, and complete tasks in a digital product through research, design, and testing.