Interview questions in Design & UX, page 9
Syncing design tokens from Figma to code
Export Figma variables to a token spec, transform with Style Dictionary into platform outputs, automate via CI.
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.
How do you migrate a breaking change in a mature design system?
This tests organizational change management at scale, not just code changes. A strong answer covers SemVer major versioning, beta testing with key consumers, phased deprecation timelines, and automated file audits.
Explain a conversion pixel, click-to-signup flow, and failure points
Tests cross-session attribution state. Strong answers trace the GCLID from URL parameter to cookie or local storage, then to the conversion tag, plus list failure modes like ITP, ad blockers, and race conditions.
Diagnose and validate a failing usability task
Pinpoint the failure step from session and telemetry data, form a root-cause hypothesis, ship a targeted fix, and re-test to validate.
Building a visual regression testing pipeline
Snapshot Storybook stories per PR, freeze nondeterminism, set diff thresholds, manage baselines via approvals.
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.
How would you track multiple CTAs to the same conversion goal?
Tests granular event attribution beyond aggregate counts. A strong answer uses unique data attributes per CTA, routes clicks through GTM into GA4 events, and ties them to the conversion. Red flag: relying only on destination URLs, which fails if paths match.
Minimizing library bundle-size impact on consumers
Track size in CI with size-limit, support granular imports, externalize peers, lazy-load heavy parts, audit with bundle analyzers.
How could you adapt usability testing principles to evaluate two API designs?
Tests holistic API UX beyond static syntax. Strong answers propose observing developers in realistic IDE and doc contexts, noting errors and confusion across both designs.
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.
Architect a real-time multi-armed bandit and compare trade-offs to A/B testing
Sketch a fast arm router, streaming feedback, and model updates; contrast MAB regret minimization with A/B's unbiased estimates.
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.
What usability metrics would you instrument, and how do regressions drive priorities?
Tests operationalizing UX into engineering signals. Strong answers list success rate, time on task, and error rate; triage regressions by criticality; and pair quant drops with qual diagnosis. Red flag: calling every regression P0 or using vanity metrics.
Design the keyboard interaction flow for a modal dialog
Your grasp of accessible focus management per WAI-ARIA dialog patterns. Cover initial focus rules, Tab trapping inside the modal, Escape to close, and restoring focus to the trigger on exit.
Caching and performance challenges in SSR with personalized copy
Segment-level cache keys, short TTLs with stale-while-revalidate, and edge personalization to protect origin.
Designing and documenting focus order in Figma
Focus order is the sequence keyboard and screen-reader users traverse interactive elements; it should follow meaning and reading order, documented in Figma via layer order, numbered annotations…
Enforcing WCAG color contrast programmatically
Pre-validate token pairs, expose only safe semantic combos, lint and test contrast in CI.
How would you triage 50+ UX issues against new features in agile?
Matrix the 50 issues by severity and effort; reserve 15-20% sprint capacity for debt; socialize compound cost.
Design a centralized Copy Service with versioning, segmentation, and experiments
This tests separation of editorial workflow from runtime delivery. A strong answer covers immutable versioned records, a resolution API evaluating segmentation rules, and delegating experiment bucketing externally.
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