NNGroup 交互模式·反馈·对话框·通知·加载·提示·空状态·数据呈现(15 个模式 · 何时用/怎么选/反例)
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(结构/透明/清晰/辅助·单栏·别用占位符)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例),保留全部数字。