Here are 100 UI/UX interview questions and answers, covering user research, design process, interaction design, visual design, prototyping, usability testing, accessibility, metrics, and behavioral scenarios. Each question is in bold, followed by a detailed answer. No dividing lines.
What is the difference between UI and UX design?
Answer: UI (User Interface) design focuses on the look, feel, and interactivity of a product – colors, typography, buttons, spacing, and visual hierarchy. UX (User Experience) design focuses on the overall journey and usability – research, information architecture, wireframing, prototyping, and testing. UI is the skin, UX is the skeleton. Both are essential and overlap.
What is user-centered design (UCD)?
Answer: User-centered design is an iterative process where designers focus on users and their needs at every phase. It involves understanding the user through research, designing solutions, testing with real users, and refining. The four phases: Understand, Design, Evaluate, Iterate.
Explain the design thinking process.
Answer: Design thinking is a human-centered, iterative problem-solving methodology with five stages: Empathize (understand user needs through research), Define (articulate the problem), Ideate (brainstorm solutions), Prototype (create low-fidelity representations), Test (validate with users). It is non-linear and encourages iteration.
What is a design system and why is it important?
Answer: A design system is a collection of reusable components, patterns, and guidelines (color palette, typography, spacing, icons, buttons) that ensures visual and functional consistency across a product. It speeds up development, reduces design debt, and maintains brand coherence.
What is the difference between wireframe, mockup, and prototype?
Answer: Wireframe is a low-fidelity, structural layout (grayscale, boxes, placeholder text) – focuses on information architecture and hierarchy. Mockup is a high-fidelity, static visual design – includes colors, typography, images, and final look. Prototype is an interactive, clickable simulation – demonstrates user flow and functionality. Wireframes are for structure, mockups for visuals, prototypes for interaction.
What is information architecture (IA)?
Answer: IA is the structural design of shared information environments – organizing content logically, labeling navigation, and creating sitemaps. Good IA helps users find information intuitively. It includes categories, hierarchies, taxonomies, and navigation systems.
What are some common UX research methods?
Answer: Qualitative: user interviews, contextual inquiry, usability testing, diary studies. Quantitative: surveys, analytics (click tracking, heatmaps), A/B testing. Generative: focus groups, card sorting, journey mapping. Evaluative: heuristic evaluation, cognitive walkthroughs, usability testing.
What is a user persona? How do you create one?
Answer: A user persona is a semi-fictional character representing a target user segment, based on real research (interviews, surveys). It includes demographics, goals, pain points, behaviors, and a name/photo. To create one: gather user data, identify patterns, cluster into segments, flesh out details, and validate with stakeholders.
What is a user journey map?
Answer: A user journey map is a visual representation of a user’s steps, emotions, touchpoints, and pain points as they interact with a product or service to achieve a goal. It typically includes stages (awareness, consideration, purchase, retention), actions, thoughts, feelings, and opportunities for improvement.
What is heuristic evaluation? Name Nielsen’s 10 heuristics.
Answer: Heuristic evaluation is a usability inspection method where experts evaluate a product against established principles (heuristics) to identify violations. Nielsen’s 10 heuristics: Visibility of system status, match between system and real world, user control and freedom, consistency and standards, error prevention, recognition rather than recall, flexibility and efficiency of use, aesthetic and minimalist design, help users recognize/diagnose/recover from errors, and help and documentation.
What is accessibility (a11y) in design? What are some basic guidelines?
Answer: Accessibility ensures that products are usable by people with disabilities (visual, auditory, motor, cognitive). Guidelines: WCAG 2.1 (Perceivable, Operable, Understandable, Robust). Basics: sufficient color contrast (4.5:1 for text), alternative text for images, keyboard navigability, focus indicators, proper heading hierarchy, and captions for video.
What is the difference between usability testing and user acceptance testing (UAT)?
Answer: Usability testing evaluates how easily real users can complete tasks – focuses on design effectiveness, efficiency, and satisfaction. User acceptance testing (UAT) verifies that the product meets business requirements and is ready for release – often done by internal stakeholders or QA. Usability is about user experience; UAT is about business readiness.
How do you measure the success of a design?
Answer: Use quantitative and qualitative metrics. Quantitative: task success rate, time on task, error rate, System Usability Scale (SUS) score, Net Promoter Score (NPS), conversion rate, retention. Qualitative: user satisfaction surveys (e.g., SEQ – Single Ease Question), open-ended feedback, observations. Also business metrics: reduced support calls, increased revenue.
What is a design sprint?
Answer: A design sprint (developed by Google Ventures) is a five-day process for answering critical business questions through design, prototyping, and testing with real users. Days: Monday (Map), Tuesday (Sketch), Wednesday (Decide), Thursday (Prototype), Friday (Test). It compresses months of work into a week.
What is the difference between a low-fidelity and high-fidelity prototype?
Answer: Low-fidelity prototype is quick, cheap, and rough – often paper sketches or grayscale wireframes on Figma. It focuses on structure and flow, not visuals. High-fidelity prototype is interactive, close to final visual design (colors, typography, images), and often coded or built with advanced prototyping tools. Use low-fi for early concept testing, high-fi for usability testing before development.
What is a cognitive load and how do you reduce it?
Answer: Cognitive load is the amount of mental effort required to use an interface. Reduce it by: minimizing choices (Hick’s Law), grouping related information (chunking), using familiar patterns (affordances), progressive disclosure (show only needed information), and clear visual hierarchy.
Explain Fitts’s Law.
Answer: Fitts’s Law states that the time to acquire a target (like a button) is a function of distance to the target and size of the target. Larger and closer targets are faster to click. Apply by making important buttons (CTAs) large and placing them near the user’s cursor or thumb (mobile).
What are the Gestalt principles of design?
Answer: Principles of visual perception: Proximity (objects close together are perceived as a group), Similarity (similar shapes/colors form a group), Continuity (elements arranged on a line are seen as related), Closure (incomplete shapes are perceived as complete), Figure/Ground (distinguish foreground from background), Common Fate (elements moving together are perceived as a group).
What is the 80/20 rule in UX?
Answer: Also known as the Pareto Principle: 80% of usage comes from 20% of features. Focus design and testing on the critical 20% of tasks that users perform most often. Prioritize those features and optimize them heavily.
What is the difference between a modal and a non-modal dialog?
Answer: Modal dialog requires user interaction before they can return to the main interface – it blocks all other actions. Used for critical alerts, confirmations, or forms. Non-modal (modeless) dialog allows users to interact with other parts of the interface – like a floating palette or notification. Non-modal is less intrusive.
What is progressive disclosure?
Answer: Progressive disclosure shows only essential information initially, revealing advanced or secondary options as needed. Reduces clutter and cognitive load. Examples: “Advanced settings” accordions, “Read more” links, and step-by-step wizards.
What is a card sorting exercise and when would you use it?
Answer: Card sorting is a UX research method where participants organize topics (cards) into groups that make sense to them. Used to inform information architecture, navigation, and labeling. Open card sort (users name groups) for new IA; closed card sort (users assign to predefined categories) for validating existing IA.
What is a tree testing?
Answer: Tree testing evaluates the findability of topics in a site’s hierarchy without visual design or navigation aids. Users are given a task (e.g., “find returns policy”) and navigate a text-only tree structure. It isolates IA problems from UI issues.
What are common UX design deliverables?
Answer: User personas, user journey maps, empathy maps, sitemaps, user flows, wireframes (low/high fidelity), interactive prototypes, design specifications (redlines), usability test reports, heuristic evaluation reports, and design system documentation.
How do you handle design criticism or conflicting feedback from stakeholders?
Answer: I listen actively without defensiveness. I ask clarifying questions to understand underlying concerns or business goals. I present user research data or usability test results to guide decisions. I prioritize feedback based on impact to user experience and technical feasibility. When needed, I facilitate a design workshop to align stakeholders around shared objectives.
What is a design critique?
Answer: A design critique is a structured discussion where designers present their work and receive constructive feedback from peers or stakeholders. The goal is to improve design, not to judge the designer. Ground rules: focus on the design, not personal taste; use “I” statements; provide actionable suggestions.
What is atomic design?
Answer: Atomic design is a methodology for creating design systems, proposed by Brad Frost. It breaks interfaces into five levels: Atoms (basic elements – buttons, labels, inputs), Molecules (groups of atoms – search form), Organisms (complex UI sections – header, product grid), Templates (page layouts), and Pages (specific instances).
What is the difference between skeuomorphism and flat design?
Answer: Skeuomorphism mimics real-world objects (e.g., leather texture, 3D buttons) to make digital interfaces familiar. Flat design uses minimalistic, two-dimensional elements without shadows or textures. Neumorphism (recent trend) is a hybrid. Modern design often uses “flat 2.0” with subtle shadows and depth.
What is responsive and adaptive design?
Answer: Responsive design uses fluid grids and media queries to dynamically adjust layout based on screen size (one flexible design). Adaptive design uses multiple fixed layouts for predefined breakpoints (detects device and serves appropriate layout). Responsive is more common today.
What is the difference between a clickable prototype and a coded prototype?
Answer: Clickable prototype (Figma, Adobe XD) simulates interactions with hotspot links – not functional code. Coded prototype (HTML/CSS/JS) is actually built and can have real data and logic. Clickable is faster for iteration; coded is more realistic for final testing.
What is the role of a UI designer in a development team?
Answer: The UI designer creates high-fidelity visual designs, defines interactive states (hover, active, disabled), prepares assets (icons, images), builds or maintains design system components, collaborates with developers to ensure pixel-perfect implementation, and conducts visual regression testing.
What is the difference between usability and user experience?
Answer: Usability is a subset of UX focusing on ease of use, efficiency, and error prevention. User experience encompasses usability plus emotions, brand perception, desirability, accessibility, and overall satisfaction. A product can be usable (achieves tasks efficiently) but still have poor UX (frustrating, boring, or anxiety-inducing).
How do you conduct a competitive analysis?
Answer: Identify direct and indirect competitors. Evaluate their products on key criteria: user flows, visual design, content strategy, strengths and weaknesses. Use a matrix or a report. Include screenshots and annotations. Identify opportunities (gaps your product can fill) and avoid known pitfalls.
What is a mood board and when do you use it?
Answer: A mood board is a collage of images, colors, typography, textures, and styles that convey the intended visual direction or brand emotion. Used early in the visual design phase to align stakeholders on aesthetic direction before investing in high-fidelity design.
What is WCAG? Name its four principles.
Answer: WCAG (Web Content Accessibility Guidelines) provides standards for making web content accessible. The four principles (POUR): Perceivable (users can perceive content), Operable (users can navigate and interact), Understandable (content and interface are clear), Robust (works with assistive technologies).
What is the difference between formative and summative usability testing?
Answer: Formative testing occurs during design and development to diagnose problems and iterate. It is qualitative, small-sample (5-8 users), iterative. Summative testing evaluates overall usability at the end to benchmark against goals (e.g., success rate, SUS score). It is often quantitative and larger-sample.
Explain the concept of “affordance” in design.
Answer: Affordance is the perceived and actual properties of an object that suggest how it can be used. For example, a button looks clickable (shadow, shape), a slider looks draggable, an underlined link suggests a hyperlink. Good design provides clear affordances without guesswork.
What is a micro-interaction? Give examples.
Answer: Micro-interactions are small, functional moments that accomplish one task. Examples: pull-to-refresh animation, like button heart pop, form field validation (green check), volume slider feedback, chat typing indicator. They enhance engagement and provide feedback.
What is the paradox of choice in UX?
Answer: The paradox of choice states that too many options can lead to decision paralysis and decreased satisfaction. Hick’s Law is related. Designers can reduce choice paralysis by curating defaults, grouping options, using progressive disclosure, and adding comparison tools.
What is a dark pattern? Name examples.
Answer: Dark patterns are deceptive UI tricks that trick users into doing things they don’t intend. Examples: hidden subscription renewal, misled cancel buttons, forced continuity (hard to unsubscribe), sneak into basket (add extra items), confirm shaming (aggressive option wording).
How do you recruit participants for a usability test?
Answer: Define screening criteria based on user personas. Recruit via: internal customer lists (with consent), user research platforms (UserTesting, UserZoom), social media ads, or professional panels. Offer incentives (cash, gift cards). Ensure diversity (age, ability, tech literacy). Aim for 5-8 participants for qualitative testing.
What is the system usability scale (SUS)?
Answer: SUS is a 10-item questionnaire with Likert scale responses, yielding a single score (0-100). It measures perceived usability. Scores above 68 are above average. It is quick, reliable, and works for small sample sizes. Examples of items: “I think I would use this system frequently.”
What is A/B testing and how does it relate to UX?
Answer: A/B testing compares two versions of a design (A and B) by randomly assigning users to each and measuring a goal (conversion, CTR). It provides data-driven validation for design decisions. UX designers should collaborate on hypotheses (e.g., “green CTA button increases clicks 10%”) and analyze results.
What is a user flow diagram?
Answer: A user flow diagram maps the path a user takes through a product to complete a task, including screens, decision points, and branches. It does not include visual design; it focuses on steps and logic. Used to identify friction points and optimize sequences.
What is a heatmap and how do you use it?
Answer: A heatmap is a visual representation of user interactions: click maps (where users click), scroll maps (how far they scroll), move maps (mouse movement). Use to identify popular or ignored areas, analyze engagement, and optimize call-to-action placement.
What is the difference between a persona and a user profile?
Answer: A persona is a fictional archetype based on research, with narrative and goals. A user profile is a factual summary of a specific user’s attributes (often from CRM data). Personas are for design empathy; user profiles are for personalization and targeting.
What is emotional design?
Answer: Emotional design, coined by Don Norman, focuses on creating products that evoke positive emotions (joy, trust, delight). Three levels: visceral (immediate aesthetic reaction), behavioral (pleasure of use), reflective (self-image and meaning). Emotional design increases loyalty and advocacy.
What is the difference between a modal and a non-modal dialog?
Answer: (Already covered earlier) But rephrased: Modal blocks interaction with parent window, non‑modal allows interaction with parent. Use modal for critical or irreversible actions; use non‑modal for supplementary information.
What is the purpose of a design system documentation?
Answer: Documentation provides usage guidelines, code snippets, accessibility notes, and design rationale for each component. It ensures designers and developers use components consistently, reduces miscommunication, and speeds up onboarding.
What is a style guide compared to a design system?
Answer: A style guide is a subset of a design system, covering only visual elements: colors, typography, logos, spacing, imagery. A design system also includes reusable components (buttons, cards, modals), pattern libraries, and code implementation standards.
What is the difference between a user journey map and a user story map?
Answer: User journey map focuses on the user’s emotional experience across stages and touchpoints. User story map (agile UX) organizes user activities into tasks (steps) and prioritizes them for product backlog. Journey map is diagnostic; story map is for planning.
What is the “five second test”?
Answer: A five second test shows a design for five seconds, then asks questions about recall, first impressions, and message clarity. Used to test if the visual hierarchy communicates the primary value proposition quickly.
What is a focus group in UX? How is it different from usability testing?
Answer: A focus group is a moderated discussion with a small group of users about their attitudes, preferences, and ideas. Usability testing is one-on-one observation of users completing tasks. Focus groups are good for generative research (what users think); usability testing is evaluative (how users perform).
What is the “mother test” approach to user interviews?
Answer: The Mom Test (by Rob Fitzpatrick) advises asking questions about specific past behaviors, not opinions or hypotheticals. Avoid “would you…”, ask “when was the last time you…”. This avoids biased social desirability responses and uncovers real needs.
What are common usability problems you frequently encounter?
Answer: Unclear navigation labels, invisible affordances (e.g., non-clickable area that looks clickable), inconsistent UI patterns, missing error messages or vague errors (e.g., “something went wrong”), poor mobile touch targets, slow loading, no search, and modal overload.
What is the difference between a design audit and a usability audit?
Answer: A design audit evaluates visual consistency, brand alignment, and design system adherence across pages. A usability audit evaluates task success, efficiency, satisfaction, and identifies usability violations (often using heuristics or user testing). Both may be combined.
What is a red route in UX?
Answer: Red routes are the critical, high-frequency user journeys that must work flawlessly. If a red route breaks, the product is broken. Prioritize design and testing on red routes. Example: for an ecommerce app, checkout is a red route.
What is the difference between a wizard and a guided process?
Answer: A wizard is a multi-step dialog that guides users through a linear, complex task (e.g., setup, configuration). Guided process is a broader term for any step-by-step assistance, which can be inline, modal, or contextual (e.g., onboarding tooltips).
What is the “do not make me think” principle?
Answer: From Steve Krug’s book, it means the interface should be self-explanatory so users don’t have to pause and figure out how to use it. Every interaction should be obvious – reduce cognitive friction.
What is “hick’s law” and how to apply it?
Answer: Hick’s Law states that decision time increases with the number and complexity of choices. Apply by simplifying options, breaking complex tasks into smaller steps, and using defaults.
What is a service blueprint?
Answer: A service blueprint extends the customer journey map to show back‑stage processes, support systems, and employee actions. It reveals pain points behind the scenes. Used for complex services (e.g., banking, healthcare) where front‑stage and back‑stage interactions matter.
What are design tokens?
Answer: Design tokens are named variables that store design decisions (color, spacing, typography) in a platform-agnostic format. They allow consistent styling across platforms (web, iOS, Android) and easy theme switching.
How do you prioritize user feedback?
Answer: I use a framework like RICE (Reach, Impact, Confidence, Effort) or MoSCoW (Must, Should, Could, Won’t). I consider the severity of the issue (critical vs nice-to-have), frequency of occurrence, number of users affected, and alignment with business goals.
What is a “blue sky” design?
Answer: Blue sky design is a creative, unrestricted vision without technical or budget constraints – often for inspiration or vision setting. It is not meant for immediate implementation but to explore possibilities.
What is the difference between a design studio workshop and a design sprint?
Answer: A design studio is a collaborative ideation workshop (2-4 hours) where participants sketch and critique solutions. A design sprint is a five-day process that includes problem definition, ideation, prototyping, and testing. Design studio can be a part of a sprint.
What is a prototype fidelity continuum?
Answer: Low-fidelity (paper, wireflows), medium‑fidelity (grayscale interactive, limited click map), high‑fidelity (pixel-perfect, realistic interactions), high‑fidelity code prototype. Choose fidelity based on what you need to test (structure vs visuals vs performance).
What is the “serial position effect” in UX?
Answer: Users remember the first and last items in a series better than the middle. Place most important actions or navigation items at the beginning and end of menus or lists.
What is a feature toggling (feature flag) and its UX implications?
Answer: Feature toggling allows enabling/disabling features without redeploying code. For UX, it enables gradual rollouts (canary releases), A/B testing, and user‑segment‑specific experiences. It also allows deploying incomplete features hidden from users.
What is a UX portfolio and what should it contain?
Answer: A UX portfolio showcases 3-5 case studies. Each case study should: state the problem, your role, the process (research, ideation, design, testing), artifacts (wireframes, prototypes, user flow), and results (metrics, learnings). Show your thinking, not just final screens.
What is the difference between a sitemap and an information architecture diagram?
Answer: A sitemap is a visual representation of page hierarchy (often boxes with page labels). An information architecture diagram can also include content types, metadata, relationships, and navigation systems. Sitemap is a subset of IA deliverables.
What is a desk research in UX?
Answer: Desk research (secondary research) is gathering existing data and insights from reports, competitor analysis, analytics, support tickets, and literature. It is cost‑effective and helps define hypotheses before primary research.
What is a mental model in design?
Answer: A mental model is what the user believes about how a system works, based on past experience. Designers should match the design to the user’s mental model (e.g., shopping cart icon suggests ecommerce). If the design violates mental models, users get confused.
What is the difference between a primary and secondary button?
Answer: A primary button is for the main action (e.g., “Submit”, “Buy”), visually prominent (high contrast, solid fill). A secondary button is for alternative actions (e.g., “Cancel”, “Save as draft”), less prominent (outline or lower contrast). This reduces cognitive load.
What is a design critique facilitator’s role?
Answer: The facilitator sets ground rules (e.g., constructive, time-boxed), keeps discussion focused on design goals, prevents personal attacks, ensures everyone speaks, and captures feedback. The facilitator is not the designer presenting work.
What is a low-fidelity vs high-fidelity prototype?
Answer: (Already covered) Low-fi: quick exploration; high-fi: close to final visual and interactive.
What is a design system component variant?
Answer: A component variant is a different state or style of a core component, e.g., a button can have primary, secondary, destructive, disabled, loading variants. Variants reduce design drift and keep implementations consistent.
What is the difference between a modal popup and a popover?
Answer: Modal popup blocks interaction with the rest of the page and often overlays the content. Popover is a non‑modal, temporary overlay (tooltip, dropdown) that appears near the trigger element and does not block interaction.
What is a “happy path” in UX?
Answer: The happy path is the straightforward, error‑free user journey to complete a goal. It is what designers optimize for first. But robust design also plans for edge cases (errors, exceptions, alternative paths).
What is the “norman door” problem?
Answer: Don Norman coined this to describe doors with ambiguous affordances (push/pull signs required). In UX, it refers to any design where the correct action is not obvious – violators of natural mapping and affordance.
What is the difference between a design handoff and a design review?
Answer: Design handoff is the process of delivering final designs and assets to developers, including specifications, redlines, and design system components. Design review is an evaluation of designs (in progress) for alignment and quality before handoff.
What is a “design for edge cases” principle?
Answer: Edge cases are unusual or extreme user scenarios (e.g., excessively long names, empty states, network failures, zero search results). Designing for them ensures robustness and prevents user frustration when things go wrong.
What is the “curse of knowledge” in UX?
Answer: The curse of knowledge is when a designer (or developer) cannot imagine not knowing something they know, leading to interfaces that assume too much prior knowledge. Avoid jargon, provide tutorials, and test with real naive users.
What is a “VUI” and how is design different?
Answer: VUI (Voice User Interface) uses speech recognition and synthesis. Design focuses on conversation flow, brevity, confirmation strategies, error recovery, and context awareness. No visual affordances; relies solely on audio feedback and user expectations.
What is a “design system inconsistency” and why is it bad?
Answer: Inconsistency occurs when similar UI elements behave or look differently (e.g., two different button styles for same action). It increases cognitive load, makes the product feel unpolished, and slows recognition. Inconsistency is a top usability violation.
What is a “cognitive walkthrough”?
Answer: A cognitive walkthrough is a usability inspection method where evaluators simulate a user’s problem‑solving process for specific tasks. They ask: will user know what to do? will user notice the correct action? will user understand feedback? Used early in design.
What is the difference between a storyboard and a journey map?
Answer: A storyboard is a sequence of comic‑style panels illustrating a specific user’s interaction with a product over time (context, emotions). A journey map is a more structured, analytical diagram of steps, touchpoints, and metrics across a process.
What is “perceived performance” in UX?
Answer: Perceived performance is how fast the user feels the system is responding, regardless of actual loading time. Techniques: skeleton screens (placeholder content), optimistic UI (instant feedback before server response), and progress indicators.
How do you handle designing for a platform you cannot test on?
Answer: Use established platform guidelines (Apple HIG, Material Design), rely on emulators/simulators, conduct remote testing with users on real devices (services like BrowserStack), and follow accessibility standards. Review forum discussions of known quirks.
What is a “design system maturity model”?
Answer: It describes stages of an organization’s adoption of design systems: ad hoc (no system), initial (some reusable assets), repeatable (basic components documented), managed (governance, pattern library), optimized (system drives business strategy).
What is a “conversion rate” in UX and how do you improve it?
Answer: Conversion rate is the percentage of users who complete a desired action. Improve by reducing friction (fewer form fields), clarifying calls‑to‑action, adding trust signals (testimonials, security badges), improving page speed, and simplifying checkout.
What is the difference between a drop‑down menu and a select menu?
Answer: Drop‑down menu is often used for navigation (links to other pages). Select menu (dropdown list) is used for selecting an option within a form. Usability: select menus are slower than radio buttons or segmented controls for few options.
What is a “multi‑device user experience”?
Answer: Multi‑device UX ensures a seamless experience when users switch between devices (phone, tablet, laptop, watch). This requires syncing data, consistent navigation, and responsive/adaptive design. Example: start shopping on phone, complete on laptop.
What is a “design critique template”?
Answer: A structured critique might include: context (what is being reviewed), design goals, questions for reviewers, areas of focus (layout, color, copy, interaction). Reviewers give feedback with specific examples. The presenter listens and notes.
What is a “user story” (agile UX) format?
Answer: “As a [type of user], I want [some action] so that [some benefit].” Example: “As a first‑time visitor, I want to see a demo video so that I understand the product’s value.” User stories guide feature design.
Why should we hire you as a UI/UX designer?
Answer: I combine empathy (research and user testing) with craft (visual design and prototyping). I am comfortable with both generative and evaluative methods. I collaborate well with developers and product managers. I focus on measurable outcomes, not just aesthetics. I am passionate about creating inclusive, accessible experiences that solve real problems.