弹出式窗口:90年代以来就遭人憎恨

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

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

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

“我要结束升职的事。”

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

“看看我能不能把这个关了。只是为了让它从屏幕上消失。”

“这些内容太乏味了,它们所呈现的信息也不重要。”

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

最具破坏性和烦人的覆盖版本是模态叠加.在模式覆盖中,页面上的内容被禁用,直到用户显式地与覆盖交互。这种类型的弹出窗口往往是最讨厌的版本,因为它是最颠覆性的-它会打断用户,迫使他们在弹出窗口内采取行动,而不是继续他们的任务。

模态叠加,就像Alo Yoga网站上的这个,迫使用户停止他们正在做的事情,并与模态进行交互。

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

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

为什么设计人员继续使用这些恼人的实现呢?团队经常使用情态动词,因为他们获得关注,即使他们是破坏性的和令人讨厌的。当设计师被鼓励优化通讯注册、文本注册或不惜一切代价的注册时,他们有时会做出优先考虑这些指标的决定。然而,从长远来看,这些策略会削弱用户的信任以及他们与品牌的关系。

一波又一波弹出窗口

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

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

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

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

隐私相关弹出窗口: 当她到达该网站时,参与者在页面左下角遇到了一个(非模式)隐私相关的覆盖层,通知她该网站使用浏览器cookie。
市场营销的相关弹出: 在花了几分钟浏览网站后,一个模态覆盖接管家居装饰清单页面。这种弹出式实现是典型的电子商务网站,目的是说服用户注册新闻通讯推广。
Browser-initiated弹出:我们的许多参与者电子商务研究人员在浏览器中使用了像Honey这样的交易插件。这些插件会在用户购物时显示额外的模态。当购物者到达结账流程时,她的Honey插件触发了另一个模式。

堆叠的叠加物相互争斗

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

百思买展示了两种覆盖:一种是非模式,用于请求使用位置的许可;另一种是模式,用于邀请用户注册时事通讯。

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

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

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

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

他移动了鼠标,想要消除覆盖层,但还没来得及,另一个覆盖层就出现了。这是他的鼓励不要错过任何交易!让Leesa.com给他发送通知

用户经常不得不在同一时间处理多个重叠的覆盖。Leesa.com上的这两个帖子让一位参与者非常沮丧。

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

“这个东西突然冒了出来。它是如此侵入性的这是令人沮丧的.这里还有一个。所以我必须点击这两件事,而不是闲逛。在我看来,这令人沮丧。”

跟踪覆盖

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

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

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

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

后来,在访问了其他几个有重叠弹出窗口的网站后,这位购买床垫的用户厌倦了抵御无休止的重叠窗口。他说:

“有些网站,我觉得它们太聪明了。有时是简单的设计突然出现在我面前的东西更少了比这五十个花哨的东西好多了。”

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

令人沮丧的是,我们(反复地,持续地)在过去的几十年里一直听到关于弹出窗口的负面反馈,而问题却不断恶化。

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

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

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

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

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