20 practical guides
UX and UI Design Guides
Learn how to frame design questions, gather and interpret evidence, specify complete interface behavior, evaluate accessibility criteria, and maintain shared design systems.
Built for designers, researchers, writers, and product teams who need concrete methods, reusable working artifacts, and careful factual limits.
Plan a usability test
Define the decision, participants, tasks, evidence, logistics, and analysis needed for a focused usability test.
Write usability tasks
Create realistic task scenarios that establish a goal and context without revealing controls, paths, or expected answers.
Prioritize research findings
Trace observations into findings, compare customer consequence and evidence, and make explicit design priority decisions.
Create a journey map
Map one person's goal across stages, actions, touchpoints, questions, evidence, and opportunities without inventing a universal journey.
Design information architecture
Organize, label, and connect digital content around user goals, content evidence, and tested retrieval paths.
Run a card sort
Choose an open or closed card sort, prepare representative cards, facilitate consistently, and interpret patterns without treating them as a finished architecture.
Build a useful wireframe
Match wireframe content, states, flow, and fidelity to the design uncertainty instead of polishing assumptions.
Design safer forms
Structure questions, labels, input support, validation, and recovery around the person's goal and the consequence of mistakes.
Write interface microcopy
Write labels, instructions, actions, confirmations, and errors that help people understand consequences and continue.
Design system states
Distinguish system conditions, preserve context, communicate progress, and provide safe next actions across non-ideal states.
Build an accessible color system
Define semantic color roles, contrast-tested combinations, non-color cues, and review practices without treating a palette as conformance.
Design keyboard access
Specify native interaction, logical focus order, visible focus, complete operation, and recovery for keyboard users.
Design for screen readers
Specify semantic structure, names, relationships, reading order, status, and focus behavior for nonvisual interaction.
Create responsive Figma layouts
Model reflow, resizing, content growth, and component behavior across meaningful container conditions in Figma.
Maintain design tokens
Create semantic design decisions that map across platforms, themes, components, documentation, and controlled change.
Design a component library
Define component purpose, anatomy, behavior, states, content, accessibility, APIs, and contribution governance.
Run a design critique
Structure critique around goals, maturity, evidence, constraints, observations, questions, and owned next decisions.
Measure task success and time
Define tasks, completion, errors, assistance, timing, segments, and interpretation before comparing usability evidence.
Design dense dashboards
Organize measures, comparisons, filters, tables, status, and detail around recurring operational decisions.
Prepare a UX case study
Select a relevant project and explain context, contribution, decisions, evidence, tradeoffs, outcomes, and reflection truthfully.