编辑导语：弹窗，不只是“弹出式广告”，它是一把双刃剑，用得好能使用户更加聚焦，用得不好则可能使用户不快甚至击退潜在用户。那么，弹窗要怎么设计呢？本文作者对弹窗进行了详细的分析，一起来看一下吧。

说到弹窗，很多人对弹窗的印象还停留在“弹出式广告”: 网站为了获利，广告商为了增加点击率，那时候的广告就像枪林弹雨，用户无处可躲，进而恼羞成怒，甚至想要砸掉电脑。

广告弹窗曾经在2010年被《时代》杂志评为最糟糕的发明之一。

我们如今再熟悉不过的淘宝曾经为在电商领域存活下来，也不得已使用大量的“流氓广告”，虽然这的确使得用户恼怒，但是不得不说，淘宝也因此刷脸频繁而让大家更熟悉它。

弹窗是一把双刃剑，用的好确实使用户更加聚焦，而如果使用的不恰当，可能会使用户不快甚至击退潜在用户。在设计弹窗时，你有没有遇到过下面的困惑？

• 该在什么时候选择用弹窗，什么时候用页面呢?
• 弹窗的标题怎么起?
• 弹窗叠弹窗最多可以叠几个?

可以说，弹窗设计的好不好，可以极大的体现一个设计师的基本功扎不扎实，别看一个小小的弹窗设计起来似乎非常容易，但面对不同的用户场景、业务背景，弹窗背后的思考从未停止，今天就让我们全方位地了解弹窗。

在正式认识弹窗前，我们不妨设想以下的场景: 你正在家中做事情，但是这个时候电话铃响了， 你不得不放下手中的事情去接电话， 但是假如在智能家居环境中，你可以通过人工智能自动接电话，同时你手中的事情仍然在继续中。

如果说把前者比喻成跳转的页面，那么后者就是弹窗，它能够在吸引你当下注意力的同时，不离开当前的场景。

目前设计界对于弹窗的定义多种多样， 从外观布局上看，弹窗是页面上层弹出的容器，容器中承载着文本、按钮、选项、标签或表单等组合内容；从设计目的上看，弹窗是用户与产品间对话的一种方式，是对用户注意力的一种引导形式，根据抓取用户注意力的多少，可具体定义为Dialogue、Actionbar、Popover、Toast、Snackbar等等特定形式。

从广义上讲，弹窗其实并没有如它的定义那样框的那么死，有时候弹窗不一定有容器，比如追剧时常见的弹幕，也是一种新型弹窗； 再比方说新手引导，也是一种弹窗。不过，咱们在这里谈论的还是狭义上的大家在规范中所常见的弹窗，那些非典型的弹窗就不在今天讨论的范围之内。