Top 30 Intermediate Design & UX Concepts Quiz
30 intermediate multiple-choice Design & UX concept questions, the mechanics underneath the basics: how the pieces relate and where the usual mental model stops holding. They come from 30 bites in the Design & UX library, the middle slice of the 609 Design & UX concept questions in the library. Answer them here or read straight down. Every question carries the correct option, why it is correct, and a link to the bite it came from.
UI design, UX research, and design systems
30 questions. Pick an answer, or open “Show the answer” to read it.
Answers are graded in your browser. Nothing is saved, and no XP or streak is earned here. The app keeps score.
Question 1 of 30
What is the primary distinction between the first and second diamonds in the Double Diamond model?
Show the answer
Answer: c · The first explores the problem space, and the second explores the solution space.
The card states, "The first diamond is for defining the right problem; the second is for building the right solution," clearly distinguishing their focus on problem exploration versus solution exploration. Option A is incorrect because both diamonds can involve various research methods, not just one type of data.
Read the full bite: Double Diamond: Explore, Then Focus, Twice
Question 2 of 30
Which approach best aligns with the core principle of the Jobs to Be Done framework?
Show the answer
Answer: d · Understanding the stable, underlying progress customers aim to make
The Jobs to Be Done framework emphasizes identifying the stable, underlying 'job' a customer is trying to accomplish, which represents the progress they want to make. Option A focuses on improving the 'drill' (the product) rather than the 'hole' (the customer's ultimate goal), which JTBD advises against for strategic innovation.
Read the full bite: Jobs to Be Done: Sell the Hole, Not the Drill
Question 3 of 30
What is the primary advantage of using the Inverted Pyramid structure for communication?
Show the answer
Answer: d · It ensures that the most crucial information is conveyed upfront, accommodating limited reader attention.
The correct answer (D) highlights the core benefit: ensuring readers grasp essential information quickly, even if they don't read the entire text. Option C is incorrect because the card explicitly states this structure is not suitable for building narrative suspense or arguments that lead to a final conclusion.
Read the full bite: The Inverted Pyramid: Lead with the Conclusion
Question 4 of 30
According to the PAS formula, what is the primary goal of the "Agitate" step?
Show the answer
Answer: d · To amplify the emotional impact of the identified problem by detailing its negative consequences.
The "Agitate" step focuses on making the customer feel the severity and emotional impact of their existing problem by describing its negative effects and frustrations. Option B is incorrect because agitation deepens the existing problem, rather than introducing entirely new ones.
Read the full bite: The PAS Formula: Turn a Reader's Pain into a Purchase
Question 5 of 30
A product team is developing a new user onboarding flow and needs to identify specific areas where users struggle to improve the design before release. Which evaluation approach should they prioritize?
Show the answer
Answer: a · Formative evaluation, to iteratively uncover and address usability issues.
Formative evaluation is used to improve a design in progress by iteratively identifying and fixing flaws. Summative evaluation, on the other hand, judges a finished product's performance, making it unsuitable for diagnosing specific problems during development.
Read the full bite: Formative vs. Summative Evaluation: Improve vs. Judge
Question 6 of 30
In which scenario would color theory be less suitable than color science?
Show the answer
Answer: a · Specifying exact color values for consistent product manufacturing.
Color theory guides aesthetic and psychological choices in design, like brand identity and user interaction. However, for objective precision in physical color reproduction, such as manufacturing, color science with its measurement-based rules is required.
Read the full bite: Color Theory: Harmony, Contrast, and Meaning in UI
Question 7 of 30
What is the main advantage of applying the Atomic Design methodology to UI development?
Show the answer
Answer: a · It provides a structured framework for creating consistent and reusable design systems.
The card states Atomic Design helps manage complexity and is ideal for creating consistent design systems and promoting component reusability, which aligns with providing a structured framework. It explicitly warns against treating it as a rigid, linear process, making that option incorrect.
Read the full bite: Atomic Design: Building UIs Like Chemistry
Question 8 of 30
Which combination of practices is most crucial for optimizing the readability of body text in a user interface?
Show the answer
Answer: b · Left-aligning text and maintaining line lengths between 45 and 90 characters.
The card emphasizes left-alignment for a consistent starting point and line lengths between 45 and 90 characters to prevent eye strain. Justified text (Option D) is explicitly discouraged on the web due to poor browser rendering.
Question 9 of 30
What is the key differentiator of a mature design system compared to a simple UI kit?
Show the answer
Answer: a · It includes reusable code components, clear principles, usage guidelines, and governance processes.
A mature design system functions as strategic business infrastructure, providing not just visual assets but also reusable code, principles, guidelines, and governance. This comprehensive approach distinguishes it from a basic UI kit, which primarily offers static visual components.
Read the full bite: Design Systems: From UI Kits to Business Infrastructure
Question 10 of 30
In which scenario would it be most inappropriate for a brand to maintain a consistently humorous tone?
Show the answer
Answer: b · An error message about a failed payment or security issue.
The card explicitly states that "Forcing humor into an error message, a security alert, or a billing issue is a classic mistake." In such high-stakes situations, clarity, directness, and helpfulness should always take precedence over a brand's typical humorous voice. The other scenarios are contexts where a humorous tone, if part of the brand's voice, could be appropriate.
Read the full bite: Brand Voice vs. Tone: Personality vs. Mood
Question 11 of 30
For which scenario would a full design system typically be considered an unnecessary investment?
Show the answer
Answer: c · A small team developing an early-stage, rapidly iterating prototype
The card states that for a single, small-scale project or a rapidly iterating early-stage prototype, building a full design system is often overkill due to the initial investment. The other options describe situations where a design system provides significant benefits, such as consistency, efficiency, and shared understanding, making them scenarios where it is recommended.
Read the full bite: Design Systems: Your UI's Single Source of Truth
Question 12 of 30
Consider a new user encountering a hyperlink on a webpage for the first time. Which statement accurately describes the roles of affordance and signifier in this interaction?
Show the answer
Answer: a · The hyperlink's ability to navigate to another page is its affordance, and its blue color and underline are signifiers.
The card defines an affordance as the potential action an object makes possible (like a hyperlink's ability to navigate), and a signifier as the perceivable cue that communicates this action (like the blue color and underline). Option D is incorrect because the card explicitly states that saying an element "has good affordance" is a common misconception and a category error.
Read the full bite: Affordances Are Actions, Signifiers Are Clues
Question 13 of 30
What is the primary long-term consequence of applying Cialdini's principles unethically?
Show the answer
Answer: d · It permanently damages trust and reputation, hindering future cooperation.
The card explicitly states that unethical use "will inevitably sour the relationship once the dishonesty is discovered" and "permanently damage the relationship and your reputation." While unethical use might achieve a short-term result, the card emphasizes that the primary long-term consequence is the damage to relationships and reputation, not just the unsustainability of the outcome.
Read the full bite: Cialdini's Principles: The Science of Persuasion
Question 14 of 30
According to the card, what is the fundamental reason the Hero's Journey effectively creates resonant stories?
Show the answer
Answer: a · It aligns with a deep-seated human psychological pattern of struggle and internal change.
The card states the Hero's Journey 'taps into that fundamental psychological pattern' of 'struggle and growth' and that 'the journey changes them internally,' making narratives 'meaningful and satisfying.' Option B is a tempting distractor, but the card explicitly clarifies that in business applications, 'The customer is the hero, not your company.'
Read the full bite: The Hero's Journey: A Blueprint for Compelling Stories
Question 15 of 30
According to Jakob's Law, when might a designer be justified in introducing a novel UI pattern that deviates from established conventions?
Show the answer
Answer: c · If the new pattern provides a demonstrably superior solution to a specific user problem, acknowledging the learning curve.
The card states that a new pattern is acceptable 'If you have a genuinely better way to solve a problem, you can introduce a new pattern, but be aware that it comes with a high learning cost for your users.' Option B is incorrect because Jakob's Law allows for innovation in visual design and branding, but cautions against reinventing fundamental interaction patterns for aesthetic reasons alone.
Read the full bite: Jakob's Law: Don't Reinvent the UI Wheel
Question 16 of 30
What is the primary mechanism by which a themeable design system allows a single component library to display multiple visual styles?
Show the answer
Answer: b · By defining abstract design tokens that components reference, which can be swapped to change aesthetics.
Theming achieves multiple visual styles by abstracting visual properties into design tokens. Components are built to reference these tokens, allowing their aesthetic to be swapped by simply changing the token values without altering the component's underlying code or structure. Option A is incorrect because theming aims to avoid duplicating code.
Read the full bite: Theming: One Design System, Many Visual Styles
Question 17 of 30
When designing a new online service, which practice best exemplifies the principle of Data Minimization?
Show the answer
Answer: b · Asking for only the information strictly necessary to provide the service's core functionality.
Data Minimization dictates collecting only the data strictly necessary for a specific, legitimate purpose, as described in option B. Option C violates this by collecting data 'just-in-case' for potential future use, which is explicitly warned against in the card.
Read the full bite: Data Minimization: Collect Only What You Need
Question 18 of 30
What is the primary advantage of adopting a systematic information security management system (ISMS) for research data?
Show the answer
Answer: a · It provides a continuous, structured approach to identify and mitigate data security risks.
The card emphasizes that an ISMS treats security as a "living system" and a "continuous process" for "systematically reducing" risks, making option A the core advantage. Option B is incorrect because the card explicitly states security is "not as a single tool like a firewall" and involves a holistic system of policies, procedures, and technical controls, not just technical tools.
Read the full bite: Securing Research Data with a Management System
Question 19 of 30
Which of the following text elements is generally exempt from the WCAG 4.5:1 contrast requirement?
Show the answer
Answer: d · A button label that is currently disabled
The card states that "incidental text, such as text on a disabled button," is exempt from the contrast requirement. Navigation links, body text, and normal-sized headlines (like 16px bold, which is not considered 'large text') are all intended to convey information and thus require a 4.5:1 contrast ratio.
Read the full bite: WCAG Color Contrast: The 4.5:1 Rule for Readability
Question 20 of 30
In the context of Vertical Rhythm, what is the foundational element used to derive the consistent spacing unit for a page layout?
Show the answer
Answer: b · The line height of the body text
The card explicitly states that the vertical rhythm system "is built from the body text's line height," which then forms the basis for calculating all other vertical spacing units. While other options relate to layout, they are not the foundational element for this specific system.
Read the full bite: Vertical Rhythm: A Formula for Consistent Spacing
Question 21 of 30
In clamp(MIN, PREFERRED, MAX), what determines the final computed value when PREFERRED falls outside the MIN and MAX range?
Show the answer
Answer: d · The MIN or MAX value is applied, acting as a boundary for PREFERRED.
The card explicitly states that if the PREFERRED value calculates to something smaller than MIN, MIN is used, and if it calculates to something larger than MAX, MAX is used. This means MIN and MAX serve as hard boundaries. Option A is a common misconception, as the value itself is changed, not just visually clipped.
Read the full bite: CSS clamp(): Fluid Sizing Without Media Queries
Question 22 of 30
What is a key risk to avoid when implementing audience segmentation?
Show the answer
Answer: d · Creating segments that are too small to be profitable or manageable.
The card explicitly states that a pitfall is "creating so many tiny segments that managing the custom messaging becomes impossible and unprofitable." This highlights the risk of over-segmentation. Option A describes the problem segmentation aims to solve, not a risk of its implementation.
Read the full bite: Audience Segmentation: Stop Shouting at Everyone
Question 23 of 30
According to the card, what is the fundamental difference between a color scheme and an arbitrary collection of colors?
Show the answer
Answer: a · A color scheme provides a systematic framework for color choices to achieve a specific goal.
The card defines a color scheme as a "logical combination of colors to achieve a goal" and a "framework for making deliberate, effective color choices that serve a specific purpose." While aesthetic harmony can be a goal, the core distinction is the systematic, purpose-driven nature, not just visual appeal.
Read the full bite: Color Schemes: The Logic of Color Harmony
Question 24 of 30
When is a user interview most effectively utilized in the product development process?
Show the answer
Answer: c · In the initial discovery phase to uncover user motivations and challenges.
User interviews are best used in the discovery or 'empathize' phase to understand the 'why' behind user actions and inform initial design. Option A describes a usability test, which is explicitly stated as a scenario when not to use interviews.
Read the full bite: User Interviews: Uncover Needs, Not Just Test Designs
Question 25 of 30
What is the primary objective of conducting keyword research before creating new web content?
Show the answer
Answer: d · To understand the specific questions and terms users employ when seeking information or solutions.
The card emphasizes that keyword research is about "reverse-engineering user demand" and "identifying the questions, problems, and needs your audience expresses through search terms." This directly aligns with understanding user queries and intent. Option B describes a common misconception where keyword research is seen as merely a way to stuff content, which the card explicitly refutes.
Read the full bite: Keyword Research: Find What Users Actually Search For
Question 26 of 30
Under WCAG AA guidelines, in which scenario is a 3:1 color contrast ratio considered sufficient?
Show the answer
Answer: a · For large-scale text or critical graphical components like icons.
The card states that large text (18pt+ or 14pt bold+) and important graphics (like icons and input borders) require a 3:1 ratio under WCAG AA. Text within a logo or brand name is explicitly exempt from contrast requirements, not subject to a 3:1 ratio.
Read the full bite: WCAG Color Contrast: A Readability Score, Not an Opinion
Question 27 of 30
Which characteristic primarily makes SVG ideal for logos and icons on responsive websites, unlike raster formats?
Show the answer
Answer: c · They maintain perfect sharpness and clarity regardless of display resolution or scaling.
The card states SVG is "resolution-independent" and "infinitely scalable," ensuring graphics are "always perfectly sharp, no matter the display size." This consistent visual quality across varying resolutions is the primary benefit for responsive design. While SVG can be manipulated and often has smaller file sizes, these are secondary to its core scalability advantage for logos and icons.
Read the full bite: SVG: Code-Based, Infinitely Scalable Graphics
Question 28 of 30
Which aspect best highlights the unique value of social listening compared to traditional market research methods?
Show the answer
Answer: c · Its capacity to uncover authentic, unsolicited customer opinions and trends.
Social listening's core advantage is capturing unsolicited, unfiltered customer opinions, offering a more authentic view of brand perception than direct surveys. While it involves monitoring mentions, its true power comes from analyzing the 'why' behind them, not just the count, and it is not a replacement for direct customer support or a source for statistically significant data.
Read the full bite: Social Listening: Tracking Unsolicited Customer Feedback
Question 29 of 30
According to the card, in which situation would formulating a formal research hypothesis be LEAST appropriate?
Show the answer
Answer: c · When performing exploratory research to identify unmet user needs.
The card states that a formal hypothesis is "less useful during early-stage, exploratory research" because the goal is discovery, not testing pre-formed assumptions. The other options describe evaluative research scenarios where a hypothesis is explicitly recommended for measuring impact.
Read the full bite: Research Hypothesis: A Testable Bet on Reality
Question 30 of 30
When designing a screener survey, why is it crucial to phrase questions neutrally, without revealing the desired participant profile?
Show the answer
Answer: a · To avoid biasing participants into providing answers they think the researcher wants to hear.
The card explicitly states that neutral questions prevent participants from guessing the 'right' answers, which could bias their responses. While conciseness is good, the primary reason for neutrality is to ensure authentic responses, not just efficiency.
Read the full bite: Screener Surveys: Your Filter for Valid User Research
Could you explain these out loud?
That is what an interview actually tests. Tezvyn gives you questions like these with what the interviewer is really checking, the answer that lands, and the mistake that ends the conversation, in the four minutes before your next meeting.
The iPhone app is on the way
We are building it. Until it lands, nothing here is held back from you: every interview card, your saved cards, streaks and the job board all work in Safari, plus hundreds of free practice quizzes of thirty questions each. Sign in and it all carries over to the app the day it arrives.
Want it as an icon? Tap Share at the bottom of Safari, then Add to Home Screen. It opens full screen and the cards you have read stay available offline.