Skip to main content

Interactive learning experience

Continue on a larger screen.

The UX/UI Field Guide uses interactive canvases that need more room. Open this page on a tablet, laptop, or desktop to explore it fully.

A practical UX/UI reference

Understand every decision, not just every step.

Choose a phase, open a method, and work through a realistic example.

Choose a UX/UI design phase

Test creates evidence → return to Define, Ideate, or Prototype → test again
Empathize

Learn from people in context before deciding what they need.

Phase objectiveUnderstand how remote workers stay connected and feel supported.

Empathize · Learn

Research planning

Build enough context to ask useful questions without locking onto a solution.

Start here

Use research planning when you need to align the team on what is known, assumed, and still uncertain.

Purpose

Align the team on what is known, assumed, and still uncertain.

Use it when

At discovery start or whenever the problem space changes.

Watch out

Desk research informs fieldwork; it does not replace speaking with people.

Example research participant Maya Chen
Research participant

Maya Chen

Distributed product designer · 3 years remote

  • Context: home office
  • Goal: feel connected
  • Constraint: fragmented channels

Evidence lens

How to run it
  1. 1Set the decision
  2. 2Review existing evidence
  3. 3Map assumptions
  4. 4Plan recruitment
What you create
  • Research brief
  • Assumption map
  • Discussion guide

Verified foundations

Learn from the original guidance.

This field guide synthesizes established teaching and standards. Methods overlap phases; choose them according to the question, evidence, risk, and product maturity.

GoogleGoogle UX Design Certificate

Five-phase foundation, personas, journeys, wireframes, prototypes, research, and iteration.

Open source Stanford d.schoolDesign Thinking Bootleg

Evolving method cards across Empathize, Define, Ideate, Prototype, and Test.

Open source Nielsen Norman GroupUX Research Methods

Behavioral, attitudinal, qualitative, quantitative, contextual, and evaluative method selection.

Open source Nielsen Norman Group10 Usability Heuristics

Broad interaction-design principles for evaluation and iteration.

Open source GOV.UKUser Research Service Manual

Continuous, inclusive research planning, consent, analysis, privacy, and delivery guidance.

Open source Design CouncilFramework for Innovation

Divergent and convergent thinking through Discover, Define, Develop, and Deliver.

Open source W3C WAIAccessible UX

Combine standards evaluation with involvement of disabled users throughout design.

Open source ISOISO 9241-210:2019

Human-centred design principles and activities across the interactive-system lifecycle.

Open source