KNOWLEDGE NOTES知识整理
按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。
287份知识文档Nielsen Norman Group 定量研究知识库 24 篇精华(28 文件去重合并)。定量研究=把用户体验压成可比的数字(成功率/任务时间/转化率/满意度),用来追进展、做权衡、向老板证明 ROI——但数字脆弱、需专业执行,否则误导设计。核心方法:A/B Testing(随机分组测整体方向·只能一次一变量·需高流量·测不出原因要配定性)/ Multivariate Testing MVT(测多变量组合交互·优化细节·组合数=变体数相乘暴涨)/ 关键统计:统计显著性 statistical significance ≠ 实践意义 practical significance(p 值=差值÷随机噪声·大样本制造'显著但无关')/ 置信区间 confidence interval + 误差范围 margin of error + 置信水平 confidence level(95%/15% 是 UX 默认平衡点·区间宽度=误差范围 2 倍)/ 样本量:定量需 40 人(二元指标 95% 置信+15% 误差·公式 Z=1.96 p=0.5)而非定性的 5 人(发现 85% 问题·31% 问题概率假设)/ 假阳性 Type I + 假阴性 Type II / 测量误差 measurement error / 定量风险(数字迷信·随意关联·协变量·发表偏差)。指标与量表:成功率 success rate(最简二元·成功层级用有序变量不可数值化平均)/ 学习性 learnability + 幂律学习 power law of learning(学习曲线·重设计重置曲线致生产力下降)/ NPS 净推荐值(9-10 推荐者/0-6 批评者/公式·客户忠诚≠可用性·6 大局限)/ Likert 量表 vs 语义差异量表 + SUS / 虚荣指标 vanity metrics 加上下文 / 宏观转化 vs 微观转化 / HEART 框架。分析与基准:Analytics 三用途(问题指示·调查·三角验证)/ UX 目标→衡量计划(先问为什么·定目标再选指标)/ 7 步 UX 基准测试 + 数据质量 6 维度(真实/一致/重复/自发/适当/干扰)/ 卡片分类 + 树状测试(可查找性 85% 提升案例)。
Nielsen Norman Group '定性研究'专题 26 篇精华 —— 实为整套 UX 研究方法工具箱。方法全景四象限(态度说 vs 行为做 × 定性问题 vs 定量数据,加形成性/总结性/远程)+ 何时用哪个 / 访谈(User Interviews 101 + 漏斗技术:先宽开放后窄封闭,别过早引导)/ 把研究变成产物(共情图 Says-Thinks-Does-Feels + 用户需求陈述:[用户]需要[动词需求]以[目标])/ 样本量(定性看饱和点 5-6 起步动态加;卡片分类 15 人 r=0.90)/ 可用性任务编写(定性开放探索 vs 定量唯一解·随机化·虚拟数据)/ 主持 10 步检查清单(说'研究'别说'测试'+边做边想)/ 不用真用户的专家评估(启发式评估 3-5 人独立·认知走查评可学性·严重性 5 级·错误消息评分 rubric)/ UX 工作坊(会议 vs 工作坊·5 类·7 基础活动·纳入用户)/ 研究伦理(知情同意·筛选标准 Inclusion-Exclusion-Diversity+招募矩阵·研究民主化 5 步)。
Nielsen Norman Group 分析与指标知识库 22 篇精华。围绕'怎么用数据证明 UX 价值'这条主线,讲清四件事:① 选对指标(避开虚荣指标 Vanity Metrics——下载量/总浏览量/总用户数这类'只涨不跌'的孤立数,要换成比率/比例/时间框架/分用户群/DAU·MAU 粘性比 Stickiness Ratio,转化率 Conversion Rate=最重要指标但受价格·季节·营销外部干扰,宏观转化 Macro vs 微观转化 Micro=过程里程碑+次要行为,成功率 Success Rate(可用性测试·意图不明)vs 完成率 Completion Rate(分析工具·意图明确),时长/页面浏览'更多≠更好'要分生产性 vs 参与性任务);② 两种定量方法分工(分析工具 Analytics 答'做了什么'·大规模·便宜·无上下文 vs 定量可用性测试 Quantitative Usability Testing 答'能否完成'·~40 人·贵·有因果,二者互补);③ 怎么算 UX ROI(四步:收集 UX 指标→选 KPI→换算→负责任报告,健康保险案例 23000→1100 工单×$6=月省 $131400/年省 $1576800/三年回报 $4655400,设计系统案例只算一个视频插件即说服;三大误区=ROI≠只关于钱/≠必须精确/≠涵盖所有细节;别过度思考 Don't Overthink);④ 统计严谨度(统计显著 Statistical vs 实际显著 Practical Significance,72s vs 75s 例,置信区间 Confidence Intervals 95%·4.3min→3.6-4.9min·样本量与一致性决定宽窄,不显著时的决策=最大似然 60% 概率+定性洞察,基准测试 Benchmarking ≥20 人·年度·量化商业价值);辅以混杂变量 Confounding Variables(随机化/被试内设计/年龄·季节·疫情·竞争·经验·先验意见)、便利抽样 Convenience vs 概率抽样 Probability Sampling(定量≥40·问卷≥100·简单随机 vs 分层 Stratified)、三角验证 Triangulation(多方法/多指标交叉提升可信度)、统计生成画像 Statistically-Generated Personas(定性打底+≥100 理想 500+ 潜类分析)、长尾数据 Long-Tail Data(幂律分布+二八法则互补)。读者=产品经理。
Nielsen Norman Group 设计模式之表单与输入子集 19 篇精华,主题驱动归并成五块:①表单整体与校验(10 条表单可用性把无错提交率从 42%→78%·错误报告 10 条:行内验证/错误信息贴字段/颜色+图标双通道/慎用模态/输入未完成别校验/验证摘要不能唯一/别用 tooltip/重复错 3 次提供帮助·日期输入四模式日历/滚动/拆分下拉/直接输入+国际化 10/11 歧义)②选择类控件(复选框三形态独立/列表/嵌套三态·复选框vs单选vs下拉vs开关对照·列表框vs下拉 5/15 选项分界+引导法则 Steering Law·参数控件滑块/旋钮/二维矩阵/联动粗调精调+Accot-Zhai 定律·步进器小幅调整 1cm 触摸目标)③开关与按钮(切换开关即时生效 vs 复选框需提交·拆分按钮默认操作+箭头菜单<10-12 项·取消 vs 关闭 X 图标歧义防丢数据)④文案与登录(链接标签 4S 具体/真诚/充实/简洁·无密码 OTP/Passkey 76% 存手机/83% 用生物识别)⑤多步流程与工具(向导 8 条+局限·拖放磁吸 100ms 动画·加速器渐进揭示·计算器测验三类型转换/预测/推荐+12 条+用户期望 2-7 输入)。读者=产品经理,术语行内解释,决策导向何时用/怎么选/反例。
Nielsen Norman Group 导航与搜索交互模式知识库,25 篇精华按主题聚类成 7 块,读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。①全局与定向导航:面包屑 Breadcrumbs(11 条指南·补充不替代·显层级非会话路径·末项不可点·扁平站点不用·桌面全路径移动端只留父级)/本地导航 Local Navigation(同级+子级·倒 L 布局·超 2-3 层切面包屑·别压过全局导航)/空间记忆 Spatial Memory(稳定布局+反复交互·街区级 vs 门牌号级·别用自适应界面·宽浅层级·迷你地图/缩略图概览)。②菜单形态:汉堡菜单 Hamburger(2015 旧判定降可用性→如今已被识别但仍多一步成本·标准三横线+左上角+加 Menu 标签·11 条)/上下文菜单 Contextual Menus(kebab 竖三点/meatball 横三点·只放次要非关键操作·贴近内容·≤10-12 项·禁齿轮禁汉堡触发·点前看不出内容用 tooltip)/放大镜图标 Magnifying-Glass(移动省空间桌面降可发现性·桌面保留文本框 ≥27 字符·右上角·回车+点击都能提交)/菜单设计清单 17 条 UX Guidelines(大屏显导航·当前位置·点击优于悬停·避免多级级联用巨型菜单·长页固定菜单)。③页内内容组织:标签页 Tabs(导航标签 vs 页内标签别混用·选中态清晰·标签列表在面板上方·1-2 词·按频率排默认首位)/手风琴 Accordions(渐进式披露·减杂乱缩页长·碎片化访问+可发现性差·FAQ/分步流程/移动端长页适用·需全看/短内容/深层级/连续阅读不用)/Tabs vs Accordions 抉择(少而长用 Tabs·多而短用 Accordions·都不适合跨块对比)/页内链接 In-Page Links(锚链接/跳转链接·长页才值·标'目录/本页内容'·折叠面板/标签页替代对比表)/目录 ToC(决策树:主体 vs 侧栏·粘性 vs 非粘性·垂直/水平/多列·明确标签·链接标签与章节标题一致·含返回顶部·提升 SERP 子链接)。④全局元素:页脚 Footers 101(7 类组件:工具链接/门垫导航/次要任务/网站地图/见证奖项/子品牌/用户互动+无限滚动迷你页脚+上下文页脚·层级 ≤2 级·别折叠手风琴页脚)/粘性头 Sticky Headers(完全粘性 vs 部分粘性·内容占比最大化 16pt/1cm·不透明高对比·动画 300-400ms 避免 stalker menu·评估是否真需要)/移动端子导航 Mobile Subnavigation(折叠面板<6 子类/章节菜单 6-15/分类着陆页>15·顺序菜单易迷失+物理返回键陷阱)。⑤搜索行为:关键词探寻 Keyword Foraging(搜索前的搜索·不知道术语名·分面系统教术语·别造品牌新词 SmartClean)/搜索引擎塑造注视 Google vs 百度(SERP 演变·百度右侧栏低相关致横幅盲视·改心智模型需~1 年)。⑥搜索结果与功能:复杂 SERP 弹球模式 Pinball Pattern(从线性扫描转跳跃·首位点击率 51%→28%·前三 59%·第六 36%·研究任务 20% 折叠下点击·二页仅 2%)/三大 SERP 功能 Featured Snippets+People Also Ask+Knowledge Panels(路标/吸睛/改查询/给快答·站内搜索可借鉴·特色摘要 74% 关注率)/富搜索建议 Enriched Suggestions(60 次仅用 7 次·与搜索心态错位·加载慢·横幅盲视·误为促销·保留纯文本自动补全)/企业内部搜索 Intranet-Search(高期望低信任·显式搜索框非图标·单一搜索框·分列结果·日期元数据·固定结果·分页非无限滚动·设计+流程并重)。⑦筛选与评估:筛选类别与值 Filter Categories(类别+值两组件·合适/可预测/无行话/按优先级·分层过滤·术语加工具提示)/分页替代 Alternatives to Pagination(无限加载 vs 显示更多·<40 项才用无限·显总数/已加载/剩余·记住位置 bounce back·亚马逊海量仍用传统分页)/树测试 Tree Testing(无主持任务测 IA 标签·成功率 <40 差/61-80 良/>90 优·直接性·首次点击·多重分类 Polyhierarchy·vs 卡片分类)。
Nielsen Norman Group 设计模式知识库「反馈与对话框」子集 15 个模式精华。六大主题:①对话框与中断分级——确认对话框 Confirmation Dialogs(8 条:严重操作才用·别给常规操作·说清后果·说明性按钮代替是/否·渐进披露·别默认是·高风险要输 DELETE·提供以后不再提示)、模态 vs 非模态 Modal/Nonmodal(模态强制响应/遮挡背景的 5 缺点 + 7 个该用/不该用场景)、弹窗 10 大问题趋势 Popups(页面加载前/登录后/索取邮箱/未操作请反馈/关键任务中/连续多个/跳转外站/打断内容/GDPR Cookie/推 App 不说好处——逐条给非模态/横幅替代方案)。②错误信息——Error-Message 三类指南(可见性 4 条/沟通 4 条/效率 4 条)+ 提升可见性 4 准则(靠近来源·冗余可访问·按严重度·别过早)+ 敌意模式 Hostile Patterns 反例(过早提示·错误样式滥用)。③加载与进度——进度指示器 Progress Indicators(2-9 秒循环动画/10 秒以上百分比条·>10 秒给预估时间·别静态·别警告勿重复点)、骨架屏 Skeleton Screens(静态/动画/框架三型·<1 秒不用·三者对比)、虚拟排队 Virtual Queues 13 实践(说明目的·状态追踪器·自动刷新·通知·重新进入·娱乐不干扰)。④提示与微反馈——工具提示 Tooltip(桌面悬停·别放关键信息·箭头·一致性)、信息提示 Info Tips(i/?图标·三大坑:浪费时间/藏关键信息/打断流程)、事务通知 Transactional Notifications(短信 vs 推送·50-240 字符·只用于紧急·可退订)、用户反馈请求 User-Feedback Requests 5 条(先任务后问·别狂发邮件·调查<1分钟4-5题·灵活形式·致谢激励)。⑤空状态 Empty States 3 目标(传状态·学习提示·关键任务捷径)。⑥数据呈现——图表选择 Choosing Chart Types(3C:Context/Clutter-free/Contrast·柱/线/散点·避免饼图气泡桑基)+ 表单降认知负担 4 原则 Few Guesses(结构/透明/清晰/辅助·单栏·别用占位符)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例),保留全部数字。
Nielsen Norman Group「设计模式 Design Patterns」覆盖层·滚动·移动与响应式子集 13 个模式精华。五大主题:①覆盖层与蒙层(Overlays & Bottom Sheets)——移动覆盖层误关(Accidental Dismissal,5 防呆:替代模式/部分覆盖优于全屏/不叠加/显眼 X/内置返回键能关)、底部弹窗 Bottom Sheets 三型(模态/非模态/可扩展)与三大可用性问题(无清晰关闭/叠加/遮挡背景)、教学蒙层与提示标记 Instructional Overlays & Coach Marks 五要点(短小聚焦/不连串/视觉优先/区别于真实控件/可扫描)。②滚动行为 Scroll Behavior——无限滚动 3 替代(加载更多按钮/集成分页 Integrated Pagination/经典分页)、滚动位置保存 Save Scroll Position(几乎总该存·30-60 分钟例外·频繁更新内容重置·最不打扰默认)、滚动渐隐 Scroll Fading(100-400ms·只触发一次·一次一元素·移动端慎用)、滚动劫持 Scrolljacking(7 发现+7 最佳实践+可用性测试法,只折叠下方/留正常区/不变方向/移动端禁用/粘性导航当逃生口)。③移动与响应式——响应式断点 Breakpoints(4 档:<500px 4列/500-1200px 8列/1200-1400px 12列/1400+ 12列,2-3 个主断点)、移动优先弊端 Mobile-First 内容分散 Content Dispersion(13 次测试·桌面端负面)、任务切换 Task Switching(串行非并行·分屏/画中画/专注模式/容错)。④移动引导上手——移动 App 引导 Onboarding(能不引导就不引导·三组件:功能推广/个性化/操作指引·交互式演练>卡片教程)、移动权限请求 Permission Requests(文案明收益+12%接受率·上下文时机·支持撤回·拒暗黑模式)。⑤Cookie 权限(GDPR 默认拒绝·5 类用户·7 指南·拒暗黑模式)。读者=产品经理,术语行内解释,何时用/怎么选/反例。
Nielsen Norman Group『设计模式 Design Patterns』伦理·全球·新兴子集 15 篇精华,主题驱动重组成五大簇。①设计伦理与欺骗模式(Deceptive Patterns/黑暗模式 Dark Patterns,Harry Brignull 2010 提出):5 类手法(阻碍 Obstruction·视觉文字陷阱·反复干扰·情感操控·偷偷预选)+ 妨碍设计 Sludge + 劝导 vs 欺骗的界线(LinkedIn/Booking.com)+ 9 问认知走查;潜入 Sneaking 三型(强制续订 Forced Continuity·隐藏费用 Hidden Costs·偷偷入篮 Sneak into Basket,Spotify/Ticketmaster/Airbnb/GoDaddy/LinkedIn 反例 vs Apple/United 正例);危险 UX(高危操作贴邻无害操作,形状编码 Chapanis B-17 起落架·视觉信号·Fitts 定律拉距离);GDPR/CPRA/亚马逊 Prime 诉讼法律风险。②包容性与自主性(Inclusive Design ≠ Accessibility 无障碍 WCAG ≠ Universal Design 通用设计 三者边界;5 类模式:老年字体/暗模式·全球姓氏·30+ 性别身份·包容筛选·多元插图;用户自主性 Autonomy 三法:定制化 Customization·可扫描性 Scannability·时机与顺序,牛栏 cattle chute 隐喻+有意义默认值)。③全球化跨文化(翻译 Translation vs 本地化 Localization;霍夫斯泰德 Hofstede 6 维度:权力距离/个人vs集体/男性vs女性/不确定性规避/长期vs短期/放纵vs克制;语言切换器 6 技巧·语言 vs 国家切换器·本地语言名 Español/Deutsch;国际尺码本地码+原码+身体维度+品牌特定表;微信支付宝登录;94% 电视观众用手机第二屏;全渠道协作 5 要素之协作 Collaboration+二维码降互动成本)。④新兴交互(VR 十大启发式套用 Oculus Quest;AR 11 人测试三部曲·可发现性·眼镜冲突·AR 不可滥用 gratuitous;GenAI 提示控件 Prompt Controls 4 用途:可发现性/教育灵感/设限/促后续,图标必带标签反例文心一言魔法棒)。⑤UX文案与推荐(长 Long ≥3 段/短 Short 2-3 段/微 Micro <3 句 三档对照;推荐内容 5 准则:个性化置顶·标来源·分类·反馈机制·即时更新;明确区分选项 Explicit vs Implicit Differentiation 比较表+逐步披露+SERP)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 可访问性 / 无障碍设计知识库 5 篇精华。四大主题:①三个易混概念的边界——无障碍设计 Accessibility(只服务残障用户,窄而可评估,锚 WCAG 标准)vs 通用设计 Universal Design(一套设计服务所有人、不做变体,多用于物理环境)vs 包容性设计 Inclusive Design(允许多个设计变体覆盖年龄/经济/地域/语言/种族/能力等差异,数字产品首选,因数字界面改造成本低),配 Tinder 30+ 性别选项、Pinterest 发型筛选、Sephora 年龄段筛选、Airbnb/Atlassian 多元插画、姓氏字段不设限等正例;②深色模式 Dark Mode 的视觉科学——光模式(深字浅底)对正常视力用户在视敏度+校对+夜间快速浏览全维度更优(2013 Ergonomics / 2017 MIT AgeLab / Human Factors 字号越小光模式优势线性越大),暗模式对白内障等浑浊眼介质用户阅读更快、OLED 屏 100% 亮度省电 67%(30% 亮度仅省 14%,Purdue),长期光模式阅读与近视/脉络膜变薄相关(2018 Nature Scientific Reports);默认光模式+提供暗模式选项+自动跟随系统设置;③深色模式 8 大设计坑——图形透明度(用 SVG/WEBP/PNG 不用 JPG)、阴影做深度失效(改用最深色打底最浅色顶层)、字体过细/过粗/对比不足(WCAG 普通文本最低 4.5:1,Coinbase 蓝按钮 4.59:1 勉强合规却仍难辨)、高饱和色不可见、跨渠道 App 暗网页亮不一致、分隔符消失、浮动组件融背景、反色二维码不可扫(前景背景两模式同色);何时优先做暗模式(长时使用/频繁使用/低光环境/少媒体);④用户研究方法——屏幕阅读器 Screen Reader 用户口碑招募(联系 NFB 等盲人组织建用户面板)、面对面优于远程、打印研究计划、文档摄像头+屏幕录制双路记录五元素、音频反馈报时;以及电话语音树 IVR 系统 16 条可用性准则(听觉信息仅占人类获取信息 11% vs 视觉 83%、IRS 电话树深达 10 层)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 可用性测试与可用性启发式知识库 22 篇精华。两大主轴:①Jakob Nielsen 1994 年提出的 10 条可用性启发式(Heuristics,设计自检与启发式评估用):系统状态可见性 Visibility of System Status / 系统与真实世界一致 Match Between System and the Real World / 用户控制与自由 User Control and Freedom / 一致性与标准 Consistency and Standards(含内部+外部一致性·Jakob's Law) / 错误预防 Error Prevention(优先高风险场景) / 识别优于回忆 Recognition Rather than Recall / 灵活性与效率 Flexibility and Efficiency(加速器 accelerators) / 美学与简约设计 Aesthetic and Minimalist Design(信噪比) / 帮助识别诊断恢复错误 Help Users Recognize Diagnose and Recover from Errors / 帮助与文档 Help and Documentation——每条给心法+do/don't+反例,并附复杂企业应用(ArcMap/Power BI/Salesforce/Revit/Solidworks/Jitterbit)的应用要点;用户愉悦 Delight 建立在功能-可靠-可用-愉悦四层金字塔(Aarron Walter)之上,表面愉悦 vs 深层愉悦+负面偏差效应。②可用性测试方法:5 人测 85% 问题黄金法则+例外(定量≥20人·卡片分类≥15人·眼动追踪 39人·敏捷 2-3 人·83 项研究实证)、参与者招募($171/人·机构 vs 内部·激励·11% 缺席率·201 人调查)、远程有主持测试 7 步、任务场景三技巧(真实/可操作/不提示)、分步任务 Stepped Tasks 研究可发现性与可查找性、态度 vs 行为研究 Attitudinal vs Behavioral、定性数据 4 步分析法(收集/检查/理解/验证)、小样本大测量误差(真值+测量误差·置信区间·统计显著性·别报裸数字)、竞争性可用性评估(选 2-4 竞品·专家评审 vs 用户测试)。读者=产品经理,术语行内解释,决策导向。
Nielsen Norman Group 敏捷开发中 UX 的 13 篇精华再合成。一条主线:UX 怎么塞进以两三周冲刺(Sprint)为节奏、本为开发者效率设计的敏捷框架(69% 项目用敏捷·22% 混合瀑布+敏捷·成功团队 >3 年经验·UX 影响力仅 4.0/7 分)。六块:①Agile UX 现状与十大实战 Tips(UX 领先开发 1-2 个冲刺·参与每日站会 daily scrum·迭代而非完美);②探索 Discovery 与 SCALE 五步(缩小范围而非跳过·spike·别提前开发);③MVP 三派之争(精益创业本意=验证假设的实验 vs 误读成'每两周凑个半成品'·风险-回报矩阵·价值主张假设 Value-Proposition Hypothesis vs 方案假设 Solution Hypothesis·6 类 MVP 指标·别叫 launch 叫 pilot);④把研究纳入 backlog(用户故事拆任务·关注 outcome 而非 output·问题-假设-事实知识板 Kanban);⑤Lean UX 文档(少即是多·给谁看/为什么·每周 UX 周报);⑥协作设计活动(6-up 1-up·白板会议 whiteboarding·电话游戏 telephone game)、内容五用户故事、设计思维 Design Thinking 手电筒模型、Mozilla 迭代测试客服请求降 70%(7000→2000/月·24h 应答率 40-60%→80-90%)的 ROI 实证。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 关于企业网站(Corporate Websites)与 B2B 网站(B2B Websites)的 UX 知识库 14 篇精华(企业站 10 + B2B 4)。三条主轴:①企业官网对外门面——关于我们 About Us(三轮研究·165 网站·85 条指南·多层信息架构:首页标语→摘要→子页→页脚链接·透明真实是新刚需·用户必去第三方 Yelp/Google Reviews 对账)、联系我们 Contact Us(20 人 40 站研究·12 条指南·电话邮箱地址三件套不可藏·表单只能补不能替·3-5 字段·不强制注册·标注可用时间与回复时效)、社会责任与可持续 Social Impact(导航独立分类·拿事实证据不空谈·真诚非企业腔·避行话)。②企业内网 Intranet 员工系统——员工搜索 Suggested-Employee Search(最高频功能·即时建议<0.1s·从 2001 年 1分44秒/年耗 75 万美元 到 2012 后 2 秒/年仅 14500 美元 省 99%)、SharePoint(非开箱即用·年增 20%)、获奖内网案例(Wellcome Trust Trustnet 多学科团队敏捷·Keysight Pulse 9 招激励·社交参与 6 法)、内网重设计 11 步(80% 获奖团队用外部机构)、跟利益相关者协作做研究。③B2B 独特性——B2B vs B2C 5 大差异(长购买周期数月数年·集成兼容监管信息·同时面向选择者 Choosers 和用户 Users·复杂定价给代表性场景·按客户细分但互斥)、B2B 从 B2C 学建信任(高转换成本·定价透明用损失厌恶·销售代表沟通·向多利益相关者内部销售·行话原地定义)、企业软件 UX 新兴趋势。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 劝导式设计 Persuasive Design 与行为心理学知识库 26 篇精华。核心:用户决策不是理性计算,而是被一组可预测的心理捷径(启发式 heuristic)与认知偏差(cognitive bias)驱动,设计师可借此降低阻力、引导行为——前提是说服建立在用户真愿意接受的行为上而非黑暗模式 dark pattern。八大主题:①Cialdini 说服原理:互惠 reciprocity(先给后取·comScore 表单墙 vs Nielsen 先放内容)/ 社会认同 social proof(评论·浏览过的人·点赞数·麦当劳1亿个汉堡)/ 权威 authority(Bickman 制服92% vs 便装42%·Milgram 65%·律师照片/媒体logo/名人背书)/ 承诺与行为一致 commitment & consistency(Yelp 先写评论后注册·Fitbit 目标·23andMe 进度条)。②认知偏差与决策:前景理论 prospect theory 与损失规避 loss aversion(Kahneman&Tversky 1979·确定性偏见 $900 vs 90%×$1000·隔离效应·框架化 95%满意 vs 5%投诉)/ 锚定 anchoring(1×2…×8 中位512 vs 倒序2250·SSN 末两位锚价格 $16 vs $55·Oxfam 建议捐赠额+23%表单完成率·原价划线)/ 补偿性 vs 非补偿性决策 compensatory vs noncompensatory(选项多用筛选淘汰·选项少5-7用对比表权衡·Wayfair 20903沙发·混合两阶段)/ 满意化 satisficing(找够好不找最好·倒金字塔·排序)/ 启动效应 priming(Pottery Barn 优惠码字段诱导离开)/ 功能固着 functional fixedness(蜡烛问题·5岁比成人快·抽象化问题/跨领域/延迟评判)。③注意力局限:变更失明 change blindness(20-40次才看出变化·闪烁效应)/ 隧道视角与选择性注意 tunnel vision(Westfield 大字2000被忽略·横幅盲视 banner blindness)/ 分块 chunking(米勒神奇数字7±2·电话号码分段·不必拘泥7个菜单项)。④寻路:信息觅食 information foraging(Pirolli&Card·信息获取速率=价值÷成本·补丁patch·气味scent·富化enrichment)/ 信息线索 information scent(链接标签+周边内容+上下文+背景知识·Cisco 术语NGFW低气味)/ 交互成本 interaction cost(预期效用=收益-成本·零成本理想)。⑤心智模型 mental models(雅各布定律·返回按钮·购物车自主控制·skeuomorphism 仿实物·惯性 inertia)与学习幂律 power law of learning(新界面要和已达平台期的旧界面竞争·一致性的价值·重复1次抵旧界面5次)。⑥信任:信任金字塔5层 hierarchy of trust(相关性→偏好→个人信息→财务信息→长期关系·Threadup/Nextdoor 过早索取)/ 可信度4要素 trustworthiness(设计质量·信息透明·内容全面准确及时·与网络关联·Nielsen 1999)/ 显著性-解释理论 prominence-interpretation(五秒测试·MoneyStrands 间谍形象)。⑦自我决定论 self-determination theory:自主性 autonomy + 关系感 relatedness + 能力感 competence(Ryan&Deci·定制/可扫描/时序三法增自主·Duolingo 学习路径·拉式上下文提示优于教程)与负面偏误 negativity bias(失20美元痛>找20美元喜·logo居中难6倍·微文案/错误信息/愉悦中和)。⑧隐私伦理:怪异性-便利性权衡 creepiness-convenience tradeoff(数字探索者 vs 实用主义者·中美文化差异·渐进式数据请求)+ 黑暗模式伦理红线。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 人机交互(Human-Computer Interaction, HCI)知识库 16 篇精华。覆盖三大块:①运动与认知的硬定律——菲茨定律 Fitts's Law(到达时间 T 取决于距离 D 与目标宽度 W,大目标更快·屏幕边缘=无限目标·带衬垫目标 padded target·两阶段运动模型 Woodworth·线性 vs 矩形 vs 饼状菜单距离·按钮贴近上一步操作)、轨迹控制定律 Accot-Zhai Steering Law(在有边界路径中移动 T=a+b·A/W,路径越窄越长越难·分层菜单 L 形通道·向量三角缓冲区·Mega Menu·宽容路径)、触控目标 Touch Targets(最小 1cm×1cm/0.4in·手指宽 1.6-2cm·拇指 2.5cm·间距防误触·视看 vs 点击不对称 View-Tap Asymmetry·儿童/老人/单手用大目标 2cm)、设计流程(迭代 Iterative 每轮+38%·并行 Parallel 合并+70% 再迭代 152%·竞争性测试 Competitive)。②交互模式与界面——状态切换控件 State-Switch(双控件:状态指示器+切换按钮 vs 单控件·静音 Mute 按钮反例 WebEx·Zoom 正例)、入门教程 vs 上下文帮助 Tutorials vs Contextual Help(推送 push vs 拉取 pull·短期记忆负担·渐进式披露 progressive disclosure)、任务分析 Task Analysis(任务 vs 目标·情境调研·HTA 分层任务分析图·GOMS·认知复杂性)、数据表格 Data Tables 四大任务(查找/比较/编辑单行/批量操作·冻结表头首列·斑马纹·就地编辑 vs 非模态侧边面板)。③智能家居与新场景——智能设备 7 最佳实践、入门连接 5 准则、智能家居 5 动机(便利/安全感/省钱/有用数据/氛围)、3 类用户(管理者/日常/受限)+ Zone×Role 双轴·代理执行·自动化不可见性·能 Dumb Work 降级、智能通知 7 原则(及时/相关/具体/强度/频率/渠道/可调)×3 类型(Reactive/Proactive/Optimization)、优先智能而非情感 Smarts over Sentience(温暖 AI 出错率+10-30%·RAG)、虚拟排队 Virtual Queues 13 实践、AR 校准 10 准则。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group「组织与设计流程」子集 17 篇精华,讲的是「设计过程里你会做出哪些动作、交出哪些东西」。五大主题:①探索阶段 Discovery——发现模式 Discovery Mindset(围绕问题而非解决方案,破锚定效应 Anchoring+确认偏差 Confirmation Bias,3 招:重新定义目标/突出未知与假设/冻结想法 Icebox)、成功探索 7 技巧(先拿支持 buy-in/明确角色规范/写问题陈述 problem statement 不暗示方案/未知优先级聚类投票/时间盒 timebox 反计划谬误,7 周示例计划 1-2周框定+2-4周研究+3-5周分析+6-7周机会与构思/团队全员做研究/共同分析综合 How-Might-We)、CSD 矩阵(确定性 Certainties「We know」/假设 Suppositions「We believe」可测/疑问 Doubts 待研究,行按用户·商业·技术·人·流程·状态·优先级分组,目标=把疑问假设转成确定性)、启动新 UX 项目 4 步(带问题清单进 kickoff/口头讨论暴露信息差/据差距排时间表/为未来铺路,适配敏捷+瀑布);②线框与协作草图——画线框 4 步(定宽高比 1024x768/1920x1080·导航搜索·最大元素标题粗线正文细线图片打叉·细节下拉框单选框按钮)、让干系人画草图魔法公式(粗记号笔 Sharpie+小空间 8 格纸+时间限制每个 5 分钟+随意丑示例=放松的绘图者)、Promptframes(线框+生成式 AI 提示,替代 lorem ipsum 假文,6 步:定上下文角色组织目标语气+写记录提示+跑+协作测试优化+迭代+人工精修,2-3 个变体,只内部用不给高层);③原型保真度——低保真 vs 高保真、可点击 vs 静态原型 7 问决策(能否预设所有响应/能否多次试运行/能否修完所有问题/设计是否稳定/有无人当电脑/页面流程是否重点/是否要观察动态变化),为什么测原型(省成本/避风险/迭代);④设计规格与交付物——设计规格 spec 双件(Figma 设计文件:交互流程·视觉·布局栅格·组件·真实内容·无障碍 tab序alt文本;开发任务单 Linear:目标·范围含与不含·假设·成功指标·Figma链接·注意事项)+与开发对齐 4 技巧(早邀开发/留评论时间/准备折中/记录同步更新)、交付物术语表 50+(亲和图/反角色 antipersona/原型 archetype/CSD矩阵/共情图/体验地图/Kano模型/MoSCoW/RICE/RACI/服务蓝图/角色 persona 含 proto/qualitative/statistical/原型 prototype/纸质原型/促框 promptframe/草图测试 sketch test...)、最常用交付物(86 位从业者调研:静态线框/交互式原型 67%/流程图/站点地图/可用性报告;按受众选:管理层看交互原型+可用性报告+旅程图·客户看交互原型67%+高保真模型47%+竞品分析34%·开发看交互原型63%+流程图55%+样式指南51%);⑤专家评审/工作坊/故事板/问卷——专家评审 Expert Review(启发式评估/独立设计评议/专家评审三类,外部视角更客观+发现盲点,5 组件:优势清单·问题清单·严重性高中低·改进建议·最佳实践,vs 可用性测试互补,每 2-5 年定期评)、工作坊引导 Facilitation(4 目标:全面平等参与 Diverge-Converge/促进相互理解/包容性协作决策/共享责任,6 原则:倾听·包容空间·欢迎即兴·真实透明·不给建议·拥抱建设性冲突,工具包=材料+活动 post-up/亲和图/强制排序/角色扮演/Playback+技巧 沉默/平衡/关联)、故事板 Storyboard(场景+视觉+图片说明三元素,vs 旅程图区别,6 步,低保真便签可重排)、过程中的问卷 Surveys(设计周期 4 阶段发现/探索/测试/倾听,各阶段对应类型:发现期定性问卷+干系人问卷+日记研究/探索期统计角色问卷+竞品客户问卷/测试期任务后 SEQ 单项易用问题+测试后 SUS 系统可用性量表 10 题/倾听期 NPS 0-10·CSAT 1-5·CES,反例=误以为问卷快又简单)。读者=非技术产品经理,术语行内解释,决策导向(何时用/怎么选/反例),保留全部数字。
Nielsen Norman Group「视觉设计」主题下设计系统与图标子集 19 篇精华。六大簇:①设计系统与风格指南(Design System=父,含组件库 Component Library/模式库 Pattern Library/风格指南;Style Guide=子,分内容/品牌/前端三类;三种落地法采用 adopt/调整 adapt/自建 create 的成本-定制-品牌一致性三档权衡;NASA 1976/Material/Carbon/USWDS 范例)。②图标与示能 Signifier(图标可用性=识别度 Recognition 是否认出形状 + 解释性 Interpretation 是否懂含义;4 质量标准 可发现性 Findability/识别度/信息气味 Information Scent/吸引力 Attractiveness;离散 vs 上下文测试矩阵;手风琴 Accordion 标识符实验 11 原型 5 变体→Caret 下拉符最优·右箭头≈无图标;软盘=保存 83%/圆箭头=同步刷新 73%/下箭头+容器=下载 78%;闪光 Sparkles 图标 AI 滥用·107 人无一人联想 AI·16.82% 误读收藏)。③视觉风格演变(拟物 Skeuomorphism 学习辅助 vs 视觉趋势→扁平 Flat→新拟态 Neumorphism 低对比痛点;玻璃拟态 Glassmorphism 自 2020 透明度+背景模糊+描边渐变·Apple SwiftUI/Microsoft Fluent Acrylic/Vision Pro·WCAG 对比度风险)。④可点击元素识别(Beyond Blue Links 5 类提示·点击成本 Interaction Cost)+横幅盲视 Banner Blindness(选择性注意·邻近毒化·烫手山芋效应·伪广告·自 1997 持续)。⑤动画与动效(6 用途:反馈/状态切换/空间隐喻导航/示能/吸引注意/注意力劫持暗黑模式;克制原则)。⑥视觉测试(态度 Attitudinal vs 行为 Behavioral;5 秒测试/首次点击/偏好测试/开放闭合词选;Microsoft Desirability Toolkit 118 词卡 2002 控制词汇·删减至 25 词内·维恩图分组;情绪板 Mood Board 4-5 关键词→视觉拼贴)。另含 3 篇研究/团队方法 misfit(亲和图法/UX 映射视觉/群体思维/NPS 缺点)简述并标注归属。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例),保留全部数字。
NNGroup Topics 里两个纯图片素材库的索引指针。Chart 80 = 83 张图表设计范例(选图表类型/数据可视化参考)。UX Research Visualization = 178 张 UX 研究成果可视化范例(旅程图/共情图/亲和图/研究报告排版等)+ 3 PDF + 1 pptx + 1 xlsx 模板。这两个文件夹没有文字笔记,是 Will 收集的'抄作业'视觉参考,只能看图。本 wiki 不复刻图片(图体量大走 gitignore,本地保留),只记录它们是什么、在 sources 哪里、什么时候来翻。配套的图表选择/数据可视化方法论见 [[nngroup-patterns-feedback-dialogs]](选图表类型)与 [[nngroup-visual-design-principles]]。
Nielsen Norman Group 视觉设计原理子集 19 篇精华。一条主线把'好看'拆成'好用':①五大视觉原则(比例 Scale 最多 3 档·视觉层次 Visual Hierarchy·平衡 Balance 对称/非对称/放射·对比 Contrast·格式塔 Gestalt)是总纲。②格式塔分组四原则:接近 Proximity(最强分组线索·12 字段表单拆 3 组×4)、相似 Similarity(颜色>形状>大小传分组·误导性相似反例)、闭合 Closure(脑补缺失·轮播截 40% 暗示更多·完整性幻觉)、共同区域 Common Region(容器/边框/底色>接近+相似·假底陷阱)。③视觉层次落地:颜色对比(2 主 2 辅·对比变化 ≤3 种)、比例(3 档·大元素 ≤2 个)、分组(接近+共同区域)、眯眼测试 Squint Test;网格(列 Columns 桌面 12/移动 4·间隙 Gutters·边距 Margins·8px 网格·列网格/模块网格/层级网格·1128px 12 栏 72 列宽 24 栏距);黄金比例 φ≈1.618(字号/行高/裁图/双列布局)。④排版:30+ 术语表(基线/X 高度/字距 kerning/行距 leading/连字/孤行)、字体搭配 6 分类(衬线/无衬线/平板衬线/手写/装饰/等宽)+ 装饰字配中性字+单字体多字重、最适阅读字体(352 人测 16 字体·最快比最慢快 35%·每年降 1.5 WPM·20 年降 11%·Garamond 仅适 48%·无普适最佳)。⑤色彩(色轮原/间/三次色·和谐 5 式·60-30-10·限 3 色·颜色意义非全球通用)。⑥图像(图片优势效应 Picture-Superiority·照片要承载信息非装饰·4 类图像·列表用颜色+图标比纯文本快 37%·视觉标识).⑦美学-可用性效应(好看=以为好用·1995 Kurosu 26 台 ATM·掩盖小问题但救不了大缺陷·干扰可用性测试)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例),所有数字保留。
Nielsen Norman Group 信息架构(Information Architecture, IA)知识库 6 篇精华。先把 IA 定义讲清:IA = 组织·分类·命名内容并设计内容关系的实践(不是单一工件,是持续优化过程)。三条主轴:①IA 三模型——可见导航 Visible Navigation(前台 Front Stage,菜单/链接/面包屑/折叠面板,贴用户心智模型)/ 底层 IA 结构 Underlying IA Structure(后台 Back Stage,全站页面关系蓝图≈网站地图 Sitemap)/ 分类法与元数据 Taxonomies & Metadata(概念关系图,组织'概念'而非'内容',更技术化);并辨析 IA vs 网站地图(IA 是整体实践含内容清单 Content Inventory·内容审计 Content Audit·IA UX 研究如卡片分类 Card Sorting/树测试 Tree Testing·分类法标签,网站地图只是其可视化产物,nngroup.com 示例 3 级蓝/绿/黄节点)。②结构选择——扁平 vs 深层层级(Flat vs Deep Hierarchies):扁平可见性强·交互成本低但信息过载,深层顶层简洁但认知负担+点击路径长;新西兰政府 15 顶级类别扁平 vs 安永 5 顶级类别深层(服务下 11 子类·咨询下 10 子类);结论=避免极端·适度扁平优于适度深层·用户研究是关键。③导航与内容页落地——左侧垂直导航 Left-Side Vertical Navigation(容纳多分类·可扩展·易扫描,用户 80% 注意力在左半屏,阿伯尔餐厅 13 类·Slack/Gmail,反例埃森哲单'服务'藏全部·Nua 自行车内容/装饰比 5:1→12:1·5 条最佳实践:左对齐醒目/不重复导航/图标配文字/长菜单优化/移动端适配);分类法 Taxonomy 全流程(受控词汇 Controlled Vocabulary·层级·不可扩展,支撑分面导航 Faceted Navigation 美国国会图书馆/搜索建议世界银行,对比叙词表 Thesaurus·本体论 Ontology,8 步构建法 BARTOC.org);隐私政策/使用条款页 5 大常见错误(语言晦涩·缺概述·排版差≥14pt·导航不全·位置不符预期,正例 LinkedIn/eBay/Google·反例 Forever21/Ameren/Spotify 全大写)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 移动与平板设计知识库 19 篇精华，读者=产品经理、术语行内解释、决策导向。八大主轴：①移动交互物理约束——Fitts 法则(移动时间随距离对数增长、目标越大越好、图标加文字标签扩大点击区、触屏边缘不再是'无限目标')+移动微会话 Microsessions(<15s、占 40%+ 会话、靠通知/小组件/快捷操作/语音助手四法支撑、老年人阈值 22s)。②移动覆盖层与导航——底部弹窗 Bottom Sheets(模态 vs 非模态 vs 可扩展、返回键关闭、明确 X 按钮、不堆叠、仅短暂交互)+覆盖层意外关闭(部分 vs 全屏、误用返回键丢工作、Walmart/Google Maps 反例)+标签 Tabs(页面内 vs 导航、≥2 指示器、一行不堆叠、≤2 词标签、不全大写)+轮播 Carousels(移动只看 3-4 帧、慎自动播放、限 3-4 帧)。③移动表单与录入——移动结账(一键购物车、访客优先、订单摘要置顶展开、键盘类型匹配、开放字段替下拉、拍照识别卡、跨设备 Handoff)+时区选择器(自动定位、按城市字母序、搜索 44% 用城市、73% 知道时区名、GMT 比 UTC 熟 55% vs 34%)+数据表格四任务(查找/比较/查看编辑/批量操作、冻结表头首列、斑马纹、非模态侧栏编辑)。④系统状态三态——指示器 Indicators(被动/上下文)vs 验证 Validations(需操作/上下文)vs 通知 Notifications(全局或上下文/系统触发)。⑤错误消息——三维评分标准(可见性/沟通性/效率性各 4 条、1-4 分、A-D 等级、Craigslist 2.08/Google Flights 3.17/J.Crew 3.67)+设计指南(靠近错误源、多通道冗余、积极语调不怪用户、保留输入)。⑥推送通知五大错误(过早请求权限、不说内容、短时轰炸、无关内容、难关闭；2016 日均 56 条)。⑦上手引导——推送式教程 Push 无效(打断/遗忘/不提升完成率，70 人实验成功率 91% vs 94% 无差异、跳过组觉得更简单 5.49 vs 4.92)，应改拉取式揭示 Pull/上下文帮助。⑧跨设备与物理-数字桥——移动优先对桌面的负面影响(内容分散、移动流量 55%、手风琴在桌面增点击、完整性错觉)+二维码 13 条可用性(给上下文、深链、移动友好页、<15s 用短链、最小 2cm×2cm)+智能手表 6 型交互(接收/参考/记录/控制/沟通/引导，200+ 实例、每 5 美国人 1 人有)+横幅盲视 Banner Blindness(忽略顶部/右栏广告样式、格式塔接近性、热土豆效应)。每节带心法/Why/反例，保留全部触控尺寸与百分比数字。
