UI UX · Beginner Glossary
UI UX Design Terms Every Beginner Should Understand
Quick summary — UI UX terms beginners must know
UI UX has its own language — and not knowing it costs you jobs. When you hear "wireframe," "persona," "usability testing," or "design system," you should immediately know what it means and why it matters. This glossary groups the essential terms into UX, UI, process, and career buckets so you can learn them fast and use them confidently.
In this guide you will learn:
- UX terms — user journey, persona, IA, wireframe.
- UI terms — typography, grid, contrast, components.
- Process terms — design thinking, usability, testing.
- Career terms — portfolio, case study, interview.
- Accessibility — WCAG, ARIA, contrast ratios.
SECTION 01UX terms you must know
UX (User Experience) is about how people feel when they use a product. Here are the essential terms:
| Term | What It Means | Why It Matters |
|---|---|---|
| User Persona | A fictional character representing a target user type | Keeps design decisions grounded in real user needs |
| User Journey | The full sequence of steps a user takes to complete a goal | Reveals friction points across the experience |
| User Flow | A diagram of the paths a user can take through a product | Shows how navigation and logic work |
| Information Architecture (IA) | How content is organized and labeled | Makes products easy to navigate and understand |
| Wireframe | A low-fidelity sketch of layout and structure | Fast way to test ideas before visual design |
| Prototype | An interactive mockup of the product | Lets you test flows without building the real thing |
| Pain Point | A specific problem users face | Design starts with solving real problems |
| Jobs To Be Done (JTBD) | The goal a user is trying to accomplish | Aligns design with what users actually want |
SECTION 02UI terms you must know
UI (User Interface) is about how a product looks and feels. Here are the essential terms:
| Term | What It Means | Why It Matters |
|---|---|---|
| Typography | Font choices, sizes, weights, and spacing | Directly affects readability and brand feel |
| Color Palette | A curated set of colors used in a design | Defines brand identity and guides attention |
| Contrast | The difference between foreground and background colors | Critical for readability and accessibility |
| Grid System | A set of columns and gutters that align design elements | Creates visual rhythm and consistency |
| Spacing / Whitespace | The empty space between elements | Improves clarity and reduces visual clutter |
| Component | A reusable UI element (button, input, card) | Enables consistency and faster design |
| Design System | A collection of reusable components, tokens, and guidelines | Scales design across products and teams |
| Responsive Design | Layouts that adapt to different screen sizes | Essential for mobile + desktop users |
SECTION 03Process terms you must know
These terms describe how designers work — and they come up in every job interview:
| Term | What It Means | Why It Matters |
|---|---|---|
| Design Thinking | A 5-stage human-centered design process | Framework for solving problems creatively |
| User Research | Studying users to understand their needs | Grounds design in evidence, not assumptions |
| Usability Testing | Watching users try to complete tasks | Reveals what actually confuses users |
| A/B Testing | Comparing two design variants | Data-driven decisions about what works |
| Heuristic Evaluation | Reviewing design against usability principles | Finds issues without needing real users |
| Iteration | Refining the design based on feedback | Great design is never done in one pass |
| MVP (Minimum Viable Product) | The smallest usable version of a product | Tests core value with minimal effort |
SECTION 04Accessibility terms
Accessibility is no longer optional — it's part of every design job. Know these terms:
| Term | What It Means | Why It Matters |
|---|---|---|
| WCAG | Web Content Accessibility Guidelines | The global standard for accessible design |
| ARIA | Accessible Rich Internet Applications | HTML attributes that help screen readers |
| Screen Reader | Software that reads content aloud to blind users | Critical for visually impaired users |
| Contrast Ratio | The numerical difference between text and background | WCAG requires 4.5:1 for normal text |
| Alt Text | A text description of an image | Helps screen readers understand images |
| Keyboard Navigation | Using only the keyboard to operate a UI | Essential for motor-impaired users |
SECTION 05Career terms
When you're applying for design roles, these terms will come up constantly:
| Term | What It Means | Why It Matters |
|---|---|---|
| Portfolio | A curated collection of your design work | The single most important thing in job applications |
| Case Study | A detailed write-up of one design project | Shows your process, not just the final result |
| Behance / Dribbble | Popular design portfolio platforms | Where recruiters discover designers |
| Design Challenge | A take-home task given during interviews | Evaluates your problem-solving in real conditions |
| Whiteboard Challenge | A design problem solved live during an interview | Tests your thinking under pressure |
| Design System Contributor | A designer who adds to a shared component library | Signals teamwork and design maturity |
SECTION 06Common mistakes to avoid
M1Confusing UX with UI
UX is about how it works and how it feels; UI is about how it looks. Many beginners conflate the two — but interviewers immediately notice. UX is the "why" and UI is the "what."
M2Using jargon without understanding
Throwing around terms like "heuristic evaluation" or "jobs to be done" without understanding them backfires. Learn the meaning and a real example before using any term in an interview.
M3Skipping accessibility
Accessibility isn't optional. If your portfolio ignores WCAG contrast ratios, alt text, and keyboard navigation, you'll lose points with modern design teams.
M4Thinking design is just Figma
Figma is a tool. Design is about research, thinking, iteration, and communication. Tools change; process and judgment don't.
M5Not learning design systems
Every serious design team uses a design system. Understanding tokens, components, and versioning is now table stakes for UI roles — and it will come up in interviews.
SECTION 07Test yourself — UI UX terms quiz
Five questions. No sign-up.
0 / 5Pick an answer to see why it is right or wrong.
SECTION 08Frequently asked questions
What is the difference between UX and UI?
UX (User Experience) is about how a product works and feels — the flow, usability, and overall experience. UI (User Interface) is about how it looks — visual design, typography, color, and components. Both matter, but they answer different questions.
What is a wireframe?
A wireframe is a low-fidelity sketch of a screen — usually in grayscale — that shows layout and structure without visual design. It's a fast way to test ideas before moving to high-fidelity design.
What is a design system?
A design system is a shared library of components, design tokens (colors, spacing, typography), and guidelines used across a product. It ensures consistency and speeds up design and development.
Why does accessibility matter?
Accessibility ensures that products work for everyone — including people with visual, motor, or cognitive impairments. WCAG guidelines define the standards, and in many countries, accessibility is legally required.
What's more important in a portfolio — UI or UX?
Neither — what matters is the case study. Recruiters want to see your process: how you understood the problem, what research you did, and how you iterated. A beautiful mockup without process is weaker than an average mockup with a great story.
SECTION 09Related reads
Classroom & online · Noida
Learn UI UX the professional way
Our Data Analytics Training Course and UI/UX-focused programs cover design fundamentals, Figma, and portfolio building — designed to help beginners launch their design careers.
₹15,500 · full programme- UI UX fundamentals + Figma
- Real projects & case studies
- Portfolio review
- Weekday & weekend batches