UX / Product Designer Interview Flashcards

Question 1

What is the difference between UX and UI?

Accepted Answer

UX (user experience) covers the entire journey and how usable, useful, and satisfying a product feels, from research to flows. UI (user interface) is the visual and interactive layer, such as buttons, colors, and typography, that the user touches. UI is part of UX; great visuals cannot rescue a confusing experience.

Question 2

What is user-centered design?

Accepted Answer

User-centered design is an iterative process that keeps real users' needs, contexts, and goals at the center of every decision through research, prototyping, and testing. Rather than designing for assumptions, teams validate with users repeatedly, producing products that are genuinely usable and valuable.

Question 3

What does usability mean?

Accepted Answer

Usability is how effectively, efficiently, and satisfyingly users can achieve their goals with a product. It encompasses learnability, efficiency, memorability, error rate, and satisfaction. High usability means users accomplish tasks with minimal friction, errors, or confusion, and is measured through testing.

Question 4

What is a wireframe?

Accepted Answer

A wireframe is a low-fidelity skeletal blueprint of a screen showing layout, content hierarchy, and functionality without colors, imagery, or polish. It focuses the conversation on structure and flow early and cheaply, before investing in visual design, and is faster to iterate than high-fidelity mockups.

Question 5

What is a prototype in design?

Accepted Answer

A prototype is a simulated, often clickable version of a product used to test interactions, flows, and concepts with users before development. Fidelity ranges from paper to fully interactive; prototypes validate ideas, surface usability issues early, and align stakeholders at far lower cost than building the real thing.

Question 6

What is a user persona?

Accepted Answer

A user persona is a research-based, fictional character representing a key user segment, capturing goals, behaviors, needs, and pain points. Personas keep teams focused on real user types rather than designing for themselves, guiding decisions and prioritization, but they must be grounded in actual research, not invented.

Question 7

What does a user journey map show?

Accepted Answer

A user journey map visualizes the stages a user goes through to accomplish a goal, capturing their actions, thoughts, emotions, touchpoints, and pain points across time. It reveals friction and opportunities holistically, builds empathy, and aligns teams on where to improve the end-to-end experience.

Question 8

What is information architecture?

Accepted Answer

Information architecture is the practice of organizing, structuring, and labeling content so users can find information and complete tasks intuitively. It includes navigation, hierarchy, categorization, and labeling, often informed by card sorting, and underpins findability and a coherent mental model of the product.

Question 9

What is accessibility in design?

Accepted Answer

Accessibility ensures products are usable by people with diverse abilities, including visual, motor, auditory, and cognitive impairments, following guidelines like WCAG. Practices include sufficient color contrast, keyboard navigation, alt text, and proper semantics. It is both an ethical and often legal requirement and improves usability for everyone.

Question 10

What is an affordance in design?

Accepted Answer

An affordance is a property that suggests how an element can be used, like a button looking pressable or a slider looking draggable. Good affordances (and signifiers that communicate them) help users intuitively understand interactions without instructions, reducing confusion and reliance on trial and error.

Question 11

What is visual hierarchy?

Accepted Answer

Visual hierarchy uses size, color, contrast, position, and spacing to communicate the relative importance of elements and guide the eye through content in the intended order. A clear hierarchy makes interfaces scannable, directs users to primary actions, and reduces cognitive effort.

Question 12

Why is white space important in design?

Accepted Answer

White space (negative space) is the empty area around and between elements. It improves readability, groups related content, reduces clutter and cognitive load, and creates focus and elegance. Far from wasted space, it is an active design tool that makes interfaces feel calm and clear.

Question 13

Why does contrast matter in UI design?

Accepted Answer

Contrast (in color, size, or weight) distinguishes elements, establishes hierarchy, and ensures text and interactive components are legible, including for low-vision users. Sufficient contrast ratios are required for accessibility (WCAG), and strong contrast draws attention to primary actions while low contrast can hide important content.

Question 14

Why is typography important in design?

Accepted Answer

Typography, the selection and arrangement of typefaces, sizes, spacing, and weights, drives readability, sets brand tone, and establishes hierarchy. Good typographic choices (line length, line height, contrast, limited font families) make content effortless to read and reinforce visual structure and personality.

Question 15

What is responsive design?

Accepted Answer

Responsive design creates layouts that adapt fluidly to varying screen sizes and devices using flexible grids, scalable images, and breakpoints, so the experience works on phones, tablets, and desktops. It ensures content remains readable and usable across contexts without separate designs for each device.

Question 16

What does mobile-first design mean?

Accepted Answer

Mobile-first design starts with the constraints of the smallest screen, forcing prioritization of essential content and actions, then progressively enhances the layout for larger screens. This avoids cramming a desktop design onto mobile and reflects that many users access products primarily on phones.

Question 17

What is a design system?

Accepted Answer

A design system is a single source of truth combining reusable UI components, design tokens, patterns, and documented guidelines that keep products consistent and speed up design and development. It aligns teams, reduces redundant work, and ensures coherence across features and platforms as products scale.

Question 18

What is a heuristic evaluation?

Accepted Answer

A heuristic evaluation is a usability inspection where evaluators assess an interface against established principles (like Nielsen's 10 heuristics) to identify problems. It is fast and inexpensive, requires no users, and surfaces many issues early, though it complements rather than replaces real usability testing.

Question 19

What is usability testing?

Accepted Answer

Usability testing observes representative users attempting realistic tasks to uncover where they struggle, get confused, or fail. It provides direct evidence of real problems and their causes, can be moderated or unmoderated, and even a handful of participants reveals most major issues, making it a cornerstone of UX validation.

Question 20

What is A/B testing in design?

Accepted Answer

A/B testing shows different variants of a design to separate user groups and measures which performs better on a metric like conversion or engagement. It provides quantitative evidence for decisions, removing guesswork, but requires sufficient traffic for statistical significance and tests what, not why.

Question 21

Why is user research important?

Accepted Answer

User research gathers insights about users' needs, behaviors, motivations, and pain points through methods like interviews, surveys, and observation. It replaces assumptions with evidence, reduces the risk of building the wrong thing, and informs every stage from discovery to validation.

Question 22

What is a call to action?

Accepted Answer

A call to action (CTA) is a prompt, usually a button or link, that guides users toward a desired action like Sign up or Buy now. Effective CTAs use clear, action-oriented copy, strong visual prominence, and appropriate placement so the next step is obvious and compelling.

Question 23

What is the purpose of user onboarding?

Accepted Answer

Onboarding guides new users to their first success and helps them understand a product's value and how to use it, through tooltips, tutorials, empty states, and progressive guidance. Good onboarding reduces drop-off and time-to-value, while overwhelming users with too much upfront can backfire.

Question 24

What is microcopy?

Accepted Answer

Microcopy is the small, functional text throughout an interface, such as button labels, hints, error messages, tooltips, and placeholders. Though small, it shapes clarity, tone, and trust, guiding users through actions and reducing confusion; thoughtful microcopy can meaningfully improve usability and conversion.

Question 25

Why is system feedback important?

Accepted Answer

System feedback informs users that their actions registered and communicates the system's status, through loading indicators, confirmations, hover states, and messages. It reduces uncertainty and errors, builds trust, and aligns with the usability heuristic of keeping users informed about what is going on.

Question 26

How does good design reduce user errors?

Accepted Answer

Good design prevents errors through constraints, sensible defaults, confirmations for destructive actions, inline validation, and clear affordances, and when errors do occur, it provides helpful, specific recovery guidance. Preventing mistakes is better than only handling them, reducing frustration and failed tasks.

Question 27

Why is consistency important in UX?

Accepted Answer

Consistency in layout, terminology, behavior, and visual style lets users apply what they learned in one place elsewhere, reducing cognitive load and errors. Internal consistency keeps a product coherent, while external consistency with platform conventions meets user expectations and builds trust.

Question 28

What is cognitive load in UX?

Accepted Answer

Cognitive load is the amount of mental effort users must expend to understand and operate an interface. Excessive load, from clutter, too many choices, or unclear flows, causes errors and abandonment. Designers reduce it by simplifying, chunking information, using familiar patterns, and offloading memory to the interface.

Question 29

What does Hick's law state?

Accepted Answer

Hick's law states that decision time grows with the number and complexity of choices. In design it argues for limiting options, simplifying menus, and using progressive disclosure so users are not overwhelmed, helping them decide and act faster. It must be balanced against the need for adequate functionality.

Question 30

What does Fitts's law tell designers?

Accepted Answer

Fitts's law states that the time to reach a target depends on its size and distance: larger and nearer targets are acquired faster. It guides making important buttons large and well-placed, using screen edges and corners (effectively infinite size), and sizing touch targets adequately for fingers.

Question 31

What are Gestalt principles in design?

Accepted Answer

Gestalt principles describe how the human mind perceives and groups visual elements, including proximity, similarity, closure, continuity, and figure-ground. Designers use them to create logical groupings and structure, so users intuitively perceive relationships, such as items placed close together being seen as related.

Question 32

What is card sorting used for?

Accepted Answer

Card sorting is a research method where participants organize topics into groups and sometimes label them, revealing users' mental models for how content should be structured. It informs information architecture and navigation, with open sorts uncovering categories and closed sorts validating predefined ones.

Question 33

What is the difference between low and high fidelity?

Accepted Answer

Fidelity is how closely a design artifact resembles the final product. Low-fidelity (sketches, wireframes) is fast, cheap, and ideal for exploring structure and ideas early. High-fidelity (polished mockups, interactive prototypes) is detailed and realistic, better for visual decisions and realistic usability testing closer to launch.

Question 34

What is progressive disclosure?

Accepted Answer

Progressive disclosure reveals information and options gradually, presenting only what is necessary at each step and deferring advanced or rare features until requested. It reduces cognitive load and clutter, keeping interfaces approachable for novices while still offering depth for power users.

Question 35

Why design empty states carefully?

Accepted Answer

An empty state is what a user sees before content exists, such as a new dashboard or inbox. Rather than a blank void, a well-designed empty state explains what goes there, why it is empty, and prompts a first action, turning a dead end into onboarding and guidance that drives engagement.

Question 36

Why do touch targets need a minimum size?

Accepted Answer

Touch targets must be large enough (commonly at least about 44 by 44 points or 48 by 48 dp) and adequately spaced so users can tap accurately with a finger without hitting neighbors. Too-small targets cause errors and frustration, especially for users with motor impairments, and harm mobile usability.

Question 37

What is design thinking?

Accepted Answer

Design thinking is a human-centered, iterative problem-solving framework with phases like empathize, define, ideate, prototype, and test. It emphasizes understanding users deeply, framing the right problem, generating many ideas, and validating through quick prototypes, embracing experimentation and learning from failure.

Question 38

What makes iconography effective?

Accepted Answer

Effective iconography uses clear, simple, and consistent symbols that users recognize, ideally following established conventions (a magnifying glass for search). Ambiguous icons confuse users, so pairing icons with labels improves comprehension, and a unified style keeps the interface coherent.

Question 39

What makes a form user-friendly?

Accepted Answer

User-friendly forms minimize the number of fields, use clear labels and logical grouping and order, provide helpful inline validation and error messages, and indicate required fields and progress. Reducing effort and uncertainty increases completion rates, since forms are often where users abandon tasks.

Question 40

What is conversion in UX terms?

Accepted Answer

Conversion is when a user completes a target action, such as registering, subscribing, or purchasing. Conversion rate measures the percentage who do so. UX improvements that reduce friction, clarify value, and strengthen CTAs raise conversion, making it a key metric linking design to business outcomes.

Question 41

What is a sitemap in UX?

Accepted Answer

A sitemap is a visual diagram showing all the pages or screens of a product and how they relate hierarchically. It helps plan information architecture and navigation, communicate structure to stakeholders, and identify gaps or redundancy before detailed design begins.

Question 42

How does flat design differ from skeuomorphism?

Accepted Answer

Skeuomorphism designs interface elements to resemble their real-world counterparts (a notepad app that looks like paper), aiding familiarity. Flat design strips away realistic textures and shadows for clean, minimal, abstract visuals that load faster and scale well. Modern interfaces often use a middle ground (flat with subtle depth) for clarity.

Question 43

What makes navigation effective?

Accepted Answer

Effective navigation lets users understand where they are, where they can go, and how to get back, through clear structure, labels, and indicators of current location. Good navigation aligns with users' mental models and supports findability, while poor navigation is a leading cause of frustration and abandonment.

Question 44

Why is brand consistency important in UX?

Accepted Answer

Brand consistency keeps visual identity, voice, and tone uniform across all touchpoints, reinforcing recognition, professionalism, and trust. When colors, typography, imagery, and language align with the brand, users feel a coherent experience, while inconsistency can feel disjointed or untrustworthy.

Question 45

Why does color matter in interface design?

Accepted Answer

Color communicates meaning (red for errors, green for success), sets mood and brand identity, and establishes hierarchy and grouping. Designers consider contrast for accessibility, cultural associations, and not relying on color alone to convey information, so colorblind users are not excluded.

Question 46

What is a grid system in design?

Accepted Answer

A grid system is an underlying structure of columns, rows, and gutters used to align and organize content consistently. It creates visual order, rhythm, and alignment, speeds up layout decisions, and supports responsive design by defining how content reflows across breakpoints.

Question 47

What is a feedback loop in product design?

Accepted Answer

A feedback loop is the ongoing cycle of collecting user feedback and behavioral data, learning from it, and applying improvements, then measuring again. It keeps products evolving with real user needs, and short, frequent loops let teams catch issues early and iterate toward better experiences.

Question 48

What is a minimum viable product?

Accepted Answer

A minimum viable product (MVP) is the smallest functional version that delivers core value and can be released to real users to validate assumptions and gather feedback. It minimizes wasted effort by learning quickly what users actually want before investing in a full build.

Question 49

What is a dark pattern?

Accepted Answer

A dark pattern is a deceptive interface design that manipulates users into actions against their interest, like hidden costs, hard-to-cancel subscriptions, or disguised ads. Beyond being unethical and increasingly illegal, dark patterns erode trust and damage long-term relationships even if they boost short-term metrics.

Question 50

What happens during design handoff to developers?

Accepted Answer

Design handoff is the process of transferring designs to developers with the specifications, assets, components, states, and interaction details needed to build faithfully. Tools that expose measurements, tokens, and code snippets, plus clear documentation and communication, reduce errors and back-and-forth during implementation.

Question 51

What is the jobs-to-be-done framework?

Accepted Answer

Jobs-to-be-done frames design around the progress a user is trying to make in a situation, the job they hire a product to do, rather than demographics or features. It uncovers true motivations and the functional, emotional, and social dimensions of needs, guiding solutions that address the real goal.

Question 52

What is a mental model in UX?

Accepted Answer

A mental model is the user's internal representation of how something works, shaped by prior experience. Designs that match users' mental models feel intuitive, while mismatches cause confusion and errors. Designers research these models and use familiar conventions to align the interface with user expectations.

Question 53

What are Nielsen's usability heuristics?

Accepted Answer

Nielsen's 10 heuristics are broad usability principles, including visibility of system status, match between system and the real world, user control and freedom, consistency and standards, error prevention, recognition over recall, flexibility, aesthetic and minimalist design, helping users recover from errors, and help and documentation. They guide design and heuristic evaluation.

Question 54

What is information scent?

Accepted Answer

Information scent refers to the cues, like link labels and visual signals, that indicate whether a navigation path will lead users toward their goal. Strong scent helps users confidently choose the right path, while weak or misleading scent causes hesitation, wrong turns, and abandonment.

Question 55

How does a signifier differ from an affordance?

Accepted Answer

An affordance is what an object allows a user to do, while a signifier is the perceivable cue that communicates that affordance and how to use it, such as a button's shadow or a labeled handle. Good signifiers make affordances discoverable, which is essential since hidden affordances go unused.

Question 56

What are microinteractions?

Accepted Answer

Microinteractions are small, contained moments built around a single task, such as toggling a switch, liking a post, or a pull-to-refresh animation. Well-crafted microinteractions provide feedback, communicate status, and add delight and personality, contributing significantly to a polished, satisfying experience.

Question 57

What are design tokens?

Accepted Answer

Design tokens are named, platform-agnostic variables that store design decisions, such as color, spacing, typography, and radius values, as a single source of truth. They enable consistent theming, easy global updates, and synchronization between design tools and code, forming the foundation of scalable design systems.

Question 58

What is atomic design methodology?

Accepted Answer

Atomic design structures UI into a hierarchy: atoms (basic elements like buttons), molecules (groups of atoms), organisms (complex components), templates, and pages. This methodology promotes reusable, consistent components and a systematic way to build and maintain design systems from the smallest parts up.

Question 59

What do the WCAG conformance levels A, AA, and AAA mean?

Accepted Answer

WCAG defines three conformance levels: A (minimum, essential accessibility), AA (addresses major barriers and is the common legal and practical target), and AAA (the highest, often impractical for entire sites). Most organizations aim for AA to ensure broad accessibility while remaining achievable.

Question 60

What contrast ratio is required for accessible body text?

Accepted Answer

WCAG AA requires a contrast ratio of at least 4.5 to 1 between normal text and its background, and 3 to 1 for large text. Sufficient contrast ensures readability for users with low vision or color deficiencies. Designers verify ratios with contrast checkers and avoid relying on color alone to convey meaning.

Question 61

Why does semantic HTML matter for accessibility?

Accepted Answer

Semantic HTML uses elements like headings, lists, buttons, and landmarks according to their meaning, so screen readers and other assistive technologies can convey structure and enable navigation. Using correct semantics rather than generic divs improves accessibility, SEO, and maintainability without extra effort.

Question 62

Why are visible focus states important?

Accepted Answer

Visible focus states (outlines or highlights) indicate which element is currently selected during keyboard navigation, which is essential for users who do not use a mouse, including many with motor or visual impairments. Removing focus indicators for aesthetics breaks accessibility and violates WCAG.

Question 63

What is inclusive design?

Accepted Answer

Inclusive design considers the full diversity of users, including ability, age, language, culture, and context, designing solutions that work for as many people as possible. It treats accessibility as a baseline and recognizes that solving for edge cases (like one-handed use) often benefits everyone, the curb-cut effect.

Question 64

What does tree testing evaluate?

Accepted Answer

Tree testing presents users with a text-only version of a site's hierarchy and asks them to locate items, measuring findability and the effectiveness of the information architecture independent of visual design. It reveals where labels or structure cause users to get lost, complementing card sorting.

All UX / Product Designer Interview Flashcards

Easy (50)

Medium (50)

Hard (50)

Ready to practice the full interview?