What Is UX/UI Design? A Clear Explanation for Non-Designers
Understand the difference between UX and UI design, what each discipline does, and why both matter for products.
UX vs UI: The Critical Distinction
These terms are frequently confused and sometimes used interchangeably, but they refer to different disciplines.
UX (User Experience) Design is about how a product feels to use. Does it make sense? Is it easy to navigate? Does it solve the user's problem with minimal frustration? UX designers research users, create information architectures, map user journeys, and produce wireframes.
UI (User Interface) Design is about how a product looks. Colors, typography, button styles, icon design, visual hierarchy, and the aesthetics of every screen. UI designers take UX wireframes and turn them into polished visual interfaces.
Analogy: If a mobile app were a building, UX design is the architecture and floor plan (functional flow, room arrangement), and UI design is the interior design and finishes (paint, furniture, lighting).
What UX Designers Do
User research: Interviews, surveys, and usability testing to understand how real users think and behave.
Information architecture: Organizing content so users can find what they need. Navigation menus, search, categorisation.
Wireframing: Low-fidelity sketches of screen layouts showing where elements go without visual design.
User journey mapping: Visualising the complete path from user awareness to goal completion.
Prototyping: Interactive mockups (in Figma, Framer, or similar tools) to test flows before development.
What UI Designers Do
Visual design: Color palettes, typography, spacing, shadows, and overall aesthetic style.
Component design: Buttons, forms, icons, cards, modals, and other reusable interface elements.
Design systems: Libraries of standardised components ensuring consistency across a product.
Responsive design: Ensuring interfaces work across mobile, tablet, and desktop screen sizes.
The UX Design Process
Discover: Research the problem. Who are the users? What are their goals and pain points?
Define: Synthesise research into clear problem statements and user personas.
Design: Create solutions through sketching, wireframing, and prototyping.
Test: Usability test with real users. Iterate based on feedback.
Deliver: Hand off designs to developers with complete specifications.
Tools UX/UI Designers Use
Figma: The industry standard design tool. Collaborative, browser-based, used for both UX and UI.
Miro or FigJam: Collaborative whiteboarding for workshops, journey maps, and brainstorming.
Maze or UserTesting: Remote usability testing platforms.
Notion or Confluence: Documentation of design decisions and specifications.
Frequently asked questions
Is UX design the same as UI design?
No — UX (User Experience) focuses on how a product works and feels to use. UI (User Interface) focuses on how it looks. UX designers research and map user flows; UI designers create the visual design. Both are needed for great products.
Do I need both a UX designer and a UI designer?
For large products, yes. For smaller projects, a product designer often handles both. Figma has made the UX/UI workflow so integrated that many designers work across both disciplines.