NNGroup 交互模式·覆盖层·滚动·移动与响应式(13 个模式 · 覆盖层误关/底部弹窗/教学蒙层/无限滚动替代/滚动位置保存/滚动渐隐/滚动劫持/Cookie权限/移动权限请求/移动引导/响应式断点/移动优先弊端/任务切换)
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 指南·拒暗黑模式)。读者=产品经理,术语行内解释,何时用/怎么选/反例。