浮层不都叫弹窗:按打扰程度选组件,两问定形态,三规防坑

观点:跟程序员说”加个弹窗”是需求沟通里最贵的含糊——浮层家族按打扰程度从轻到重排开,只有 Modal 才配叫弹窗;选型和防坑都有现成尺子。

五兄弟点名:Tooltip 最安静(鼠标一放飘小字、移走就没,关键信息别藏它里面);Toast 一闪而过(“保存成功”两秒自消);Alert 挂顶大喇叭(黄条红条专喊重要的话);Modal 真正霸道(居中跳出、整页变暗、取消还是删除二选一不选不让走);不想霸道用 Popconfirm 气泡确认(就在按钮旁边问,一天删几十条比全屏拦截爽得多)。内容一多用弹窗、抽屉还是新页面,两问定夺:看长短——内容少弹窗三档宽 400、520、720 够用,长表单内容深换抽屉或新页;看要不要对照——列表点开一条改完还看下一条,用抽屉(背后列表还在焦点不丢),下单付钱这种彻底换流程才跳新页。三条铁律:填表弹窗别做”点蒙层关闭”,手一滑数据全没,加草稿自动保存;能撤销就别弹二次确认——直接删给撤销条,找不回来的才弹窗拦;按钮别写”是/否”,用户只有两三百毫秒注意力,写清动作:“放弃退票""确认扣费并退票”。

启示:命名精度就是工程成本——把”浮层按打扰程度分级”这把尺子前置到需求评审,一半返工会消失;它还能量化到推送分级(轻提示到强拦截,打扰度与必要性对齐)。

提醒:1 分 56 秒速查卡,内容是业界通用常识的转述、无出处文献;“三档宽度”系口播经验值(400、520、720)不可当规范引用;视频自述由 claude5.5 制作,属 AI 内容样本;拿它当评审自查清单用,别当标准。


📺 Ludi《Vibe知识大赏丨别再管所有弹出来的东西都叫”弹窗”了!》,抖音,2026-10-19 · 原视频 · 库内 2026-10-20-Vibe知识大赏丨别再管所有弹出来的东西都叫“弹窗”了 · 速览 速览/2026-10-20-浮层组件按打扰程度选型 · 作业卡 卡片/方法/10-20-浮层组件按打扰程度选型-三问三坑-RIA卡

我的批注