Unit
- Interface design: The visual elements users interact with directly, including buttons, icons, menu bars, and form fields. The main goal is visual appeal and clear communication of interactive functions without confusing the user.
- Experience design: The complete user journey including emotions, effort, and satisfaction at every touchpoint. It covers the steps before clicking, while inside the product, and after tasks finish.
- Complementary roles: UI focuses on the surface, while UX looks at the underlying structure. A beautiful button that sits in the wrong place fails, and a logical flow wrapped in ugly visual design turns people away.
- Digital product scope: Mobile apps, e-commerce websites, software dashboards, digital kiosks, and wearable interfaces all rely on thoughtful UX decisions to keep users comfortable and productive.
- Why it matters: Users have low patience for confusing layouts. A product with poor usability loses customers quickly, while intuitive design builds trust and encourages regular use.
- Designer responsibilities: Typical tasks include interviewing users, mapping workflows, sketching wireframes, creating interactive prototypes, and conducting usability sessions to validate assumptions early.
- Iterative nature: Design is not a one-shot activity; it loops through research, ideation, prototyping, testing, and refinement. Each cycle sharpens the solution and reduces risk.
- Interdisciplinary field: The discipline synthesizes elements of psychology, human factors, visual arts, and software engineering. Successful designers are curious about how people perceive and process information.
- Historical context: The focus on user experience emerged in the late 1990s with information architecture, then expanded into a dedicated discipline known as product design today.
- Accessibility and inclusion: Designing for diverse abilities expands a product's reach and improves usability for everyone. Clear labels, sufficient color contrast, keyboard navigation, and screen reader support are essential practices. Accessibility is not an afterthought, it should be woven into research, layout decisions, and testing from the beginning.
- Visual hierarchy: Users scan pages rather than reading in full, so designers must guide attention through size, color, spacing, and placement. The most important action should stand out, while secondary elements recede. A clear hierarchy reduces decision time and helps users understand where to focus first.
- Emotional design: A product creates feelings through tone, motion, and microcopy. Friendly error messages, celebratory confirmation screens, and thoughtful loading states build a positive relationship with the brand. These details may seem small, but they shape how people remember the experience and whether they return.
- Career directions: Professionals can specialize in areas such as user research, interaction design, visual design, or product leadership, all sharing a user-first mindset and iterative workflow.
Design Principle
Principle: User-Centered Design
Definition: A process where the needs, limitations, and expectations of end users are the primary drivers at every stage. Designers build for real people and validate decisions with actual feedback.
Application: Start each project with a discovery phase aimed at understanding user context, such as conducting interviews or analyzing support tickets. When deciding between visual options, ask which version reduces cognitive load and improves task completion.
Quick Revision
- UI covers visual presentation, while UX covers the full experience and usability.
- Both roles are needed to create products that look good and function smoothly.
- Digital products span many platforms, including mobile apps, websites, and dashboards.
- Good design reduces abandoned usage and boosts user satisfaction.
- Design is an iterative process that combines research, creativity, and validation.