弹出窗口:自90年代以来讨厌

自上世纪90年代以来,用户就讨厌弹出式窗口,直到今天他们仍然讨厌。事实上,在我们进行的调查中在对452名美国成年人的调查中,我们发现弹出窗口是其中之一大多数讨厌的广告技巧.(就像他们在一个2004年类似的研究.很高兴知道有些事情永远不会改变,即使它是由弹出窗口引起的负面情绪。)

多年来,我们已经听到了关于这些积极广告技术的无数抱怨。

“天啊。每个人都希望你继续注册电子邮件。“

“我要结束升职的事。”

“我只是从来不点击弹出窗口。”

“让我们看看我是否可以在这里关闭这件事。只是为了让它离开屏幕。“

“这些是如此乏味,他们所呈现的信息并不重要。”

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

覆盖的最具破坏性和讨厌的版本是莫代尔覆盖.在模式覆盖中,页面上的内容被禁用,直到用户显式地与覆盖交互。这种类型的弹出窗口往往是最讨厌的版本,因为它是最破坏性的- 它中断用户并强调它们在弹出窗口中采取动作而不是继续其任务。

模态叠加,就像alo瑜伽的网站上那一个,强迫用户停止他们正在做的事情并与模态交互。

总体而言,网络,尤其是电子商务网站,充斥着各种模式叠加——通常包含促销活动或注册电子邮件通讯或短信的请求。即使是非模态覆盖也会引起烦恼,特别是当它们过大的时候。

《卫报》网站使用了大量的亮黄色非模态叠加来请求读者捐赠。

为什么设计人员继续使用这些恼人的实现呢?团队经常使用情态动词,因为他们得到注意,即使他们是破坏性和烦人的。当鼓励设计人员以所有成本优化通讯注册,文本注册或注册时,他们有时会做出优先考虑这些指标的决定。然而,从长远来看,这些战术侵蚀了用户的信任及其与品牌的关系。

潮汐浪潮

虽然这些干扰设计已经存在了几十年,但如今它们比以往任何时候都更糟糕。这是因为现代网络用户不断地阻碍不同类型的叠加层来自多个来源,一些重要的,一些较少的所以 - 但所有人都阻挡了他们的观点。

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

  • 与隐私相关的弹出窗口,属于cookie,gdpr,位置访问,推送通知请求以及其他权限
  • 营销,捐赠或销售相关的弹出窗口如请求聊天,订阅时事通讯,购买,捐赠或使用促销
  • 浏览器启动的弹出窗口(通常由用户可以安装的插件触发),例如密码经理或交易查找器

虽然使用一两个弹出窗口似乎是无害的,或只是轻度侵扰的设计师,如果你把所有这些加在一起在单个会话中,你可以看到体验是如何退化的。例如,我们研究中的一名参与者在木兰之家décor网站上购物时遇到了这三种弹出窗口。

与隐私相关的弹出窗口: 当她到达该网站时,参与者在页面左下角遇到了一个(非模式)隐私相关的覆盖层,通知她该网站使用浏览器cookie。
市场营销的相关弹出: 花了几分钟浏览该网站后,模态叠加接管了家居装饰清单页面。此弹出窗口实现是典型的电子商务网站,旨在说服用户注册通讯促销活动。
浏览器启动的弹出窗口:我们的许多参与者电子商务研究在浏览器中使用了像蜂蜜这样的交易插件。这些插件导致用户购物时出现的额外模块。当购物者达到结账流时,她的蜂蜜插件触发了另一个模态。

堆叠覆盖彼此争斗

在最近的研究中,我们多次发现用户对这些弹出窗口感到沮丧;许多人甚至不得不争夺彼此顶部堆叠的几个叠加。这不仅会让用户感到厌烦,而且它们经常是错误的,并且相互影响。

百思买显示两个叠加:一个,非透明度,用于要求使用位置的许可和另一个,邀请用户注册时事通讯。

在我们的测试中,当用户在具有有限屏幕空间的小型设备上时,重叠覆盖的问题甚至更差 - 智能手机,平板电脑,甚至一些较小的笔记本电脑。我们使用小笔记本电脑(例如Chromebooks)的一些参与者被堆叠的叠加尤其恼火。由于您没有充足的屏幕空间,但是当您没有时,弹出窗口即使有充足的屏幕空间,也很烦人。

Local Eclectic阻止了一名参与者在其网站上购物,用一整页的时事通讯提示和一个较小的应用程序下载提示阻止了她——在她开始购物之前,这两件事都要关闭。
在LocalEclectic.com上,聊天和获得浮动按钮重叠的10%OFF。当在同一站点上使用多种不同的覆盖物时,它们通常最终是越野车,甚至互相争斗。

一位参与者在Leesa.com上购物了一个床垫,他很恼火地看到一个典型的时事通讯提示叠加。

与许多网站一样,LeeSA.com使用了模具覆盖,在用户拨打他第一次访问后立即出现并覆盖屏幕。

他搬到了他的老鼠来解雇覆盖物,但在他可以之前,另一个叠加出现了。这个鼓励他永远不要错过交易!通过允许leesa.com发送给他的通知。

用户通常必须与多个重叠的叠加相同。这两个在Leesa.com上留下了一个人非常沮丧。

在这一点上,他非常愤怒。

“这件事突然出现了。它是如此侵入性的它只是沮丧.这里还有另一个。所以而不是我只是嘲笑,我不得不点击这两件事。从我的角度来看,这是令人沮丧的。“

跟踪覆盖

有时,用户将忽略叠加,只能将其缩小并在网站周围遵循它们。如果用户告诉您他们不想要对话元素,那么它超出了继续推动它们的令人讨厌。

在一次销售活动中,首次访问Leesa网站的人看到了一个巨大的全页覆盖广告20折优惠并鼓励用户注册电子邮件。一旦覆盖被忽略,它就在屏幕上再次出现在屏幕左下角的小浮动非透镜中。聊天图标叠加漂浮在右侧。

在手机上,Leesa的网站立即加载了一个完整的页面覆盖层(左图),然后在它被删除后继续在屏幕上浮动(右图)。

一个叠加就够烦人的了,但当用户面对一堆不同形式的多个模态,有时甚至是重叠和跟踪它们时,体验就会非常令人沮丧。这个问题是复杂的,因为用户经常访问多个站点在单个会话中。当他们不断地在网站上看到许多弹出窗口时,累积的影响是令人筋疲力尽的。

后来,在使用重叠弹出窗口的一些其他网站之后,床垫购物参与者避免抵消永无止境的叠加流。他说:

“一些这些网站,我觉得他们对自己的善意太聪明了。有时简单的设计和[少]对我弹出的东西比这五十个花哨的东西好多了。”

我们已经说过了,我们还会再说一遍

我们(反复,一贯)一直听到关于流连堆的负面反馈,这是令人沮丧的几十年来,但问题越来越糟。

记住,这不是只是一个覆盖.你的用户可能会同时看到两个或更多这类覆盖提示:

  • 通知请求
  • 位置共享请求
  • Cookie和隐私政策协议
  • 处理浏览器插件
  • app下载提示
  • 聊天提示
  • 反馈调查提示

用户看到的一些模块在我们的控制之外 - 我们无法阻止人们安装浏览器插件,我们可能会受法律约束,以提醒我们的隐私政策的访问者。但是,我们可以同情这种累积的负面经验并采取以下步骤减少叠加过载

  • 了解您当前的模态,并确定您的网站是否导致竞争或跟踪弹出窗口。一种简单,快速的方法是在私人模式下打开浏览器,并在您的网站上浏览一些顶级任务。计算沿途遇到的模块数量,以及它们的类型是什么类型的模态。更彻底的方法是进行远程可用性测试在您的网站上。这样,您可以使用自己的设备查看哪些问题模块向参与者出现
  • 不要要求位置或通知权限除非用户真的需要它。
  • 考虑替代实施用于营销或销售相关的信息。弹出窗口不是你唯一的选择 -探索替代品这可能也可以工作,没有讨厌的用户。

您可以认为特定的弹出窗口是可接受的,因为它对用户将是良好的。遗憾的是,许多其他网站已经伤害了用户的不可接受(和乘以)弹出窗口,它们对所有其他网站毒害了井。记住雅各布互联网用户体验定律:用户将大部分时间花在其他网站上。这些其他网站的累积体验决定了用户如何查看弹出窗口:他们会讨厌它们。以来品牌是经验在数字时代,每个弹出体验都会降低他们对品牌的看法。