Advanced concepts in Design & UX, page 6
Figma's Plugin API: Read and Write to the Canvas Tree
Think of a Figma file as a node tree. The Plugin API gives your JavaScript code read/write access to this tree to automate design tasks. Use it to batch-edit layers or generate content. The main footgun: files load dynamically, so you must use async APIs.
Building Custom Figma Widgets with the Widget API
Build interactive objects on the Figma canvas using a React-like API. The Widget API uses components, functions, and hooks to create tools like polls or timers. The footgun is forgetting useSyncedState, which breaks your widget in multiplayer sessions.
Localization Testing Validates Regional Adaptation
Localization testing verifies that regional adaptation accounts for differences in distinct markets. It validates the second phase of internationalization and localization, catching the assumption that translation alone is enough.
Experience Sampling: In-the-Moment User Reality
ESM captures in-the-moment states before memory distorts them. Use it when you need longitudinal data on behavior fluctuations, not just recalled summaries. The footgun is delay: even brief lag lets participants reconstruct instead of reporting experience.
GSR: Tracking Emotional Arousal Through Skin Conductivity
GSR reads unconscious arousal via skin conductivity you cannot control. UX teams use it to surface stress during usability tests users underreport. It measures intensity, not valence, so a spike alone cannot distinguish delight from frustration.
Content-First Design: Build the Page Around the Message
Content-first design means creating your interface around the actual text and media, not forcing content into a pre-made template. It prevents layouts from breaking when real data replaces placeholders.
Facial Expression Analysis in UX
Facial expression analysis captures subjective reactions during interaction for UX assessment. Researchers select it for targeted domains to uncover dynamic perceptions. The footgun is using it without matching the method to the study's constructs and context.
Conversational Design: Scripting a Dialogue, Not Just a UI
Think of conversational design as scripting a dialogue where the user is the main character. It's how voice assistants and chatbots create natural, two-way interactions.
Q-Methodology: Mapping Subjective Viewpoints
Q-methodology treats a person's viewpoint as the data. Clinicians track patient progress over time with it; researchers map how people think about a topic. The footgun is treating its findings as objective truth rather than captured subjectivity.
Information Scent: Guiding Users to Their Goal
Users hunt for information like animals forage for food, following a trail of cues. This applies to website navigation, headlines, and link text, where clear 'scents' guide users to their goal. The footgun is using vague labels that weaken the scent.
UX Copy Localization: More Than Just Translation
UX copy localization adapts UI text to a new market's cultural and linguistic norms, going beyond literal translation. It's critical for onboarding flows, error messages, and button labels.
Mental Models: Design for What Users Believe
A mental model is the user's internal story of how your UI works, based on past experiences, not your design spec. This is why users expect your site to work like others they've used. The footgun is assuming users share your expert model; they don't.
Theming with CSS data-* Attributes
Think of data- attributes as labels for UI state, like data-theme='dark'. CSS uses attribute selectors ([data-theme='dark']) to apply styles directly, avoiding complex class logic.
Heuristic Evaluation: An Expert UI Review on a Budget
Heuristic evaluation is like having an expert proofread your UI against a checklist of common usability flaws. It's a fast, cheap way to catch problems before writing code, but its value depends entirely on the evaluator's skill.
Card Sorting: Let Users Design Your Navigation
Card sorting reveals your users' mental models by having them group topics. Use this to design intuitive navigation menus and information architecture. The footgun is testing with internal teams instead of actual users or subject matter experts.
Executive-Level UX Research Communication
Executives fund outcomes, not observations. Frame research by business risk and revenue, not methods. This applies when you need budget or strategic alignment. The footgun is drowning leaders in process details that bury recommendations and stall action.
Cross-Study Synthesis: The Missing First Step
Research synthesis is the literature review academia requires but industry skips, forcing teams to rediscover what the organization already knows. Use it before primary research when entering new markets or distilling scattered knowledge.
Jetpack Compose Theming for Design Systems
Compose theming uses CompositionLocal to implicitly pass design tokens like colors and fonts down the UI tree. This is key for building a design system where you can swap themes (like light/dark) without rewriting components.
SwiftUI Theming with the Environment
Treat SwiftUI's Environment as a cascading style sheet for your app. You define design tokens like colors and fonts once at the top, and all child views automatically inherit them. This is key for building design systems or multi-brand apps.
Adaptive UI for Foldables: Thinking in Postures
An adaptive UI for foldables thinks in "postures," not just screen sizes, reacting to states like folded or tabletop mode. This is key for apps on devices like the Pixel Fold. The footgun is treating a foldable like a big tablet, ignoring its unique physical.
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