Understanding UX Design

Understanding UX Design with a Simple House Example

When we learn UX design, one of the easiest ways to understand the process is by comparing it to building a house. Just like constructing a house step-by-step, UX design also follows a clear flow. Let’s break it down in a simple way.

1. Strategy – Understanding the Need

First, imagine someone wants to build a house. Before doing anything, we ask them questions.

Who will live in the house?

How many people are there?

What kind of house do they expect?

This is the planning stage.

In UX design, this is called Strategy. Here we try to understand user needs and business goals. We ask questions like:

• What problem are we solving?
• Who are the users?
• What does the business want to achieve?

So Strategy is basically understanding the goal before starting the design.

2. Scope – Deciding What is Needed

After understanding the need, the next step is deciding what things the house should have.

For example:

• 2 bedrooms
• 1 kitchen
• 1 hall
• 2 bathrooms
• Parking space

This step is about listing all the requirements.

In UX design, this stage is called Scope.

Here we define features and requirements of the product.

Example:

• Login system
• Order page
• Payment option
• Profile page

So Scope means what all features the product will include.

3. Structure – Organizing Everything

Now we know what rooms are needed. Next, we decide how everything should be arranged.

For example:

• Hall in the front
• Kitchen near the dining area
• Bedrooms on the side
• Bathroom attached to bedroom

This is about planning the layout of the house.

In UX design, this stage is called Structure.

Here we create Information Architecture.

This means deciding:

• Which page comes first
• How users move between screens
• How the app or website flow works

Basically, this step defines how users navigate the product.

4. Skeleton – Creating the Basic Layout

After planning the structure, we draw a basic blueprint of the house.

It shows:

• Where the walls are
• Where doors and windows go
• How big each room is

But it doesn’t show colors or decorations yet.

In UX design, this stage is called Skeleton.

Here we create Wireframes.

Wireframes show:

• Where buttons are placed
• Where images will appear
• Where text content goes

It’s like the basic layout of the design without styling.

5. Surface – Final Design

Finally, after everything is ready, we finish the house.

We add:

• Paint colors
• Tiles
• Furniture
• Lighting
• Decorations

Now the house looks complete, and we hand over the key to the owner.

In UX design, this stage is called Surface.

Here we add:

• Colors
• Typography
• Icons
• Images
• UI components

This becomes the final visual design and prototype that users will interact with.

Conclusion

UX design is not just about making things look good. It is a step-by-step process:

Strategy → Understand the problem

Scope → Decide the features

Structure → Plan the flow

Skeleton → Create wireframes

Surface → Design the final UI

Just like building a house, if the foundation and planning are strong, the final product will be much better for the people who use it.