Easy interview questions in Design & UX, page 3
How would you instrument a CTA button and describe its event payload?
This tests basic event instrumentation and payload design. Mention a click listener, a gtag call with an event name, and parameters like button_text and page_path. A red flag is a bare event name with no parameters or mixing pageviews and clicks.
Usability vs A/B testing: when should engineers advocate for each?
Tests qualitative versus quantitative UX methods. Outline: usability observes why users struggle and finds bugs; A/B compares live variants to optimize conversions. Choose usability for unknown friction, A/B for known tweaks.
Steps to publish color and text styles to a Figma shared library
Open Publish in the right panel, select color and text styles, add a version note, publish; teammates enable the library.
Describe heuristic evaluation and two heuristics that guide UI components
Tests if you bridge UX research and frontend decisions. Define heuristic evaluation as expert review against rules of thumb, cite two NN/G heuristics, and map each to a concrete component behavior. Red flag: listing heuristics without code impact.
What user struggles indicate code bugs versus design flaws?
This tests triage judgment in usability testing. Bug signals: crashes, broken interactions, data loss. Design flaws: confused navigation, ignored elements, excessive effort. Red flag: blaming users or labeling every issue a UI problem without checking logs.
What is the accessibility problem with color-only status and two fixes?
This tests WCAG 1.4.1 Use of Color: red-green status is invisible to many colorblind users. A strong answer names two non-color cues like icons or text labels. A red flag is claiming high contrast alone fixes the problem without a secondary visual indicator.
Minimum WCAG AA contrast for normal vs large text and Figma checks
This tests WCAG AA contrast thresholds and Figma operationalization. A strong answer states 4.5:1 for normal text and 3:1 for large text, then describes using Figma's native contrast panel or Stark to audit color pairs.
Managing keyboard focus in an accessible Modal
Move focus in on open, trap Tab inside, close on Escape, restore focus to the trigger on close.
Enforcing WCAG color contrast programmatically
Pre-validate token pairs, expose only safe semantic combos, lint and test contrast in CI.
Build a dynamic table of contents from article h2 tags
Query h2s with querySelectorAll, assign ids, map to anchor links, append a nav list.
How do you dynamically populate Open Graph and Twitter Card meta tags?
This tests server-side meta injection from article data. A strong answer covers the four required og properties, Twitter Card name-attribute equivalents, and structured image metadata like width, height, alt.
Walk me through inspecting a component's styling in Figma Dev Mode
Press Shift+D; find the ready-for-dev frame in the left sidebar; click to center it; inspect colors, typography, and spacing.
How do you export and optimize a Figma SVG for web?
This tests your design-to-code workflow. A strong answer covers: selecting the vector layer, adding an SVG export in the right sidebar, and running the output through SVGO to strip metadata and flatten transforms.
Walk me through your next steps after five user interviews
Extract observations onto sticky notes, cluster into themes as a team, then prioritize for next steps.
Core roles on a design system team
Name design, engineering, product/PM, and accessibility/docs roles with clear ownership.
Explain coding in qualitative analysis and your codebook process
Tests systematic tagging of observations/quotations to discover themes, not ad-hoc skimming. Strong answers mention uploading transcripts to software or affinity diagramming, and stress that themes emerge across multiple participants.
Process for adding a new component
Triage need, design and spec, build with a11y and tests, document, version, and release.
Technical differences: transactional email vs marketing newsletters
Transactional uses SMTP or API for fast alerts; marketing sends millions via segmented lists needing IP warm-up, spam checks, and unsubscribes.
How would you programmatically populate an HTML email template?
Pick a template engine, bind the user object as context, render HTML, and send via a mailer.
Contributor workflow from proposal to merge
Proposal or RFC, design and core alignment, branch and build with tests and docs, review, then merge and release.
We are hiring for this. Every open role lists the topics its interview covers, so you can prepare for the real thing rather than guessing.
See open roles