弹窗 · Modal
英文:modal/ˈmoʊdl/(重音在前)
界面与交互难度:入门 ★
🗣️一句话大白话
盖在当前页面上的「临时对话框」:要求用户先处理它(确认删除、填表单)再回去。打断感强,所以要省着用。
🎬真实场景
用户点「删除账号」→ 弹窗「确定删除?此操作不可恢复:[取消] [确认删除]」——正确用法:不可逆操作前拦一道。要是连「查看详情」都弹窗,用户会被烦死。
📮你可以这样说
「「删除操作前加确认弹窗:说明后果(不可恢复),按钮为『取消』(次要样式)和『确认删除』(红色危险样式)。出现时背景加遮罩,按 Esc 可关闭。」」
⚠️边界与常见误解
- ▸弹窗打断心流:能用页面内提示就别弹窗
- ▸弹窗里再弹窗是灾难
- ▸手机端弹窗留边距、按钮够大