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 / AI Products and Assisted Design

AI-Assisted UX · Define & Insight Phase (Prompts and Workflows for Extracting Insights with AI, User Research Visualization, Chart Selection, Eye-Tracking Interpretation, and Solution Scoring)

Will's engineering handbook for the Define & Insight phase of the "AI-Assisted UX Workflow": turning a pile of interviews/data into "design-guiding insights" and communicating them clearly. It covers 6 tasks that can be outsourced to AI — ① Batch extracting insights from user research interview transcripts (framework of pain points + mental models + edge cases + success criteria, with quantifiable citations) ② Generating "insight cards" from a single core question ③ Automatically selecting charts for user research reports + outputting ECharts/HTML code (judgment logic of <3 seconds to read the chart, one conclusion per chart) ④ PM/UX quick reference for selecting among 80 chart types (grouped into 6 families: comparison/correlation/part-to-whole/time/distribution/geography) ⑤ Running AI eye-tracking heatmaps on uploaded UI screenshots (four scanning patterns: F-pattern/spotted/layer-cake/commitment) ⑥ 6-dimension expert review scoring for multiple UI solutions (primary/secondary/edge users + business + accessibility + scalability, final score = starting score − deductions). It also includes "3 criteria for strong insights + causal sentence templates", the "sample → behavior → commonality → insight" reporting structure, and how data and user research divide work across 4 project types: growth/fix/validation/exploration. It complements google-ux-research: that piece covers the manual craft of interviews/usability testing/affinity diagrams, while this piece covers the prompts and judgment rules for accelerating the same set of work with AI. The target readers are PMs building AI products, and each section comes with a Why explanation + reusable prompt skeletons.

AI-Assisted ResearchUser insightsData VisualizationEnglish edition
Product Design & UX / NNGroup User Experience

NNGroup Visual Reference Gallery Index (Chart 80 + UX Research Visualization Examples)

Index pointers to two pure image asset libraries under NNGroup Topics. Chart 80 = 83 chart design examples (for selecting chart types / data visualization reference). UX Research Visualization = 178 UX research outcome visualization examples (journey maps / empathy maps / affinity diagrams / research report layouts, etc.) + 3 PDF + 1 pptx + 1 xlsx templates. These two folders contain no text notes; they are "copy-ready" visual references collected by Will, intended for viewing images only. This wiki does not reproduce the images (the image volume is large, so they are excluded via gitignore and kept locally); it only records what they are, where they are in sources, and when to refer to them. For supporting chart selection / data visualization methodology, see [[nngroup-patterns-feedback-dialogs]] (selecting chart types) and [[nngroup-visual-design-principles]].

Data VisualizationUX ResearchChart designEnglish edition
Indie Building / Xiaohongshu Vibe Coding

Xiaohongshu / Data + History + Culture Visualization Project Collection

24 data visualization works by a Xiaohongshu vibecoding creator. **An independent developer's project matrix**: World Animation Map + World Mythology Map + Bringing British Museum Artifacts Home + 360° Panoramic Time-Travel History Game + Star Map of Ten Thousand Films + Beginner-Friendly K-Line Chart (Event-Driven AI Analysis) + Movies Take Me Traveling + Traveling with Poetry / Books / Movies / Music / Sci-Fi (portfolio of the creator of the MIT Road series). **Turning world knowledge into a knowledge graph with vibecoding**

Data VisualizationInteraction ProjectsKnowledge productsEnglish edition