30. 🚀 用户引导与新手体验 Onboarding & User Education ★★★☆☆
🌏 Web 网页规范
- 网页步骤向导 (Tour Dialog)
- 背景镂空遮罩气泡与自动定位
- 首次功能发现红点与提示气泡
📱 App 移动端规范
- 首次启动轮播引导页 (Onboarding Slider)
- 原生组件高亮遮罩定位 (Spotlight)
- 权限征求最佳时机（如使用前触发）
Web 网页端新手引导常使用浮动向导。在页面渲染完成后，遮罩覆盖屏幕，通过高亮特定元素并在其旁边定位弹出框，通过“下一步”引导用户探索模块。
App 原生端在新安装时展示 3-4 页幻灯片介绍核心卖点。同时，绝不在启动时立即连环弹出系统权限申请（定位、通知等），应在用户进入相关场景并明确利益点后再行触发。
LIVE PLAYGROUND: 多步气泡定位新手引导 (Tour)
点击启动引导，屏幕将变暗并高亮目标按钮，提示定位气泡将随步骤精确位移
https://web.meta-ui.edu/onboarding
📋 大模型统一 Prompt (LLM Prompt)
引导不应止步于首次启动——渐进式披露（Progressive Disclosure）是在整个用户生命周期中按需揭示功能的策略。核心模式包括：上下文提示（Contextual Tips，用户到达特定页面时才出现相关功能引导，比全量 Tour 干扰小 80%）、空状态引导（Empty State Onboarding，在"零数据"时提供模板/示例降低冷启动焦虑）、功能发现红点（Discovery Dots，新功能图标旁的小圆点，点击后消失）、渐进解锁（Progressive Unlock，高级功能随使用深度逐步开放，降低初始认知负荷）。关键原则：永远在用户需要时出现，而非在你推广时推送。
App 权限请求的 时机选择比权限本身更影响转化率。最佳实践：在用户即将触发需要该权限的操作时请求（如点击"拍照"时请求相机权限），而非首次启动时一次性弹出所有权限。预请求说服（Pre-permission Prompt）策略：在系统弹窗前先展示自定义页面，用 价值导向措辞（"开启定位以发现附近美食"，而非"XX 需要访问您的位置"）解释权限收益。Apple 数据显示，延迟请求 + 价值说服可将权限授权率提升 40-60%。iOS 的 Provisional Authorization（临时授权）允许先静默发送通知，用户确认价值后再请求完整权限。