Interview questions in Design & UX, page 6
Designing a Modal with controlled open state
Parent owns isOpen and onClose, portal renders content with focus trap, children for static content, render prop when content needs modal state.
Describe a workflow to automate a 50-person diary study
Tests operational UX research automation and API integration. A strong answer maps a pipeline of calendar APIs, email triggers, and reminder bots with no-show fallbacks. Red flag: manual spreadsheets or survey tools lacking scheduling logic.
How do Hug, Fill, and Fixed resizing behaviors interact?
This tests constraint-based size propagation. Define Hug as shrink-wrapping, Fill as stretching to the parent, and Fixed as explicit; note a Hug parent expands for Fixed or Hug children, but Fill needs a defined parent size.
Architect a large-scale real-time recommendation system with data pipelines
Tests multi-stage ML serving under 200ms latency. Strong answers use a funnel: two-tower embeddings with ANN retrieval, ranking, and guardrails, plus separate batch and real-time pipelines. Red flag: scoring the full catalog per request without approximation.
Profile card with nested Auto Layout sizing
Outer vertical frame set to fixed width and hug height, an inner horizontal frame for avatar and name, and a bio text set to fill width and auto-height so the card grows down.
Decoupling Form state from its Field components
Form holds values, errors, and status in context, Fields self-register and read/write via a hook, validation composes per field.
Propose a strategy for finding and vetting low-incidence participants
This tests sourcing creativity and screening rigor for rare populations. A strong answer proposes niche outreach, snowball referrals, behavioral screeners, and anti-fraud checks. A red flag is simply boosting spend on generic panels or relying on coworkers.
Design a system to automate the content lifecycle
This tests time-based state modeling and scheduler choice at scale. A strong answer names a workflow engine or cron-plus-queue, separates analytics ingestion, and requires idempotency. Red flag: a single cron script with no backpressure or failure handling.
The slots pattern for a PageLayout component
Slots are named insertion points so a layout owns structure while consumers fill header, sidebar, and main, via named props or compound subcomponents.
Outline a technical roadmap for an internal research participant panel
Tests systems design for research ops. Strong answers: CRM-synced opt-in, canonical data model with eligibility rules, communication orchestration, and incentive automation.
When would you use absolute position in an Auto Layout frame?
Absolute position lets badges float without pushing siblings; standard flow stacks sequentially and prevents overlap.
Differentiate informational, navigational, and transactional intent and classify keywords programmatically
Define three intents by user goal; regex-match modifiers like what/how vs buy/near; check SERP features.
Architecting a composable DataTable API
Separate a headless data/state core from rendering, use a column-definition config with custom cell renderers, expose composition over dozens of flags.
Design a system integrating analytics data with participant recruiting
Tests system design for behavioral targeting in research ops. A strong answer covers: a warehouse-to-tool pipeline; consent and privacy gates; behavioral SQL segmentation; and frequency capping. Red flag: skipping GDPR and consent to focus only on data joins.
How would you configure a wrapping filter tag container and its properties?
This tests horizontal wrap vs grid and tuning container and child resizing. Set the container to horizontal auto layout with wrap, adjust spacing and padding, and set tags to hug contents. Red flag: confusing wrap with grid or suggesting manual breaks.
What critical on-page SEO elements would you extract from HTML?
Tests if you know which HTML elements search engines use to index pages. Strong answer: title tag, H1, and meta description shape search results and topical relevance. Red flag: claiming meta descriptions directly affect rankings or conflating H1 with title.
Designing a multi-step wizard form pattern
A wizard controller owns step index and shared data, each step validates itself and reports up, accumulated data persists across steps.
Explain TF-IDF and its use in SEO analysis
Term frequency times inverse document frequency surfaces distinctive terms; comparing a draft to top-ranking pages reveals missing topical terms.
Design a centralized participant management system to prevent over-contacting
Tests ResearchOps governance at scale. Strong answers define unified data tracking contact history, consent, and segments; enforce hard frequency caps and cooling-off windows; and build automated guardrails. Red flag: siloed spreadsheets or soft guidelines.
Structure a responsive nav bar using variants and Auto Layout
One component set with desktop/mobile variants; horizontal Auto Layout with wrap for links, then hamburger and vertical overlay.
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