在设计 B 端产品时，产品经理和设计师总会为写一个问题争执不休：在有限的页面空间，是否还能放些什么？而弹窗它可大可小，且能在当前二维页面之外衍生无限的空间，几乎可以做到所有页面能做的事，同时对于开发来说随便在 html 中加一个和一句话就能生成一个最简单的提示弹窗。是的，在产品设计中，弹窗真的太“方便”了！
或许正因如此，弹窗可能是产品设计中最被滥用的一种常用控件了。如果用户打开一个链接或是按钮后充斥的是一层层的弹窗，用户会感觉你的产品太复杂太难用！更糟糕的是，有的产品会很粗鲁的弹出各种“提示”、“警告”，还需要强制用户去点击或关闭——可能设计者以为这种”温馨提示“是“已用户为中心”，但很多时候我们完全可以以一种更为温和的方式来提醒用户（如 toast、悬停浮层、输入框旁边的橙色文字等）。了解弹窗有哪些类型、可以做什么，能够帮助我们在设计时做出更合理的决策。
弹窗，是一种“展现于页面之上的一种信息容器”，在 x、y 轴的平面空间之外扩展了页面的维度和深度，它是一种比页面更灵活的信息容器。细分下来会有很多类型，但并没有一种很明确和统一的叫法。在移动应用流行以前的网页设计中，有对话框（Dialog）、警示框（Alert）、弹出层、弹框、浮层（popup）、气泡……现在，因为响应式设计和多平台统一的趋势下，甚至也有将 android 的 toast 提示、Actionbar，以及 ios 的透明指示层（HUD）和也算作是“弹窗”的一种。同时，非模态各种浮层和窗口，类型和用法千差万别；鉴于此，我在这里重点探讨我们在 B 端产品（PC 端）中常用的传统意义上的“弹窗”。
以功能和用途为维度，笔者将弹窗分为三种类型：信息展示、任务、反馈。
本文转载自 Think 体验设计公众号。
原文链接：https://mp.weixin.qq.com/s/pRvR6B2qK7nraKxCESdc3A
腾讯云技术实践精选集 2022
近10万字的技术汇编，26 位专家讲师的真知灼见，倾囊相授，覆盖云原生、大数据、数据库等热门技术领域，点...
评论