在设计B端产品时，产品经理和设计师总会为写一个问题争执不休：在有限的页面空间，是否还能放些什么？而弹窗它可大可小，且能在当前二维页面之外衍生无限的空间，几乎可以做到所有页面能做的事，同时对于开发来说随便在html中加一个和一句话就能生成一个最简单的提示弹窗。是的，在产品设计中，弹窗真的太“方便”了！

或许正因如此，弹窗可能是产品设计中最被滥用的一种常用控件了。如果用户打开一个链接或是按钮后充斥的是一层层的弹窗，用户会感觉你的产品太复杂太难用！更糟糕的是，有的产品会很粗鲁的弹出各种“提示”、“警告”，还需要强制用户去点击或关闭——可能设计者以为这种”温馨提示“是“已用户为中心”，但很多时候我们完全可以以一种更为温和的方式来提醒用户（如toast、悬停浮层、输入框旁边的橙色文字等）。了解弹窗有哪些类型、可以做什么，能够帮助我们在设计时做出更合理的决策。

弹窗，是一种“展现于页面之上的一种信息容器”，在x、y轴的平面空间之外扩展了页面的维度和深度，它是一种比页面更灵活的信息容器。细分下来会有很多类型，但并没有一种很明确和统一的叫法。在移动应用流行以前的网页设计中，有对话框（Dialog）、警示框（Alert）、弹出层、弹框、浮层（popup）、气泡……现在，因为响应式设计和多平台统一的趋势下，甚至也有将android的toast提示、Actionbar，以及ios的透明指示层（HUD）和也算作是“弹窗”的一种。同时，非模态各种浮层和窗口，类型和用法千差万别；鉴于此，我在这里重点探讨我们在B端产品（PC端）中常用的传统意义上的“弹窗”。

以功能和用途为维度，笔者将弹窗分为三种类型：信息展示、任务、反馈。

本文转载自 Think体验设计公众号。

原文链接：https://mp.weixin.qq.com/s/pRvR6B2qK7nraKxCESdc3A

创作场景

B 端产品设计中，弹窗可以做哪些事情？（一）