You are viewing a free preview of this lesson.
Subscribe to unlock all 10 lessons in this course and every other course on LearningBro.
User Experience (UX) Design is the process of creating products that provide meaningful, relevant, and enjoyable experiences to users. It encompasses the entire journey a person takes when interacting with a product or service — from first discovery through long-term use.
Good UX design has a direct impact on business success and user satisfaction:
Without deliberate UX design, products may be functional but frustrating, leading to abandonment and lost trust.
A common source of confusion is the difference between UX and UI:
| Aspect | UX Design | UI Design |
|---|---|---|
| Focus | The overall experience and how a product feels | The visual interface and how a product looks |
| Scope | Research, strategy, information architecture, testing | Colour, typography, icons, visual layout |
| Deliverables | Personas, user flows, wireframes, usability reports | High-fidelity mockups, style guides, component libraries |
| Analogy | The architecture and floor plan of a house | The paint, furniture, and decorations inside |
| Goal | Make the product useful and easy to use | Make the product visually appealing and consistent |
Remember: UX without UI produces a functional but unattractive product. UI without UX produces a beautiful product that nobody can use. The best products combine both.
Jesse James Garrett's "Elements of User Experience" model describes UX as five layers, from abstract to concrete:
| Layer | Name | Description |
|---|---|---|
| 1 | Strategy | User needs and business objectives |
| 2 | Scope | Features and content requirements |
| 3 | Structure | Information architecture and interaction design |
| 4 | Skeleton | Interface design, navigation, and layout |
| 5 | Surface | Visual design — colours, typography, images |
Each layer builds on the one below it. Decisions at the strategy layer influence every subsequent layer.
| Term | Definition |
|---|---|
| User Experience (UX) | The overall experience a person has when interacting with a product |
| User Interface (UI) | The visual and interactive elements of a product |
| Usability | How easy and efficient a product is to use |
| Information Architecture (IA) | The structure and organisation of content |
| Wireframe | A low-fidelity sketch of a page layout |
| Prototype | An interactive simulation of the product |
| User Flow | The path a user takes to complete a task |
| Persona | A fictional character representing a key user group |
The UX design process is iterative, not linear. It typically follows these phases:
Research --> Define --> Ideate --> Design --> Test --> Iterate
^ |
|____________________________________________________________|
| Domain | UX Considerations |
|---|---|
| Web applications | Navigation, page speed, responsive design, form usability |
| Mobile apps | Touch targets, gesture navigation, offline capability |
| E-commerce | Product discovery, checkout flow, trust signals |
| Enterprise software | Workflow efficiency, dashboard clarity, onboarding |
| Healthcare | Patient safety, clear data presentation, accessibility |
| Gaming | Onboarding, controls, difficulty curves, reward systems |
| Voice interfaces | Conversation design, error recovery, discoverability |
Tip: UX design is not a one-time activity. Products evolve, user expectations change, and new data emerges. The best UX teams treat design as a continuous process of learning and improvement.
UX Design is the discipline of creating products that are useful, usable, and delightful. It goes beyond visual design to encompass research, strategy, information architecture, interaction design, and testing. The five elements model — strategy, scope, structure, skeleton, and surface — provides a framework for thinking about the different layers of the user experience. By following core principles such as user-centred design, consistency, feedback, simplicity, and accessibility, designers can create products that genuinely serve their users. In the following lessons, we will explore each stage of the UX process in depth.