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

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

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

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

“我要结束升职的事。”

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

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

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

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

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

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

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

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

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

弹出式窗口的浪潮

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

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

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

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

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

堆叠的覆盖层相互争斗

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

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

在我们的测试中,当用户使用屏幕空间有限的小型设备时,重叠的问题就更严重了——智能手机、平板电脑,甚至一些较小的笔记本电脑。我们的一些使用小型笔记本电脑(如Chromebook)的参与者对堆叠的覆盖物特别恼火。即使你有足够的屏幕空间,弹出窗口也很烦人,但如果你没有,弹出窗口就更烦人了。

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

一名参与者在Leesa.com上购买床垫,看到一份典型的时事通讯,他很恼火。

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

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

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

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

“这个东西突然冒了出来。它是如此侵入性的只是令人沮丧的. 这里还有一个。因此,我不得不点击这两个按钮,而不是一直盯着看。在我看来,这是令人沮丧的。”

跟踪覆盖

有时,用户会忽略覆盖图,只会让它缩小并跟随他们在站点上浏览。如果用户告诉你他们不想要一个对话元素,那么继续把它强加给他们是非常令人讨厌的。

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

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

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

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

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

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

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

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

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

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

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

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