KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

This index lists complete English editions. Additional Chinese notes and bilingual updates remain available in the Chinese index.

350knowledge notes
Product Design & UX / NNGroup User Experience

NNGroup Design Process and Deliverables (17 articles · Discovery Mindset/CSD Matrix/Project Kickoff · Wireframes and Collaborative Sketching/Promptframes · Low-Fidelity vs. High-Fidelity Prototypes · Design Specs/50+ Deliverable Terminology/Most Commonly Used Deliverables · Expert Review/Workshop Facilitation · Storyboards · In-Process Surveys)

17 curated articles from Nielsen Norman Group’s “Organization and Design Process” collection, covering “what actions you take and what you produce during the design process.” Five major themes: ① Discovery Phase — Discovery Mindset (focus on problems rather than solutions, counter Anchoring effect + Confirmation Bias, 3 tactics: Reframe the Goal/Highlight Unknowns and Assumptions/Icebox Favorite Ideas), 7 tips for successful discovery (secure buy-in first/clarify roles and norms/write a problem statement that does not imply solutions/cluster and vote on unknown priorities/timebox to counter planning fallacy, 7-week sample plan: weeks 1–2 framing + weeks 2–4 research + weeks 3–5 analysis + weeks 6–7 opportunities and ideation/all team members participate in research/collaborative analysis and synthesis with How-Might-We), CSD Matrix (Certainties “We know”/Suppositions “We believe” testable/Doubts to be researched, rows grouped by user·business·technology·people·process·status·priority, goal = convert doubts and suppositions into certainties), 4 steps to kick off a new UX project (enter kickoff with a question list/expose information gaps through verbal discussion/schedule based on gaps/pave the way for the future, adapted for Agile + Waterfall); ② Wireframes and Collaborative Sketching — 4 steps to draw wireframes (set aspect ratio 1024x768/1920x1080·navigation and search·largest elements: headings in thick lines, body text in thin lines, images marked with crosses·details: dropdowns, radio buttons, buttons), magic formula to get stakeholders to sketch (thick Sharpie markers + small 8-grid paper + time limit of 5 minutes per sketch + intentionally ugly examples = relaxed sketchers), Promptframes (wireframes + generative AI prompts, replacing lorem ipsum placeholder text, 6 steps: define context, role, organization, goal, tone + write recording prompts + run + collaborate to test and optimize + iterate + manual refinement, 2–3 variants, for internal use only, not for senior leadership); ③ Prototype Fidelity — 7 decision questions for low-fidelity vs. high-fidelity, clickable vs. static prototypes (can all responses be predefined/can it be trialed multiple times/can all issues be fixed/is the design stable/is someone acting as the computer/is page flow the focus/do dynamic changes need to be observed), why test prototypes (save cost/avoid risk/iterate); ④ Design Specs and Deliverables — Dual design spec package (Figma design file: interaction flows·visuals·layout grids·components·real content·accessibility tab order and alt text; Linear development task ticket: goal·scope including inclusions and exclusions·assumptions·success metrics·Figma link·notes) + 4 tips for alignment with developers (invite developers early/leave time for comments/prepare tradeoffs/record and sync updates), 50+ deliverable glossary terms (affinity diagram/antipersona/archetype/CSD matrix/empathy map/experience map/Kano model/MoSCoW/RICE/RACI/service blueprint/persona including proto/qualitative/statistical/prototype/paper prototype/promptframe/sketch test...), most commonly used deliverables (survey of 86 practitioners: static wireframes/interactive prototypes 67%/flowcharts/site maps/usability reports; select by audience: management views interactive prototypes + usability reports + journey maps·clients view interactive prototypes 67% + high-fidelity mockups 47% + competitive analysis 34%·developers view interactive prototypes 63% + flowcharts 55% + style guides 51%); ⑤ Expert Review/Workshops/Storyboards/Surveys — Expert Review (three types: heuristic evaluation/independent design critique/expert review, external perspective is more objective + uncovers blind spots, 5 components: strengths list·issues list·severity high/medium/low·improvement suggestions·best practices, complementary to usability testing, conduct regular reviews every 2–5 years), Workshop Facilitation (4 goals: full and equal participation Diverge-Converge/promote mutual understanding/inclusive collaborative decision-making/shared responsibility, 6 principles: listen·inclusive space·welcome improvisation·authentic and transparent·do not give advice·embrace constructive conflict, toolkit = materials + activities post-up/affinity diagram/forced ranking/role-play/Playback + techniques silence/balancing/connecting), Storyboard (three elements: scenario + visuals + captions, differences from journey maps, 6 steps, low-fidelity sticky notes can be rearranged), In-Process Surveys (4 stages of the design cycle: discover/explore/test/listen, corresponding types for each stage: discovery phase qualitative surveys + stakeholder surveys + diary studies/exploration phase statistical persona surveys + competitor customer surveys/testing phase post-task SEQ single ease question + post-test SUS System Usability Scale 10 items/listening phase NPS 0–10·CSAT 1–5·CES, counterexample = mistakenly thinking surveys are fast and simple). Audience = non-technical product managers, terms explained in-line, decision-oriented (when to use/how to choose/counterexamples), all numbers retained.

Design processPrototype designDesign deliveryEnglish edition
Product Design & UX / AI Products and Assisted Design

Will's AI-Assisted UX Workflow Overview (Full A-Discover→F-Deliver Phase Skeleton + Navigation for 12 Sister Wiki Pages)

An "AI-empowered UX workflow path" that strings the full process from "problem discovery to delivery and presentation" into a reusable thinking framework. The main thread runs A-Discover & Research → B-Define & Insight → C-Ideate → D-Experience Design → (E-Validate) → F-Deliver; for each phase, it first lays out "what to do" and then matches it with "how to do it with AI". This article is the entry/table of contents page for the will-ai-note series: it explains the core mindset of the full workflow (why phases are divided this way, what role AI plays in each phase), and provides navigation to each phase's wiki + tool-focused wiki pages, as well as its relationship to the google-ux craft series on "how to do UX" — this series is about "doing UX with AI".

AI-Assisted UXDesign processWorkflowsEnglish edition