UI/UX DESIGN THINKING PROCESS: A COMPLETE BEGINNER’S GUIDE
WHO IS THIS ARTICLE FOR AND WHY ARE THEY READING IT?
This article is for beginners, students, aspiring UI/UX designers, and anyone who wants to understand how the UI/UX design thinking process works to identify users’ problems and create effective digital solutions.
WHAT IS UI/UX DESIGN?
UI means User Interface, while UX means User Experience. UI/UX design is the process of creating digital products such as websites and mobile applications with a user-first approach. The goal is to make digital products easy, useful, accessible, and enjoyable to use.
WHAT IS THE DIFFERENCE BETWEEN UI AND UX?
Although UI and UX work together, they are not the same. UX focuses on how a product works and how users interact with it. It involves understanding users, identifying problems, planning solutions, and improving the overall experience.
UI focuses more on how the product looks and feels. It includes colours, typography, buttons, icons, spacing, layouts, images, and other visual elements users interact with. In simple terms, UX focuses on the experience, while UI focuses on the interface through which that experience happens.
WHY IS UNDERSTANDING UI/UX IMPORTANT?
A good digital product should solve a real problem for its users. This is why understanding users is an important part of the UX design process. Designers need to know who the users are, what they need, what frustrates them, and how they currently solve their problems.
Without proper research, a designer may create a product that looks attractive but does not actually solve the user’s problem.
WHAT IS UI/UX DESIGN THINKING PROCESS?
The UI/UX design thinking process is a human-centred approach used to understand users, define their problems, develop possible solutions, create designs, and test those designs.
The UX design process can be divided into five major stages:
Research, Observation and Empathy
The first stage is to understand the users and the problem you are trying to solve. This involves research, observation, interviews, surveys, and other methods of gathering information.
At this stage, designers try to understand users’ behaviours, needs, goals, frustrations, and challenges. The purpose is not to assume what users need but to gather information carefully that can guide the design. For example, imagine you are designing a transportation app for workers who struggle with morning traffic. Instead of immediately designing the app, you would first research how workers currently commute, what problems they experience, and what they need from a transportation service.
Define and Structure
After gathering information, the next step is to organise the findings and clearly define the main problem. A designer identifies patterns from the research and turns them into a clear problem statement. This helps the design team understand exactly what they are trying to solve.
For example: “Workers need a reliable way to find transportation to work in the morning because traffic, long queues, and unreliable transport can make them late.” A clearly defined problem makes it easier to create a solution that addresses the actual user need.
Ideate: User Flows and Wireframes
Once the problem has been defined, designers begin generating possible solutions. This stage is called ideation. One important part of this stage is creating a user flow. A user flow shows the steps a user takes to complete a particular task within a product.
For example, in a transportation app, the flow could be:
Open app → Enter destination → Choose ride → Confirm ride → Track driver → Arrive.
After planning the user flow, designers can create wireframes. Wireframes are simple layouts that show where important elements will be placed on a screen.
At this stage, the focus is mainly on structure, functionality, and navigation rather than colours and detailed visual design.
Prototype: Low-Fidelity and High-Fidelity
After creating wireframes, designers develop prototypes.
Prototypes can exist at different levels of detail. A prototype is an interactive representation of a product that allows designers to see how users may interact with it before the final product is built.
Low-fidelity prototypes are simple and may contain basic shapes, rough layouts, or sketches. They are useful for testing ideas quickly.
High-fidelity prototypes are more detailed and closely resemble the final product. They can include colours, typography, images, buttons, interactions, and realistic content.
Get Victorianifemi’s stories in your inbox
Join Medium for free to get updates from this writer.
Tools such as Figma can be used to create wireframes, prototypes, and complete UI designs.
Test and Iterate
After creating a prototype, designers test it with users to discover problems and understand how people interact with the design.
Usability testing can reveal issues such as confusing navigation, unclear buttons, difficult forms, or steps that users struggle to complete.
Designers then use the feedback to improve the product. This is called iteration.
The process does not necessarily end after one test. Designers may test, identify problems, make changes, and test again until the experience is improved.
WHY IS UI/UX DESIGN THINKING PROCESS IMPORTANT?
The UI/UX design thinking process helps designers focus on real user needs instead of designing based only on assumptions.
The process also encourages designers to remain open to feedback. A design that looks good to the designer may still be confusing to users, which is why testing is important.
It can help teams:
Understand users better.
Identify and define real problems.
Create solutions based on research.
Improve usability and accessibility.
Reduce design mistakes before development.
Test ideas before investing heavily in development.
Create products that are useful and enjoyable to use.
Frequently Asked Questions
What Are the 5 Steps of the Design Thinking Process?
The five stages commonly used in UI/UX design thinking are research/empathise, define, ideate, prototype, and test. These stages help designers move from understanding a problem to developing and improving a solution.
What Is the Difference Between UI and UX?
UI focuses mainly on the visual interface and interactive elements of a product, while UX focuses on the overall experience users have when interacting with the product.
What Are the 7 Pillars of UX Design?
A commonly referenced UX framework describes seven qualities as useful, usable, desirable, credible, accessible, findable, and valuable.
What Exactly Do UI/UX Designers Do?
UI/UX designers research users, identify problems, plan user flows, create wireframes, design interfaces, build prototypes, conduct usability testing, and improve products based on feedback.
What Are Examples of UI/UX Design?
Examples include mobile banking applications, transportation apps, e-commerce websites, social media platforms, and food delivery applications, etc. Every time a user interacts with a digital product, UI and UX can influence that experience.
Which Apps or Tools Are Used in UI/UX Design?
Figma is one of the widely used tools for UI design, wireframing, prototyping, and collaboration. Other tools and platforms include Sketch, Adobe XD.
Conclusion
The UI/UX design thinking process is not simply about making an app or website look beautiful. It is about understanding users, identifying their problems, creating possible solutions, testing those solutions, and continuously improving the experience.
Whether you are a beginner learning UI/UX design, a student exploring design, or someone interested in creating digital products, understanding this process can help you approach design with a user-centred mindset.
Good UI/UX design begins with understanding the user and continues by improving the product based on what you learn.
