In this entry
- What UI and UX mean
- Why interface design deserves attention
- Topics for this series
What are UI and UX?
UI (User Interface) means the concrete points where a person interacts with a system. Buttons, menus, HUDs, icons, and layouts are examples; interfaces can also include voice or haptic interaction.
UX (User Experience) means the overall experience formed through those interactions and beyond. Ease of control, clarity of information, flow, and immersion all influence it. Performance, content, and the context of use matter alongside the interface.
The terms often appear together. UI is closer to the form of the interaction, while UX concerns the broader structure and quality of the experience.
| Aspect | UI | UX |
|---|---|---|
| Meaning | Interface elements a person perceives and operates | The flow and quality of the overall experience |
| Scope | Buttons, menus, HUDs, icons, layouts, typography | Reaching goals, understanding, navigation, decisions, satisfaction, trust, immersion |
| Typical questions | Where should it go? Which size or color is readable? | Why do people get lost here? Where does the flow break? |
| Evaluation | Readability, consistency, accessibility, ease of control | Efficiency, learning effort, errors, stress, overall satisfaction |
| Failure | Accidental clicks, invisible controls, hard-to-find elements | Fatigue, confusion, abandonment, reduced immersion |
| Improvements | Adjust layout, contrast, spacing, size, and components | Simplify paths, stage choices, improve feedback, restructure information |
| Relationship | A means of shaping UX | A broader concept that includes UI |
| One-line question | How should we build the interface? | What experience should the person have? |
Why think about UI/UX separately?
Working functionality does not automatically mean convenient use.
- A button can exist without being easy to press.
- A menu can be organized without making things easy to find.
- A screen can contain plenty of information without making it easy to understand.
The difference is not just aesthetic. It relates to how people perceive information and make decisions.
Our capacity to process information at once is limited. More choices, or choices that are difficult to distinguish, can increase decision time. An unfamiliar structure can take longer to understand. Interface design should account for these characteristics.
UI/UX has a particularly direct effect in interaction-heavy situations:
- When decisions must be made quickly
- When input is repeated frequently
- When several pieces of information must be read together
Button size and placement, information hierarchy, and feedback timing can substantially affect the experience in these contexts. An interface is therefore more than a visual layer: it is a structure that guides behavior.
What this series will cover
I plan to explore commonly discussed cognitive principles and design concepts, including:
- How familiarity affects usability
- The relationship between target size and distance
- Choice complexity and decision time
- Memory limits and information placement
- Response time and immersion
- How complexity shifts between the system and the user
- Aesthetics and perceived usability
Each entry will introduce a concept, examine the reasoning behind it, and consider how it applies to actual interface decisions.
UI/UX may look like a separate specialty reserved for designers, but its central concern is how people think and act. If we are making something for people to use, considering their experience is part of the work.
This series is a starting point for working through those principles one by one.
References
- Nielsen Norman Group, The Definition of User Experience (UX) — a discussion of the scope of user experience.
- Nielsen Norman Group, 10 Usability Heuristics for User Interface Design — basic principles for evaluating an interface.
댓글