Easy everything in Design & UX, page 4
Insight Wall: Synthesize Mixed Research Data
An insight wall clusters mixed research data so teams spot patterns interviews alone hide. Use it when notes, analytics, and stakeholder input must become design decisions. Teams often collect data but skip synthesis, so insights never form.
Topline Report: The Research Snapshot
A topline report is the snapshot of a study: goals, key learnings, and context in one doc. Teams use it to align stakeholders days after research, sometimes before full analysis. Never skip the disclaimer or stakeholders will treat impressions as final.
Correlation Does Not Mean Causation
Two metrics moving together does not mean one drives the other. In UX research, a spike in clicks after a redesign does not prove the redesign caused it. The footgun is treating every coincidence as proof your change worked.
Normal Distribution: Two Parameters, One Bell Curve
A normal distribution is a bell curve for real-valued variables, defined by mean and standard deviation. Use it when values cluster around a center. The footgun is forcing normality on skewed or bounded data, which corrupts the probability density.
Stevens' Four Levels of Measurement
Data is not just numbers; Stevens' levels classify the nature of information each variable holds. In UX research, this determines whether you can average feedback or only count it. Treating every rating scale as a ratio number wrecks your analysis.
AEIOU: Five Buckets for Field Notes
AEIOU sorts notes into five buckets—Activities, Environments, Interactions, Objects, Users—so patterns emerge from chaos. Use it during field studies to categorize raw data. The footgun is treating its categories as rigid rules not editable heuristics.
Shopify's 0% to 100% Fix: Design Dialects Over Rigidity
Shopify Polaris hit 0% completion for gloved warehouse pickers until a dialect with 90px targets and dark UI hit 100%, cutting onboarding from three weeks to one shift. Atlassian formalized this into a three-tier Flexibility Framework. Rigid systems break.
Vienna Circle Café Culture Holds Web Civility Lessons
Vienna Circle's 1928-34 meetings kept Gödel and Wittgenstein productive despite vicious feuds. Leader Moritz Schlick and lingering-friendly cafés turned conflict into collaboration.
8 Free Personas Spot Accessibility Issues in Design
8 free accessibility personas shift designer burden from memorizing WCAG to recognizing exclusion during work. Applying Nielsen's heuristic #6 to creators means fewer bad websites from good designers. Add them to your design critiques this sprint.
What's the functional difference between wireframes, mockups, and prototypes? Describe a scenario.
This tests whether you distinguish structure, visuals, and interactivity. A strong answer defines each by fidelity and function, then names a lifecycle stage like using wireframes in discovery to align scope before visual design.
How would you use Auto Layout to build a responsive card?
Tests Figma Auto Layout direction, padding, and resizing rules. Answer: stack header, image, and text vertically with a fixed gap; set text to fill width and hug height; wrap in a scaling frame. Red flag: absolute positioning instead of structured Auto Layout.
Why use button variants instead of separate components per state?
Tests Figma component set organization and scalability. Strong answers cite flexible property mixing, reduced combinatorial bloat, and cleaner dev handoff. Red flag: saying only "it's cleaner" without naming navigability or system integrity.
Create a counter where clicking '+' increases the number by one
Tests Figma number variables and Set variable action. Use a number variable on the text, then add an On click trigger on the plus button with Set variable and an expression to add one. Red flag: using duplicate frames instead of a single dynamic variable.
How do you restore one component from Figma version history?
Tests whether you know version history is file-level. Answer: open the file name menu, show version history, find the ~1h autosave, duplicate it to a new file, copy the component, paste back. Red flag: restoring the entire old version and losing later work.
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 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.
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.
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.
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.
Make a Figma button navigate from Frame A to Frame B
Tests hands-on Figma prototype workflow. Good answer: enter Prototype mode, select the Login button, drag the interaction noodle to Frame B, set trigger to On Click and action to Navigate To.
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