Skip to content

You are viewing a free preview of this lesson.

Subscribe to unlock all 10 lessons in this course and every other course on LearningBro.

What is UX Design

What is UX Design

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.


Why UX Design Matters

Good UX design has a direct impact on business success and user satisfaction:

  • Increased revenue — every dollar invested in UX returns an estimated 100 dollars according to Forrester Research
  • Reduced development costs — fixing a problem in development costs 10 times more than fixing it during design
  • Higher user retention — 88% of online users are less likely to return after a bad experience
  • Competitive advantage — products with superior UX consistently outperform competitors
  • Accessibility — inclusive design ensures products serve the widest possible audience

Without deliberate UX design, products may be functional but frustrating, leading to abandonment and lost trust.


UX vs UI: Understanding the Difference

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.


The Five Elements of UX

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.


Core Principles of UX Design

1. User-Centred Design

  • Place the user at the centre of every decision
  • Base designs on research, not assumptions
  • Involve users throughout the design process

2. Consistency

  • Use familiar patterns and conventions
  • Maintain consistent terminology, layout, and behaviour across the product
  • Follow platform guidelines (Material Design, Human Interface Guidelines)

3. Feedback

  • Provide clear responses to user actions
  • Indicate system status (loading, success, error)
  • Confirm destructive actions before executing them

4. Simplicity

  • Remove unnecessary complexity
  • Follow the principle of progressive disclosure — show only what is needed at each step
  • Prioritise the most common user tasks

5. Accessibility

  • Design for users of all abilities
  • Follow WCAG (Web Content Accessibility Guidelines)
  • Test with assistive technologies such as screen readers

Key Terminology

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

The UX design process is iterative, not linear. It typically follows these phases:

Research  -->  Define  -->  Ideate  -->  Design  -->  Test  -->  Iterate
    ^                                                            |
    |____________________________________________________________|
  1. Research — understand users, their needs, and the problem space
  2. Define — synthesise research into clear problem statements and goals
  3. Ideate — generate a wide range of potential solutions
  4. Design — create wireframes, prototypes, and detailed designs
  5. Test — evaluate designs with real users
  6. Iterate — refine based on feedback and repeat

Where UX Design is Applied

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.


Summary

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.