5个不会惹恼用户的弹出式设计理念

在网站设计方面，选项非常多样化。 根据企业希望实现的功能和潜在客户生成目标，他们应该选择取悦用户的布局，鼓励他们在页面上花费更多时间并参与其中。

然而，这并非总是如此。

您是否曾经浏览过一个网站，享受一段内容时，突然出现一个弹出窗口并阻止您继续？ 令人沮丧，不是吗？

这样的经历很可能会让你离开并在别处找到你需要的信息。 那是因为弹出窗口可能会干扰用户并分散用户的注意力。

事实上，根据 HubSpot 的一项调查，在所有类型的广告中，73% 的人最不喜欢在线弹出窗口。 此外，64% 的 AdBlock 用户安装该软件是因为他们认为弹出窗口很烦人并且特别想摆脱它们！

然而，尽管弹出窗口具有分裂性，而且通常会打断人们正在做的事情并损害用户体验，但许多网站所有者设法成功地使用了它们。

更重要的是，如果设计和 SEO 优化得当，它们甚至可以将您的转化率提高 3%，甚至更多！

在本文中，我们将讨论弹出式设计，解释指南和 UX 最佳实践，并提供 5 个您可以从中受益的弹出式设计理念。

什么是弹出窗口？

简而言之，弹出窗口是当用户执行特定操作或达到 pr 定义的阈值时显示在页面主要内容上的浏览器窗口。 目标是吸引用户的注意力，向他们展示号召性用语 (CTA)，并鼓励他们参与。

弹出窗口可以有不同的信息——宣传第一方或第三方产品或服务、征求反馈、显示订阅框、建议报价、表示感谢等。

弹出式设计已经存在了 15 到 20 年，而且它们肯定会继续存在。 它们允许网站所有者定位潜在客户，吸引他们的注意力并增加将他们转化为买家的机会。

有多种方法可以利用弹出窗口来提高您网站的性能。 但是，您应该始终牢记用户意图和偏好，并确保弹出窗口是相关的。

通常，当访问者来自第三方并且与用户所追求的内容没有直接联系时，弹出窗口会将访问者赶走。 例如，用户正在阅读一篇关于如何找到好律师的文章，突然间，内容被一个邀请他们参加亚马逊 FBA 研讨会的弹出窗口阻止。

放置打开新窗口或将访问者带到完全不同的网站的广告也是一种非常糟糕的做法。

除了相关性之外，定义您成功的另一件事是弹出式设计。 它应该与网站的整体风格和颜色相匹配，巧妙简洁，并具有明确定义的CTA。 您还可以考虑添加有趣的元素，选择鲜明的对比色以使信息真正流行，或者您认为可以吸引用户注意力并鼓励他们参与的任何其他内容。

但是，请记住，弹出窗口越华丽，看起来越可疑，用户就越有可能生气甚至离开。

如何提高弹出窗口的性能

为了确保您的弹出窗口表现良好并提高转化率，而不是让客户流失，您需要正确设计它们：

提供即时价值

有效广告与失败广告的区别在于价值。

您需要了解您的受众，并了解他们想要从您提供的产品或服务中得到什么。 这样，您将能够在现场为他们提供正确的解决方案！

此外，具有相关内容的弹出窗口的转化率超过 40%

创造紧迫感

创造紧迫感是推动销售的最终途径，因为用户做出决定的时间有限。 对弹出广告进行倒计时比没有倒计时的转化率高 8%。

资源

提升品牌知名度

弹出式广告很难忽视，这有助于提高您的品牌和产品的知名度。

此外，它们是一种很好的潜在客户生成策略，如果战略性地放置在您的网站上，它们可以帮助您增加受众和流量。

例如，您可以在访问者浏览文章一半时引入滚动弹出窗口。 这样，您可以建议通过电子邮件向他们发送类似的内容，并建立一个可靠的电子邮件列表。

专注于转化

如上所述，实施良好且有针对性的弹出式设计确实可以提高您的转化率。

归根结底，您的最终目标是增加销售额并让更多访问者迷上您的产品和服务。 为此，请确保将弹出窗口放置在用户在您网站上的旅程中的正确位置和时间。

此外，不要忘记包含一个清晰、直接的 CTA 来引导人们进行下一步。

现场征求意见

弹出窗口是获得即时反应并邀请您的客户陈述他们对您的产品的感受的好方法。

在他们离开您的网站之前，请他们发表评论并评价他们的体验。

例如，您可以使用净推荐值 (NPS) 弹出窗口，后跟评论框，用户可以在其中提供额外的输入。

这些类型的弹出窗口可以让您更好地了解您的客户并改进您的服务，以便您可以更有效地满足他们的需求。 接下来你知道，你正在走向成功的快车道。 它在包里！

弹出式设计：指南

当涉及到 Google 处罚时，您需要时刻保持警惕并遵守准则。 如果用户在输入查询后点击搜索引擎结果，并触发带有弹出窗口的页面，敦促他们点击不相关的来源，这是一个危险信号。

但是，弹出窗口仍然非常有效。 只需确保访问者在单击 SERP 结果后不会立即进入带有弹出窗口的页面。 正确安排广告的出现时间，以确保他们有足够的机会首先浏览您的内容。

根据 Google 搜索中心的说法，促销插页式广告是一种具有侵入性的对话，会阻止 Google 和其他搜索引擎理解您的内容。 使弹出窗口尽可能小很重要，这样它们就不会覆盖整个屏幕或页面的关键部分。 弹出式设计的最佳尺寸为用户屏幕尺寸的 15%。

但是，Google 承认某些插页式广告是强制性的，例如年龄限制和隐私提醒：

资源

为了安全起见，请确保弹出窗口不会遮挡页面内容。 这使得抓取和索引更容易，并且不太可能损害用户体验。

此外，避免将传入的 HTTP 请求重定向到与用户在广告之前所在的页面不同的页面。

如果可能，请使用横幅而不是插页式广告，并使用插件进行标准弹出式设计，例如新闻通讯注册或反馈提示。

资源

5个用户友好的弹出式设计理念

现在让我们看看如何正确设计弹出窗口，以减少对用户造成的挫败感，并获得更好的性能：

选择正确的设计风格

创建一个 UX 有效的弹出式设计可能很棘手。 您希望弹出窗口引人注目，但又不至于太突兀以至于让人们望而却步。 同时，设计应与您的品牌标识紧密结合。 最后，重要的是保持整体设计简单，使用少量颜色、字体和图像。

如果做得好，弹出窗口可以成为推动转化和产生潜在客户的宝贵工具。

但是，如果设计太忙或压倒性的，只会让用户感到沮丧并将他们推开。 因此，请花时间制作一个能够准确反映您的品牌并提供积极用户体验的弹出窗口。

在屏幕上的位置

要记住的另一件事是弹出窗口应该很容易被忽略。

因为它们会中断用户的浏览体验，所以通常应该为对用户重要的重要信息保留前端和中心弹出窗口。

资源

然而，鉴于弹出窗口的可能位置范围很广，设计人员在如何使用它们方面具有很大的灵活性。

例如，屏幕一角的弹出窗口可能比正面和中间的弹出窗口更不引人注目。

一种流行的方法是让弹出广告从屏幕的顶部或底部滑入。 这允许用户在弹出窗口存在时继续与站点交互。 使用这种方法，访问者可以选择何时（以及是否）他们想要与弹出窗口互动。 但是，请记住，如果弹出窗口覆盖了太多屏幕并变得分散注意力，它仍可能将用户赶走。

另一种用户友好的方法是通过包含一个清晰可见的关闭按钮来减少弹出窗口的干扰，或者您可以简单地使设计本身的尺寸更小。 这样，访问者仍然可以看到您页面上的内容，并且更有可能与您的弹出窗口互动。

针对每位访客

除了简单的布局和简单的副本外，为每个页面访问者单独定制弹出式设计非常重要。 确定将触发转化的关键页面。

为客户创造个性化体验是一种微妙的平衡行为。 一方面，完全没有个性化可能意味着品牌错失了机会。 另一方面，根据 Gartner 的说法，过度个性化会使用户放弃品牌的可能性增加 3 倍。

因此，单个数据点可用于创建更加个性化的体验，但明智地使用它们很重要。 过多的个性化可能会令人反感，因此重要的是要取得客户认可的平衡。

定时

当用户登陆您的网站时，理想情况下，您希望他们首先与您的内容互动并四处浏览。 访问者在网站上花费的时间越长，他们离开的可能性就越小（最安全的是向他们介绍弹出式广告）。

资源

资源

确保分析用户在页面上花费的时间，即平均会话。 使用 Google Analytics 跟踪您收到的流量并采取行动。

但是，如果您担心您可能会弄乱出现时间并将用户赶走，这里有一些建议：

条目弹出窗口

在建议有限的优惠或捆绑时，一旦用户登陆页面就放置弹出窗口可能会产生奇迹。 但是，对于电子商务网站，搜索引擎通常不推荐它。

滚动弹出窗口

如果您想确保您的网站访问者在页面上花费了相当长的时间并获得了足够的信息，那么滚动弹出窗口是一个不错的选择。 通过放置一个或几个相关阈值，您可以将弹出窗口设置为在页面滚动一定百分比后出现。

退出弹出窗口

退出弹出窗口也称为“离开太快”广告。 当您的光标移向“后退”按钮时，或者当您即将关闭页面或单击链接转到另一个页面时，它们就会出现。 退出弹出式设计可以在访问者在页面上花费的最后几秒钟内使用，以建议最后一分钟的报价。

单击弹出窗口

单击弹出窗口是由于单击相关按钮或链接而出现的对话框。 这些可能是最真实和最不令人沮丧的弹出窗口，因为它们是在用户已经与页面内容互动并采取行动之后出现的。

在下面的示例中，单击“加入等候名单”按钮后会出现一个电子邮件注册弹出窗口：

资源

具有诙谐/创意/休闲/古怪的语气

如果您想吸引您的用户并让他们停留更长时间，请轻松一点，让您的弹出式副本相关且令人难忘。 它不必咄咄逼人或粗鲁，也不必 100% 销售。

想想你的观众是谁，跟踪他们的行为、位置、人口统计和偏好，这样你就可以描绘出你的普通用户。 然后设计您的弹出窗口以显示他们可能喜欢的内容。

回顾

好吧，你有它！ 我们查看了各种弹出窗口和弹出广告示例，并讨论了有关如何使它们更有效的可行技巧。 希望这为您提供了一些关于您自己的网站的想法。

如果您需要帮助在您的网站上设计或实施弹出窗口，请随时与 DevriX 的网页设计师专家联系。 我们可以帮助您创建引人入胜且用户友好的体验，从而提高结果。