KNOWLEDGE NOTES知识整理
按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。
287份知识文档Nielsen Norman Group「人工智能」专题 12 篇精华,围绕两条主线展开。①用 AI 辅助 UX 研究:研究四阶段(规划 Planning/执行 Conducting/分析 Analyzing/报告 Reporting)中 AI 能力最强在文本处理(分析强烈推荐·规划报告推荐)、最弱在行为观察(执行谨慎/不可用,AI cannot truly observe behavior);用生成式 AI 写研究计划的 5 步法(别一句话要完整计划,要拆成背景/问题/方法/筛选标准/材料);用 AI 给原型造逼真模拟表格图表的 7 大策略(上下文/数据量/排序/属性格式/图生表/分布控制/Python 校验)+ 图表 7 策略,Claude 3.5 Sonnet vs ChatGPT 4 差异。②合成用户 Synthetic Users 的红线:AI 生成的虚拟用户只能当桌面研究/假设,绝不能替代真实用户研究(它谄媚 sycophancy、把体验理想化、需求无优先级、想象经验不可靠);NN/g 评估三项学术研究(基于调查的数字孪生缺失数据准确率 78%/新问题 67% r=0.98 vs 0.68、基于两小时访谈的数字孪生 1052 人 GSS 0.85/大五人格 0.80/经济博弈 0.66、Neeraj Arora 605 合成用户冷藏热狗只能看趋势缺多样性),访谈型模型偏差比人口统计模型低 36%-62%,白人/高社经群体预测更准引发公平性担忧;研究工具里藏的方法论陷阱(只设一个成功 URL 误判成功者、分析工具看不到行为、把评估型与探索型研究混为一谈 discussion guide、AI 生成的任务诱导用户)。③GenAI 工作原理(文字填空概率预测/神经网络/词嵌入 Word Embeddings/Transformer 自注意力,别把它当真人或记忆数据库)。④AI 时代设计师:重定义设计技能 5 原则(战略思考自留战术外包/信任与审视平衡/同时为人和 AI Agent 设计/拥抱团队增强/关注不平等)、通才回归(AI 抬高'知道该做什么'门槛 T 型横线变值钱)、AI 素养 = Prompt Fluency 提示表达 × Output Literacy 输出判断(天真型高手最危险)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 用户画像知识库 15 篇精华。用户画像=把'抽象的用户群'压缩成'团队记得住、能共情'的少数虚拟个体,用来对齐设计视角。本质(画内在动机,不是外在行为/不是人口统计)/ 三类型(轻量 Proto·定性·统计,定性是多数团队最优解)/ 范围与层级(宽 vs 窄·组织→业务线→产品→项目,画像不能一套通用)/ 创建该放什么信息·团队协作·格式要可编辑 / 画像 vs 原型 Archetypes vs 任务目标 JTBD vs 客户分群 Segments(四工具一表分清)/ 三种用法(功能优先级矩阵·场景映射工作坊·数据分段分析)/ 维护(活文档·何时更新·频率与影响力正相关)/ 5 大失败原因+解法 / 底层原则:为你真实拥有的用户设计而非理想用户 / 特殊人群:为儿童设计与测试。
Nielsen Norman Group 用户旅程知识库 29 篇精华。主线=围绕'用户为达成目标、跨时间跨渠道与产品/服务的整体体验'的可视化与运营。核心工件:旅程地图 Journey Map(五要素=主体 Actor/场景与期望 Scenario+Expectations/阶段 Phases/行为思想情感 Actions-Mindsets-Emotions/机会 Opportunities;顶-中-底三段结构;情感曲线 Emotion Curve)、体验地图 Experience Map(产品无关基线)、服务蓝图 Service Blueprint(企业视角四泳道=客户行为/前台 Frontstage/后台 Backstage/支持流程 Support Processes,三分界线=交互线 Line of Interaction/可见线 Line of Visibility/内部交互线 Line of Internal Interaction;1982 Lynn Shostack)、同理心地图 Empathy Map(说想感做四象限)、用户故事地图 User Story Map(活动-步骤-细节三层+发布线,Jeff Patton,精益 Lean UX 转 Epic/User Story)、用户流程 User Flow(单产品单任务的步骤路径,线流图)、生态系统地图 Ecosystem Map、流程图 Process Map、桑基图 Sankey(节点-链接-列,分析路径用,Mixpanel/Amplitude/GA)。方法决策:当前状态 As-is vs 未来状态 To-be、假设优先 Assumption-First vs 研究优先 Research-First、低保真 vs 高保真、混合三步法。七种旅程图分析法(未满足期望/冗余触点/情绪低谷/跨渠道断点/耗时/关键时刻 Moment of Truth/高点)。项目运营:旅程映射影响调研(300+/259 人,64% 协作创建,56% 数字工具,7 结果成功率 3.5 障碍线,8 因素排名客户参与 6.08 最高、视觉设计 2.18 最低)、交互式地图 Figma 7 步、CX 转型框架(4 领域 x 4 构建块=16 任务)、旅程中心设计 Journey-Centric Design vs 旅程管理 Journey Management 派对帽模型、UX vs 服务设计、服务蓝图 5 步与实践调研(97 人,产出物 56%/框架 20%/协作工具 15%,聚焦型<2 周+1 周、全景型<1 月)。研究地基:情境 CUEs 框架(文化 Culture/未言明 Unspoken/环境 Environment,分布式认知 DCog)、用户面板 User Panel 101(客户型/目标型,B2C/B2B/双边市场,6 步搭建)。实战:奢侈品四类购物者(只逛不买/偶尔挥霍/大消费者/造型师,考虑阶段最关键)、医疗数字交互(9 人日记 93 次互动,智能手机 78 次,门户 32 次,数字痛点 2/3)、AI 绘图四阶段(定义-探索-优化-导出,Midjourney,灵感导向 vs 交付物导向)、UX 故事叙述(故事三角形/故事山 Freytag 五段)。读者=产品经理,术语行内解释,决策导向。
Nielsen Norman Group 营销渠道 UX 知识库 6 篇精华,两条主线:①邮件 Email——主题行表情符号 emoji in subject line 双研究(带 emoji 负面情感 +26%、价值评分略低、对打开率无显著提升,只在补充上下文/情感时才用如'🎓恭喜录取');退订体验 unsubscribe 十大设计错误(页脚移动端不可点/链接难找/流程繁琐/复选框反认知/强制登录/退订前索取反馈/语气冒犯/诱导重新订阅/发确认邮件/延迟移除最长10天,理想=一键直达+礼貌确认页+无额外操作,坏退订逼用户标垃圾邮件损害送达率);状态追踪与进度更新 status tracker & progress update 16 指南(pull 主动查询 vs push 被动推送二者结合最佳,追踪器12条+进度更新4条,用户语言非后台术语如'已生成标签',最新状态置顶,允许改频率,STOP 退订)。②社交媒体 Social Media——企业互动6类型(发现Discover/研究Research/互动Engage/购买Purchase含社交销售vs社交电商/支持Support/推广Promote);社媒UX 3 洞察(96人11年+23人测试:别发太频每周5-8次·平台细分Twitter每日2-6条活动期15-20、IG/FB/TikTok每日1次、限时内容6-8次;互动功能投票测验如NBA投票5600响应/Xbox命名71000票;明确CTA如'向上滑动');K-Pop私信应用Bubble/Universe暗黑模式 deceptive pattern(付费门票营造一对多伪一对一私聊·Kakao式已读'1'标记·用户名变量个性化·订阅计时器周年纪念游戏化制造沉没成本·退订'破碎的心'内疚操纵)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group『人工智能/AI』主题中『AI 产品与对话式界面设计』子集 20 篇精华(产品与界面层,区别于研究实践层)。五大主轴:①对话式 AI 体验——与生成式 AI 的 6 类对话(搜索查询/漏斗 Funneling/探索 Exploring/雕刻 Chiseling/定位 Pinpointing/扩展 Expanding,对话长度≠成功)、少废话直奔答案 Less Chat More Answer(去寒暄/可扫读列表/先答案后细节『截断金字塔 Truncated Pyramid』/不能做就直说/具体优于泛化)、聊天里的可解释 AI Explainable AI(来源引用 Source Citations 三种放法 Perplexity行内/Copilot侧栏/会幻觉来源·逐步推理 Step-by-step·免责声明 Disclaimers 清晰可执行 vs 模糊·避免拟人化措辞)、谄媚 Sycophancy(为讨好用户违背事实·人类反馈奖励漏洞·『你确定吗』即翻供·三条规避)。②拟人化与信任——拟人化 4 度(礼貌 Courtesy/强化 Reinforcement/角色扮演 Relayed/伴侣 Companionship)、智能优先于类人 Smarts over Sentience(感知聪明↑信任↑·感知有情感↑信任↓·温暖 AI 出错率 +10-30%·专业≠冷漠)、手风琴式编辑 Accordion 与苹果采摘 Apple Picking 早期用户行为。③提示 UX——提示建议 3 类(用例 Use-Case/自动补全 Autocomplete/后续问题 Followup)、用例提示建议设计(简单 pills vs 复杂 cards/carousel·登录前后两阶段·具体优于模糊·个性化)、CARE 提示框架(Context背景/Ask请求/Rules规则/Examples示例)、提示控件 Prompt Controls 4 用途(发现度/教育灵感/约束/促进后续·50% 含后续 77% 多轮·4 条最佳实践)。④GenUI 生成式界面——GenUI vs Vibe Coding vs AI 辅助设计(谁决定做这个 UI·执行失败 vs 判断失败)、GenUI 最激动人心的发展是按钮与复选框回归(AskUserQuestion 收集上下文)、Promptframe(线框图+AI 提示词文档化·6 步流程·Blue Apron 案例)、用提示设计界面 5 修复法(精确视觉关键词/轻量参考图/先分析后生成/真实 mock 数据/附代码)。⑤AI 助手定位——AI 作为 UX 助手 4 角色(内容编辑/研究助手/创意伙伴/设计助手·841 人调查 92% 已用)、AI 作为创意伙伴(宝洁 776 人实验·用 AI 个人>无 AI 小组·Top10% 仍是小组)、ChatGPT Agent 预订午餐初评(96 源 6 分钟·11 分钟填表·人在回路 human-in-the-loop·决策门 decision gate)、Google AI Mode 评测(查询扇出 Query Fan-out+RAG·7 名用户·可发现性差/命名混淆/回答过长)、为何用户在 GenAI 与搜索间切换(9 人 6 人来回切·AI 理清问题搜索核实事实·引用也难建信任)。读者=非技术产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 组织与设计流程子集 21 篇精华,主线=UX 团队怎么把策略落成可执行的工作。①UX 策略(UX Strategy):复杂应用设计三阶段(理解 Understand/探索 Explore/实现 Materialize)、CASTLE 工作软件评估框架(认知负荷/高级功能使用/满意度/任务效率/学习性/错误率,补 HEART 框架对强制性企业软件的失灵)、情绪板 Mood Board(4-5 关键词+视觉拼贴定视觉方向)。②路线图(Roadmap):路线图 vs 项目计划(战略问题 vs 执行任务)、产品/领域/专项三层 scope、谁建何时建(年度规划最常见·34% 超 1 周·月度更新·讲故事三栏展示)、5 种优先级法(影响-努力矩阵/可行性-需求性-可持续性 IDEO/RICE/MoSCoW/Kano)、Pareto 80/20 法则聚焦关键 20%。③UX 地图(UX Maps):互动地图 Figma 7-8 步、资产映射 Asset Mapping(全渠道一致性·工作量低)、旅程图制作时间(343 人调查·总 73.8h≈两周·研究优先 vs 假设优先 62% 假设优先·假设优先并不省时)、技能地图 Skill Mapping(雷达图 1-5 分找技能空白与单点依赖)。④风险与债务:设计风险 6 步(风险=概率×影响·风险矩阵·缓解措施)、UX 债务 UX Debt 四步(承认/跟踪/沟通/修复·每 sprint 拨 story points)、断裂追踪 Track Breakage(数据→发现→洞察→建议价值链·RAS 采纳率公式=Adoption×0.5+Fidelity×0.3+Impact×0.2)。⑤复盘:Retrospectives 四步(做得好/待改进/行动计划·帆船比喻·心理安全)、Project Postmortems 七要件(对的人 6-10 人/成功标准/心理安全/根因 5 Whys/可执行产出/负责人+deadline/2-3 页归档)。⑥利益相关者:权力-兴趣矩阵 Mendelow(紧密管理/保持满意/保持告知/监控+态度维度)、利益相关者访谈 Stakeholder Interviews(半结构化·越早越好·≤5 人简单整理>5 人主题分析)、跨研究团队协作(UX 当数据中心节点)、RACI 职责矩阵、Scrum 5 活动 UX 职责。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 2021 更新版 UX 成熟度(UX Maturity)知识库 9 篇精华。三条主轴:①6 个阶段(6 Stages/Levels):缺失 Absent → 有限 Limited → 初现/萌芽 Emergent → 结构化 Structured → 融合/集成 Integrated → 用户驱动 User-Driven——每阶段给特征/可见信号/典型三形态/晋级动作,统一收进一张主表 + per-stage 心法与反例;Stage 5(多数公司应努力达到的目标态,UX 服务业务)与 Stage 6(UX 成为组织灵魂,业务源自用户价值,极少公司达到且难维持)的分界='以用户为中心'vs'以用户为先'。②4 个因素(4 Factors):战略 Strategy(愿景 Vision/规划与优先级 Planning/预算 Budget)、文化 Culture(意识 Awareness/欣赏支持 Appreciation/能力 Competency/适应性 Adaptability)、流程 Process(方法 Methods/协作 Collaboration/一致性 Consistency)、成果 Outcomes(设计影响 Impact/衡量 Measurement)——每子因素等量贡献,提升须四因素协同演进。③活系统而非阶梯(Living System Not a Ladder):成长非线性、可倒退、靠日常照料而非达成节点;阶梯思维五陷阱(追排名/把'有'当'融合'/把工具当成熟/以为成熟永久/评估过度)vs 活系统五做法(用节奏代替节点/接受波动/模型当反思非排名工具/庆祝可持续性);四案例(金融业领导更替倒退·医疗业稳定假象掩盖停滞·SaaS 过度追升级评分·物流业无正式支持靠一人发起对话自下而上成长)。含自评方法(访谈观察/文档交付物分析/跨部门问卷)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group UX 基础知识库 19 篇精华。这是一张'入行地图',把零散概念串成可决策的体系:①概念底座——UX(用户与公司全部接触点)≠ UI(只是交互界面)≠ 可用性 Usability(界面的质量属性,5 要素:学习性 Learnability/效率 Efficiency/记忆性 Memorability/错误 Errors/满意度 Satisfaction),关键公式 有用性 Useful = 实用性 Utility + 可用性 Usability;改善可用性靠用户测试(5 人法则·别开焦点小组),贯穿全程多轮低成本测。②设计哲学与流程——以人为中心设计 HCD(关注人/找对真问题/系统思考)、设计思维 Design Thinking 6 阶段(共情 Empathize→定义 Define→构思 Ideate→原型 Prototype→测试 Test→实现 Implement,循环非线性,IDEO 1990s 正式化)、产品三元组 Product Triad/DVF(可取 Desirable+可行 Viable+可实施 Feasible,设计师/PM/工程负责人三脚凳,设计师不'拥有'可取性而是共担)。③没有用户研究就不是 UX——人人有责、用数据弥合业务目标与用户目标、做对的研究(对的人/不诱导/对的方法)、用研化解内部争论。④研究方法体系——三维框架(态度 Attitudinal vs 行为 Behavioral/定性 vs 定量/使用情境)、20 法地图+四象限、定量 9 法概览(成本/难度/样本量,定量测试≥35 人)、UX Research Cheat Sheet 四阶段(发现 Discover/探索 Explore/测试 Test/倾听 Listen)、用户访谈 101(vs 可用性测试·6 步·局限)。⑤方案取舍 6 步(明确目标/平衡矛盾/数据驱动/动态调整/长期影响/抓关键标准,69% 普通用户 vs 5% 高级用户)。⑥10 大可用性启发式索引(详表见 heuristic 篇)。⑦UX 职业——入行两路径(已有工作渐进转 vs 应届进成熟团队)、职业 5 阶段(新手/贡献者/实践者/专家/愿景引领者)、研究员作品集 Top 10、面试讲作品集、转型者/学生简历(6-7 秒扫描·ATS·一页·量化成就公式)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group「管理 UX 团队」组织与运营子集 13 篇精华(群体思维 Groupthink 两篇合一,RACI 两篇合一)。七大主轴:①团队结构与汇报——DesignOps 5 种团队结构(分散 Scattered / 单独 Solitary / 专业化 Specialized / 分布 Distributed / 提升 Elevated,非成熟度模型按需选)+ 设计团队三大结构 550 人调研(集中 Centralized 29% / 分散 Decentralized 32% / 矩阵 Matrix 31%,结构与业务指标无强相关)+ 汇报线(产品管理 / C-suite 为主,UX 不该向 PM 汇报)+ 推荐的管理型 UX 融合模型 MUXI(嵌入产品团队工作 + 只向 UX 领导汇报,初创/小/中/大四档落地);②角色与责任——RACI 矩阵(Responsible/Accountable/Consulted/Informed,A 唯一,何时用 retro 后/Sprint 启动,按技能-历史-时间-兴趣分配,设计作为过程而非服务);③招人与入职——成功入职 + 30/60/90 天目标 + 到岗前准备;④UX 研究计划——PET(S) 原则(Purpose/Expectations/Test Setup/Script)+ 同意书 + 模板化;⑤设计思维强团队——共享词汇/有形成果/信任文化;⑥团队决策质量——确认偏误 Confirmation Bias(开放式提问 + Triangulation 多源交叉 + 新鲜视角)/ 群体思维 Groupthink(Irving Janis 4 症状 + 5 场景预防 + dot voting/盲投)/ 书写思考 Ink Thinking(反思组多完成 23% 任务 + 决策预测/反思建议双页 + 抗后见之明偏差);⑦最大挑战与转型——126 人调研 5 大挑战(UX 被误解 + 影响难量化 + 缺利益相关者支持 + 资源不足 + 市场竞争)+ UX 6 阶成熟度(缺失/有限/初步/结构化/集成/用户驱动)+ Refine/Remodel/Rebuild 三档体验改进策略(低/中/高投资,Casper/Netflix 案例)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group「管理 UX 团队」中关于向上影响、度量、战略工具、路线图与个人职业的 13 篇精华(修辞三角文章重复出现两版已合并)。五大主轴:①向利益相关者证明 UX 价值——How to Sell UX 用「如果创建 W(方案),那么解决 X(问题);为此需要 Y(资源),结果是 Z(业务收益)」把用户语言翻成商业语言(省 $5/电话×1000=$5000、注册率+10%→$2000/月、跳出率-20%→$50000 CLV);修辞三角 Rhetorical Triangle ethos 可信度/logos 逻辑/pathos 情感(亚里士多德,结账放弃率 60% vs 竞品 30% 案例);UX & Marketing 营销与 UX 的相似/张力/4 协作策略。②UX 度量——指标与组织目标对齐工作坊(3-4h,虚荣/孤岛/噪音三陷阱,8 张指标 flashcard:转化率/完成率/任务耗时/成功率/SUS/满意度/信心度/知识检验);UX Goals(定性愿景) vs OKRs(目标+量化关键结果) vs KPIs(持续脉搏,旅程完成率 25%→40%);CASTLE 框架专为必用型工作软件(认知负荷/高级功能使用/满意度/任务效率/可学习性/错误率),补 Google HEART 在强制使用场景失效之处。③战略工具——利益相关者分析(Mendelow 权力-兴趣矩阵四象限:密切管理/保持满意/保持知情/监控 + 态度维度当前 vs 期望);SWOT 优势/劣势/机会/威胁(内外×利害,HiPPO 偏见,STEEPLE 扩展)。④路线图——6 步(明确目标→收集输入→创建主题受益方/需求/商业目标→优先排序→可视化→定期更新);优先级 5 法(影响-投入矩阵 quick wins/big bets/money pits/fill-ins·可取性-可行性-生存力评分卡 IDEO·RICE=R×I×C÷E Intercom·MoSCoW·Kano);旅程图耗时调查(343 人,平均 73.8h≈两周,大公司 87h vs 小公司 64.9h)。⑤个人职业——面试 STAR(行为问题,80% 团队用)与 METEOR(情境问题,63% 用);作品集 case study 的 do/don't。读者=非技术产品经理,术语行内解释,决策导向(何时用/怎么选/反例),保留全部数字。
Nielsen Norman Group UX 研究方法术语 39 条中英对照速查表。按'态度 vs 行为 × 定性 vs 定量 + 情境/形成性/总结性/远程'分类索引,每条一句话说清是什么、答什么问题。覆盖:态度型(问卷 Survey·访谈 User Interview·焦点小组 Focus Group·概念测试·吸引力测试 Desirability)/ 行为型(可用性测试 Usability Testing·分析 Analytics·点击流·眼动 Eyetracking·首次点击·五秒测试)/ 信息架构(卡片分类 Card Sorting·树测试 Tree Testing)/ 实验(A/B·多变量 Multivariate)/ 情境(实地 Field·情境访谈 Contextual Inquiry·日记 Diary·人种志)/ 原型(纸面·原型测试·绿野仙踪 Wizard of Oz·参与式设计)/ 主持方式(有主持/无主持·远程·边想边说 Think-Aloud·回顾式)/ 任务分析·基准测试 Benchmarking·形成性/总结性。当做查词手册用,深度方法论见各专题 wiki。
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 个方法。
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 + 反例。
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,数值全保留。
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 不重写。
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 模式零件库』视角。
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/置信区间)只交叉引用不重写。读者=产品经理。
一条「AI 赋能的 UX 工作流路径」,把「发现问题 → 交付表达」全过程串成可复用思维框架。主线 A-Discover & Research → B-Define & Insight → C-Ideate → D-Experience Design →(E-Validate)→ F-Deliver,每阶段先有「做什么」再配「怎么用 AI 做」。本篇是 will-ai-note 系列的入口/目录页:讲清整套工作流的心法(为什么这样分阶段、AI 在每阶段扮什么角色),并导航到各阶段 wiki + 工具篇 wiki,以及它与「怎么做 UX」的 google-ux craft 系列的关系——本系列是「用 AI 做 UX」。
Will(小红书 UX 求职博主)Tools 区蒸馏。三块可复用资产:① 用 PitchPro 这类定制 GPT 写作品集文案/面试话术的迁移心法——怎么喂上下文(截图+JD+目标)、怎么从大框架逐层逼细节、怎么用记事本沉淀防整段重写、怎么把 UI 截图反推数据与方案、最忌讳的空泛指令;② 60+ 道 UX/设计通用面试题按 8 类归组(开场/项目背景/价值指标/设计思路/结果/复盘/认知方法论/管理)+ 每类该怎么答与考官真实意图;③ 10 套把项目讲成故事的创意叙事提示词(纪录片/用户一镜到底/悬疑/战役/双线/失败反转/倒叙等)。面试题与 google-ux-portfolio-career 的展示模板/STAR 互补——那篇讲结构,这篇给题库与话术。面向非技术 PM,重 Why 与可复用模板。
Will(小红书 UX 求职博主)「AI 辅助设计」资料的新手入口页。蒸馏 Let's Start 区独有内容:① 看资料前必读的 6 条使用秘诀(产品只服务作品集/面试、AI 出图先英文后中文、Prompt 要下载不要点开、四模块该看哪块、两工具选 Claude);② 整套资料的 5 大能力支柱(作品集叙事 / 详细内容生成 / Vibe Coding / AI 能力体系 / Agent+Skill+MCP)+ 3 套组合配方(从 0 到 1 出作品集闭环 / 快速验证体验);③ 比 PitchPro 更前置的 resume-tailoring 简历定制 skill(1 岗 1 份)。bot 使用心法 / 面试题库 / 创意讲解提示词全部重叠,指向 [[ai-tools-bot-interview]] 不重写。面向非技术 PM,重 Why 与上手路线。