弹出窗口：从90年代开始就被憎恨

用户自20世纪90年代以来已经讨厌弹出窗口，他们今天仍然讨厌他们。实际上，在我们的调查中有452名成年人受访者，我们发现弹出窗口是最讨厌的广告技巧．（就像他们在一个2004年的类似研究.很高兴知道有些事情永远不会改变，即使是弹出窗口引起的负面情绪。）

多年来，我们已经听到无数用户对这些咄咄逼人的广告技巧的抱怨。

“哦,上帝。每个人都希望你继续注册电子邮件。”

“我要关闭促销事件。”

“我永远不会点击弹出窗口。”

“让我们看看我是否可以在这里关闭这个东西。只是为了让它从屏幕上消失。”

“这些都太乏味了，它们提供的信息并不重要。”

在20世纪90年代和21世纪初，弹出窗口是一种新的浏览器窗口，可以轻松覆盖用户的整个屏幕。今天的弹出窗口是技术上的覆盖:显示在另一页顶部的内容框。

最具破坏性和烦人的覆盖版本是模态叠加．在模态覆盖中，页面上的内容被禁用，直到用户明确地与叠加相互作用。这种类型的弹出窗口往往是最讨厌的版本，因为它是最多的引起混乱的-它会打断用户，迫使他们在弹出窗口内采取行动，而不是继续他们的任务。

模态叠加，如Alo瑜伽网站上的这一个，迫使用户停止他们正在做的事情，并与模态交互。

尤其是电子商务网站，尤其是电子商务网站，具有模态覆盖 - 通常包含销售促销或请求注册电子邮件通讯或短信。即使是非透镜也会导致烦恼，特别是当它们变得不合理时。

守护者的网站使用了巨大的亮黄色非透镜，以请求读者捐赠。

为什么设计师继续使用这些刺激性实现？团队经常转向模数，因为他们做获得关注，即使它们具有破坏性和烦人性。当鼓励设计师不惜一切代价优化时事通讯注册、文本注册或注册时，他们有时会做出优先考虑这些指标的决定。但是，从长远来看，这些策略会侵蚀用户的信任以及他们与品牌的关系。

一波又一波弹出窗口

虽然这些中断设计已经发生了几十年来，但他们今天比以往任何时候都更糟糕。这是因为现代网络用户经常被不同类型的覆盖物所困扰来自多个来源，有些很重要，有些不那么重要——但都挡住了他们的视线。

用户在网站上的会话中可能会遇到几种类型的弹出窗口：

  • 隐私相关弹出窗口,用于修饰cookies、GDPR、位置访问、推送通知请求和其他权限
  • 营销、捐赠或销售相关弹出窗口例如请求聊天、订阅时事通讯、购买、捐赠或使用促销
  • Browser-initiated弹出窗口(通常由用户可能安装的插件触发)，如密码管理器或交易查找器

使用一个或两个弹出窗口可能看起来无害或仅对设计师侵入，如果你一起加上所有这些在一个会议中，您可以看到经验如何降级。例如，我们研究中的一个参与者遇到了所有三种类型的弹出窗口，而她在玉兰回家的装饰网站上购物。

隐私相关弹出窗口: 当她到达该网站时，参与者在页面左下角遇到了（非透视）隐私相关的叠加，向她通知她对网站使用浏览器cookie。
与营销相关的弹出窗口： 在花了几分钟浏览网站后，一个模态覆盖接管家居装饰列表页面。此弹出式实现是典型的电子商务网站，旨在说服用户注册时事通讯促销。
Browser-initiated弹出:我们的许多参与者电子商务研究人员在浏览器中使用了像Honey这样的交易插件。这些插件会在用户购物时显示额外的模态。当购物者到达结账流程时，她的Honey插件触发了另一个模式。

堆叠的叠加物相互争斗

在最近的研究中，我们多次看到用户对这些弹出窗口感到沮丧;许多甚至不得不打掉几个堆叠在一起的图层。这些覆盖不仅是双重的用户烦恼，而且他们经常是越野车并相互努力。

百思买展示了两个覆盖图：一个是非模态的，用于请求使用location的许可，另一个是模态的，用于邀请用户注册时事通讯。

在我们的测试中，当用户使用屏幕空间有限的小型设备(智能手机、平板电脑，甚至一些更小的笔记本电脑)时，重叠覆盖的问题更加严重。一些使用小型笔记本电脑(如chromebook)的参与者尤其讨厌堆叠的叠加。即使你有足够的屏幕空间，弹出窗口也很烦人，但如果你没有足够的屏幕空间，弹出窗口更是如此。

当地eclectic停止了一个参与者在其网站上购物，阻止了她的全页通讯提示以及较小的应用程序下载提示 - 在她开始购物之前要关闭两件事。
在LocalEclectic.com上，聊天和“打九折”浮动按钮重叠。当多个不同用途的覆盖在同一个站点上使用时，它们往往会出现bug，甚至相互争斗。

一位参与者在Leesa.com上买床垫，看到一个典型的时事通讯提示，他很生气。

像很多很多网站一样，Leesa.com使用了一个模式覆盖，在用户第一次访问后立即出现并覆盖屏幕。

他移动鼠标，想把覆盖层去掉，但还没来得及，另一个覆盖层就出现了。这一个鼓励他这样做不要错过任何交易!允许Leesa.com向他发送通知。

用户经常需要同时处理多个重叠的覆盖。Leesa.com上的这两个问题让一位参与者非常沮丧。

在这一点上，他很愤怒。

“这东西突然出现了，真是太棒了侵入这是令人沮丧的．这里还有一个。所以我必须点击这两件事，而不是闲逛。在我看来，这令人沮丧。”

跟踪覆盖

有时，用户会放弃覆盖，只是为了让它缩小，并跟随他们在网站周围。如果用户告诉你他们不想要对话元素，那么继续向他们推送对话元素就会让人感到厌烦。

在销售活动期间，Leesa网站上的首次访问者看到了一个巨大的全页叠加广告20%并鼓励用户注册电子邮件。一旦覆盖被取消，它就会再次出现在屏幕的左下角，作为一个小的浮动非模态覆盖。一个聊天图标覆盖在右边浮动。

在移动设备上，Leesa的网站立即加载了全页覆盖（左），然后将其浮在屏幕上被驳回（右）。

一个叠加是足够令人讨厌的，但是当用户以不同形式面对多种模块的拦截时，有时甚至重叠和跟踪它们，那么体验都非常令人沮丧。这个问题复杂，因为用户通常是访问多个站点在一次会议中。当他们在看到的站点中不断遇到许多弹出窗口时，累积效应是耗尽的。

后来，在访问了其他几个有重叠弹出窗口的网站后，这位床垫购物参与者厌倦了避开层出不穷的覆盖层。他说：

“有些网站，我觉得它们太聪明了，不利于自己。有时是简单的设计和设计[更少]事情突然出现在我面前比所有这些花哨都好五十件事。“

我们之前说过，我们会再说一遍

令人沮丧的是，几十年来，我们（一再、一贯地）听到关于弹出窗口的负面反馈，但问题却不断恶化。

回想起它不是只是一个叠加．您的用户可能会在同一时间看到两种或更多种类型的覆盖提示：

  • 通知请求
  • 位置共享请求
  • Cookie和隐私政策协议
  • 交易浏览器插件
  • 应用程序下载提示
  • 聊天提示
  • 反馈调查提示

用户看到的一些模式是我们无法控制的——我们不能阻止人们安装浏览器插件，我们可能会受到法律的约束，提醒访问者我们的隐私政策。不过,我们可以同情这种累积的负面体验并采取以下步骤减少覆盖超载：

  • 了解你现在的情态动词，并确定您的站点是否会导致竞争或跟踪弹出窗口。一种简单、快速的方法是在私人模式下打开浏览器，浏览站点上的一些重要任务。计算在此过程中遇到的模态数量，以及模态类型。更彻底的方法是远程可用性测试通过这种方式，你可以看到在参与者使用自己的设备时，模态出现了哪些问题
  • 不要请求位置或通知权限除非它是用户真正需要的。
  • 考虑选择实现用于营销或销售相关信息。弹出窗口不是您唯一的选择-探索新方法这可能也可以，但不会惹恼用户。

您可能认为一个特定的弹出窗口是可以接受的，因为它对用户有好处。不幸的是，许多其他网站都用不可接受的(和成倍的)弹出窗口伤害了用户，他们已经毒害了所有其他网站。还记得JAKOB互联网用户体验的法律：用户将大部分时间花在其他网站上，而不是你的网站。这些其他网站的累积经验决定了用户将如何查看你的弹出窗口：他们会讨厌它们。从那时起品牌体验在数字时代，每次弹出窗口的体验都会降低他们对你品牌的评价。