KNOWLEDGE NOTES

知识整理

按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。

350份知识文档
产品设计与用户体验 / NNGroup 用户体验

NNGroup UX 研究方法选型(23 法速查/四象限定位/按问题-阶段-预算选/定性探索·定量验证·专家评估·IA·行为分析五大族)

Nielsen Norman Group '研究方法'专题 23 篇,定位为一本'选型手册'而非教科书——回答'我现在这个问题该用哪个方法'。先用 NNGroup 四象限(态度说 vs 行为做 × 定性为什么 vs 定量多严重)给每个方法定位,再给 按问题类型 / 按项目阶段 / 按预算 三套决策表。23 法分五族:① 定性探索(用户访谈·焦点小组·田野研究 Field Study·日记研究 Diary·任务分析 Task Analysis)② 定量行为(Analytics·转化漏斗 Funnel·用户路径 Sankey·眼动 Eyetracking)③ 实验对照(A/B·多变量 MVT)④ 专家评估免真用户(启发式评估·认知走查)⑤ 信息架构 IA(卡片分类 Card Sorting·树测试 Tree Testing)⑥ 评估与综合(可用性测试·根因分析 RCA·Kano·服务蓝图·旅程地图·视觉设计测试·反应卡情绪词)。每族给'何时用/怎么选/反例'。重点讲与定性 wiki 不重叠的:方法两两搭配链(卡片分类→树测试→可用性、访谈→日记→回访、漏斗→路径→会话回放→RCA)、定量四法分工、A/B vs MVT 的路径依赖陷阱、Kano 五分类与 Better/Worse 系数、卡片分类样本量 15 人 r=0.90。与 nngroup-qualitative-research 重叠约 35%(访谈/焦点小组/可用性/专家评估深讲在那边),本篇只给指针并补该篇没有的 13 个方法。

UX 研究方法方法选型项目规划完整中英
产品设计与用户体验 / NNGroup 用户体验

NNGroup UX 原则 / 金句 19 条(You Are Not the User / Keep It Simple / Less Is More / Why Beats What / It Depends … 按 5 大主题成簇 + 心法/反例)

Nielsen Norman Group 19 条 UX 口号(UX Slogans)精华,把数十年沉淀的可用性常识压成一句句能贴在工位上的金句。按 5 大主题成簇:①别用自己当用户——You Are Not the User 你不是用户 / Design for Them, Not for You 为用户设计而非为自己 / UX Is People 用户体验即人 / Users Aren't Lazy, They're Efficient 用户不是懒是高效。②少即是多(克制)——Keep It Simple 保持简单(防功能膨胀 Featuritis)/ Less Is More 少即是多(聚焦核心任务设价值门槛)/ More Choices, More Trouble 选择越多麻烦越多(选择过载)/ Make It Easy 让它变得容易(主动迭代而非被动克制,与 Keep It Simple 的 keep vs make 对比)。③沟通即设计——Communication, Not Decoration 沟通而非装饰 / You Can't Impose Joy 不能强加快乐(启动页/动画反例)/ Brevity is Brilliance 简洁即智慧(网络文案砍一半)/ This Is Too Easy to Understand, Said No One Ever 没人嫌太好懂(专家也偏好简明)/ Clarify, Don't Mystify 清晰而非神秘(信息气味 Information Scent·反标题党)。④先理解问题——Why Beats What 为什么胜过是什么(Think-Aloud 找根因)/ Stop Solutioneering 停止解决方案先行(先列未知再研究)。⑤用证据代替猜测——If You're Not Checking, You're Guessing 不验证就是猜(论坛实证 100% vs 25%)/ Show Me the Data 给我看数据(定量 A/B + 定性访谈)/ UX Researchers, We Like to Watch 我们爱观察(行为胜过自我报告·Margaret Mead/笛卡尔)/ It Depends 视情况而定(最佳实践 vs 情境的光谱)。读者=产品经理,术语行内解释,每簇带 Why + 反例。

UX 原则简化设计设计决策完整中英
AI 技术与工程 / 跨来源主题整理

Prompt / Context Engineering(跨作者主题综合)

4 视角的 Prompt 工程融合。newtype 老黄(186 帖 + 4 个生产级模板 + 5 元素任务拆解 + Thinking-Claude 表演思考 + Ultra think 三档 + Karpathy Context Engineering)/ 王凯(PUA Claude 6000+ 字 + AI 当尺子量化 + 风险打分提示词 + 决策拷问 SOP)/ 老 D(三层提示词架构:元/系统/用户 + Markdown 仿写 SOP + 模仿博主 4 步)/ Anthropic 内部(Cal Rueb CLAUDE.md 反 pattern)。覆盖"Prompt 工程要不要学"反共识、Skill 化是终态、Prompt 调度 Prompt、Sequential Thinking 调度

AI 工程Agent 工作流模型与评测完整中英
AI 技术与工程 / 跨来源主题整理

RAG / 知识库工程(跨作者主题综合)

5 视角的 RAG + 知识库工程融合。newtype 老黄(5 代架构演化 AnythingLLM→Cursor+Obsidian→Claude Code AI OS→newtype OS→wiki.newtype.pro / RAG 优化 5 关键点 / Milvus+MCP 数据库模型分离 / 自己→Obsidian 别人→NotebookLM 终态)/ LLM 面试技术派(14 份专题:R/A/G 三模块 + PDF 解析 + 表格识别 + 文本分块 + HYDE + 负难样本 + RAG-Fusion + GraphRAG)/ 老 D 反直觉教学("RAG 不是模型变强,是提示词被自动加强")/ 王凯(Agentic Search 强过 RAG + 自建数据 MCP)/ Cal Rueb(Anthropic 不用 RAG MCP)。覆盖 RAG vs Long Context vs NotebookLM 三向选择、GraphRAG 经济性、知识库哲学

AI 工程Agent 工作流模型与评测完整中英
产品设计与用户体验 / 其他产品、设计与学习资料

Refactoring UI 给非设计师的 UI 实战手册(层级·留白与间距·配色系统·字体排印·深度与阴影·图片处理·收尾打磨·实战拆解)

Adam Wathan & Steve Schoger《Refactoring UI》全套笔记精华(50+ 条可照做的小技巧)。核心立场:好看的 UI 不靠艺术天赋,靠一套能背下来的具体规则——把'凭感觉'换成'查清单'。八章主线:①开局心法(从功能而非布局起步·黑白灰先行·限定选项·提前定系统,把每个反复纠结的细节变成规则)。②视觉层级 Visual Hierarchy(让重要的跳出来:不只靠字号,靠字重+颜色 3 档;次要内容靠'弱化'而非'强调';能不用标签就不用;按钮按主/次/辅 3 级分,危险操作不必又大又红;视觉层级 ≠ HTML 文档层级)。③留白与间距(从过多留白开始往回删·至少差 25% 的间距/尺寸阶梯·组间距 > 组内距防歧义·网格被高估固定宽度常更好·别按比例缩放·不必填满屏幕)。④配色(用 HSL 不用 hex·一套要 8-10 档灰+1-2 主色×9 阶+语义辅助色·预先定色阶 100-900·灰可带冷暖·调亮调暗同时提饱和·靠转色相提亮防发灰·WCAG 4.5:1/3:1 对比+换深浅方向防过艳·不能只靠颜色要配图标/箭头)。⑤字体排印(type scale 手挑不用公式·行长 45-75 字符·行高随宽度和字号反向变·基线对齐不居中·长文左对齐·链接不必都上色·全大写要加字间距·用 px/rem 不用 em)。⑥深度(光从上方来→凸起上亮下阴/凹陷上阴·阴影分大柔+小锐两层·5 档阴影表高度·扁平也能用明暗+实色阴影+元素重叠造深度)。⑦图片(用好照片别凑合·背景图配遮罩/发光保证文字对比·别放大小图标别缩小截图·用户上传图固定显示框+cover)。⑧收尾(少用边框改用阴影/底色/间距·彩色顶边框一招提质感·美化背景·重视空状态·跳出组件惯例)。外加 3 个 before/after 实战拆解(内容页/复杂表单/数据面板)。读者=做原型的 PM,术语行内解释,每条带 Why + do/don't,数值全保留。

UI设计视觉层级设计系统完整中英
商业与创业 / 跨来源主题整理

ROI / 决策评估系统(跨作者主题综合)

3 视角的 ROI 决策系统融合。yitang Truman ROI 完整体系(5 课系列认知/宽度/深度/高度/落地训练 + 列推建查 4 字诀 + X 型 vs Y 型 + ROI 三角形 + 13000+ 学员作业)/ 王凯 RSI AI 决策(站在 AGI 视角 + AI 当尺子 + 5 个心法 + 绝对理性 thinking 默认)/ 王凯投资策略(好资产+好价格+好波动三层 + 6000 字内在价值 Prompt)。覆盖广义 ROI vs 狭义 ROI、决策 3 大惯性陷阱、AI 拷问决策者、ROI 是尺子心法

投资回报决策评估ROI完整中英
产品设计与用户体验 / 其他产品、设计与学习资料

Sajid Code UI 设计实战(抄优秀作品>原创/字体占 UI 80%/间距配色挑选法/修复枯燥 UI)

Sajid(Will's Design Notes 系列)的 UI 视频教程笔记蒸馏,7 个主题 8 篇:①只有新手才执着做漂亮网站(设计=解决问题不是艺术,看 Semrush 顶级站全是简洁甚至无聊的,五大支柱=布局/排版/颜色/图片/内容)②原创被高估(扁平/拟物/汉堡菜单/下拉刷新/点赞/Google/Facebook/Uber/Airbnb 全是 remix,创新在执行不在首创)③字体排印占 UI 80%(去掉字体样式界面就垮,只需 3 种字号+字重+明度三档,line-height 用 em 自带呼吸空间)④设计顶级网站五条规则(少设计/相似律接近律/间距给多再减/设计系统/层级即一切)⑤修复枯燥 UI(同色不同明度分层+阴影,从普通到好回报最大)⑥间距挑选法(rem 锚定字号,组内紧组外松,按钮上下 padding<左右,从大值往回减)⑦HSL 配色(只调 L 明度造和谐色阶,光从上方来顶亮底暗,暗黑模式 0/5/10% 明度三层)⑧网页动画的 Motion Contract(把感觉型动效翻译成 6 维参数化约束喂给 AI/研发)。Sajid 区别于 Refactoring UI 的独特论点:'功能>美观''抄成熟作品>原创''字体占 80%'三条心法 + 把 UI 当极简变量系统(4 字体变量+3 灰阶就够) + Motion Contract 动效交付法。读者=做原型的 PM,jargon 行内解释,每节带 Why + 数值 + do/don't。与 refactoring-ui 分工:那篇是 50+ 条全量技巧手册,本篇突出 Sajid 的心法立场和动效/明度分层两个独家招式,重叠的间距/配色/字体细节指向 refactoring-ui 不重写。

UI设计排版视觉层级完整中英
AI 技术与工程 / 跨来源主题整理

Scaling Law / AGI 时间表 / Software 3.0(跨作者主题综合)

4 视角的 Scaling Law + AGI + Software 3.0 融合。Karpathy 2025-06 演讲(Software 1.0/2.0/3.0 三段论 + LLM = OS/Utility/Fab 三类比 + LLM 心理学 + Iron Man Suit 4 原则 + Agentic Decade 2025-2035)/ Aschenbrenner Situational Awareness 165 页(AGI by 2027 + OOMs counting + Trillion-dollar cluster + Intelligence Explosion)/ 三派之争(朱啸虎应用层 / Cohere Aidan 务实 / 李开复天花板 / 老黄综合)/ 王凯"站在 AGI 视角看当下"+ Embiricos AGI 瓶颈 = 人类打字速度。覆盖 AGI 时间表分歧、Software 3.0 普及预测、Vibe Coding 自然语言编程

AI 工程Agent 工作流模型与评测完整中英
出海增长 / 跨来源主题整理

SEO × LLM 时代(跨作者主题综合)

3 视角的 SEO × LLM 立场融合。Google Search Central(官方:how-not-who 框架 + scaled content abuse 边界 + Who/How/Why 三问 + AI Overviews / Succeeding in AI Search)/ newtype llms.txt 综合指南(两种格式提案:Access Control Model 类 robots.txt + Inference Guidance Model Markdown / Karpathy "为 Agent 重写软件基础设施")/ newtype 知识系统(wiki.newtype.pro 第三层 = 发布层 = 自有"LLM 友好语料")。覆盖 Google 对 AI 内容立场、llms.txt 提案现状、E-E-A-T 与 AI 内容兼容、Agent 时代基础设施

SEOAI 搜索内容规范完整中英
产品设计与用户体验 / 其他产品、设计与学习资料

Shape of AI AI 产品 UX 模式库(Wayfinders/Inputs/Tuners/Identifiers/Governors/Trust/Dark patterns 七大类 + 设计指南)

Emily Campbell『Shape of AI』AI 产品 UX 模式库的自包含双语精华(49 个 .md 全读),按可查询的『模式名→解决什么问题→怎么用→案例』结构重组成 7 大类 36 个具体模式 + 1 套总设计指南。七大类:①Wayfinders 导航指引(4 模式:Follow up 追问/Nudges 提示引导/Suggestions 提示建议/Templates 模板)——解决新手面对空白输入框不会用;②Inputs 输入控件(8 模式:Open input 开放输入/Auto Fill 自动填充/Inline action 内联操作/Madlibs 填空式/Remix-Blend 混合重构/Summary 总结/Synthesis 综合/Token layering 分层)——把用户意图+上下文喂给 AI;③Tuners 调整器(8 模式:Filters 过滤器/Parameters 参数/Inpainting 局部修补/Model management 模型管理/Personal voice 个人语音/Primary sources 原始来源/References 引用管理 RAG/Workflows 工作流)——让用户微调或重构结果;④Identifiers 标识符(6 模式:Color scheme 配色紫绿/Symbols 图标✨🔮🤖/Name 名称/Personality 个性/Disclosure 信息披露/Initial CTA 初始号召)——把 AI 跟人工内容区分开;⑤Governors 控制器(9 模式:Citations 引用/Controls 停止继续/Footprints 足迹/Prompt transparency 提示透明/Regenerate 再生成/Sample response 示例响应/Show the work 展示步骤/Token transparency token透明/Variations 变体)——AI 工作时保住用户主导权与可解释;⑥Trust indicators 信任标识(3 模式:Incognito 隐身/Memory 记忆管理/Watermarks 水印 C2PA);⑦Dark matte 隐性模式(3 模式:Data Ownership 数据所有权/Caveat 警示甩锅/Rating 评分)——存疑/损害信任的灰色设计。对做 AI 聊天、互动叙事的 PM:这是一本『下次遇到 X 交互问题查哪个模式』的速查册,侧重 Why/何时用/反例。与 nngroup-ai-ux-design 互补——后者是 NNGroup 的对话式界面研究视角(对话 6 类型/少废话/拟人化/谄媚),本篇是 Shape of AI 的『可复用 UI 模式零件库』视角。

AI UX交互模式信任设计完整中英
出海增长 / Google 搜索与 SEO

Structured Data 完全总览 (框架 + 34 个 rich result type 一键查 + JSON-LD/Microdata/RDFa 选型)

Structured Data 框架 + 全部 Google 支持的 34 个 rich result type 概览。3 格式选型(JSON-LD 推荐 / Microdata / RDFa,data-vocabulary.org 已废)。**4 quality guideline**(content / relevance / completeness / location / specificity / images)+ 多 item 同页 2 模式(nesting / individual items @id 链接)。完整 type 表分类(Ecommerce/Organizations/Sports/Jobs/Entertainment/News/Food/Education)+ 每 type 必填 / 关键 gotcha。**最新废弃**:FAQ 2026-05-07 起不再显示 rich result(2026-06 工具下架 / 2026-08 API 移除)。JavaScript 生成 SD(Google Tag Manager / 自定义 JS)+ Product SD 用 GTM 注意 crawl 频率降。Image license metadata schema.org/CreativeWork(creator + creditText + copyrightNotice + license + acquireLicensePage)。Speakable 仅 news + en-US/-CA/-AU/-IE/-NZ/-UK + 几句 ≤ 30 秒。Paywalled content SD 区分于 cloaking 必标 isAccessibleForFree=false + cssSelector。Carousel(Recipe/Course/Restaurant/Movie 才能用)+ ItemList @id 链接 4 类。

海外增长SEO完整中英
产品设计与用户体验 / 其他产品、设计与学习资料

UX 指标与 ROI(HEART/SUS/NPS… 指标体系 + UX 价值折算成钱的方法 + 汇报话术)

Will 设计笔记《UX Metrics and ROI》精华(基于 NN/g 同名研究报告 + 5 版案例库)。聚焦三件 PM 最需要的事:① 指标体系清单——一个 UX 指标(任务完成率/任务用时/成功率/转化率/留存/CLV/跳出率…)长什么样、怎么算、何时用、局限在哪;标准化问卷 SUS(系统可用性量表,满分 100)与 NPS(净推荐值=推荐者%−批评者%)/CSAT 怎么读;Google HEART 框架五维(Happiness 满意/Engagement 参与/Adoption 采用/Retention 留存/Task success 任务成败)当指标选型脚手架;四大数据来源(问卷/定量可用性测试/分析工具/客服与市场数据)各自答什么问题。② UX→ROI 折算方法论——改进分数公式(正向指标=改后÷改前−1·负向指标=改前÷改后−1)、三步法(选 KPI→把 UX 指标按单位换算成 KPI→负责任报告)、四类业态各自怎么折钱(电商按销量/内容站按 PV 广告/内网按人天工资/有明确目标行为的站按转化×客单),含健康保险站省 150 万/年、HR 工具月省 6112 美元/省 60% 工时、金融订阅试用 76→187 月增收 2 万、内网 1000/1 万/10 万人公司 ROI 达成本 8/20/50 倍等全部保留数字;再给 Athenahealth 的'易用性→满意度→推荐意愿→留存与付费推荐'相关性连锁模型,教 PM 用统计相关把软指标接到营收 KPI。③ 期望管理与汇报话术——UX 改版平均提升 75%(95% 置信区间 8%~104%),且 2006→2020 从 247% 缩水到 75%(p=0.017)的'改进收窄'规律,按指标类别拆(有效性 131%/效率 104%/采用留存 93%/参与 87%/满意度 19%),给老板汇报的 5 条铁律(估算非财报/对比研发成本/讲故事不堆表/透明假设/拉到 2-5 年)与反例。与 nngroup-analytics-metrics 互补分工:那篇讲 NN/g 的'分析度量视角'(虚荣指标/置信区间/统计显著/抽样/三角验证/ROI 四步原理),本篇是'指标体系成套清单 + 改进分数数学 + 多业态 ROI 折算配方 + 基准幅度实证数据 + 汇报话术',重叠处(ROI 四步/HEART/置信区间)只交叉引用不重写。读者=产品经理。

UX指标用户研究ROI完整中英