User interface
A user interface enables interaction with a system. Labels, feedback and responses to actions matter alongside the visual layout.
A user interface (UI) enables people to interact with a system. In a web application, it includes input fields, navigation, labels and feedback. The UI also encompasses how controls respond to actions.
Example and limit
In a hypothetical portal, a quantity field displays the unit and reports an invalid entry. Both belong to the interface; colours and spacing are only part of its design.
An understandable interface can make a system easier to use. It does not, however, prove that an order is processed correctly in the background. Whether the overall service fulfils the need belongs to the broader consideration of user experience.
Sources
Related terms
- User experienceUser experience extends beyond individual screens. A portal example distinguishes the interface from the experience of the wider service.
- UsabilityUsability concerns use by particular people for particular tasks and conditions. An attractive interface alone is insufficient evidence.
- UI componentA UI component is a reusable part of a user interface. Its purpose determines the presentation and interaction behaviour it needs.
- Focus orderFocus order determines the route through focusable elements. It should preserve meaning and operability, including during dynamic changes.
- Keyboard trapA keyboard trap leaves keyboard users stuck within a region. Deliberately containing focus in a dialog needs a keyboard-operable exit.
- Skip linkA skip link bypasses repeated navigation and leads to the main content. The destination must also work for subsequent keyboard navigation.
Articles on this topic
Design & UX with ASES
User experience, interfaces and brand presence