弹出窗口的10个常见错误

向用户请求他们的电子邮件地址时，需要考虑许多权衡因素。站点和APP经常使用过早显示的模式，因为这样产生的指标会短期增加。但是，短期指标通常是以使许多用户难受为代价的，这些用户却没有得到诸如专属商品之类的激励。

正确的做法：与其提早显示电子邮件弹出窗口，不如想想，用户什么时候可能最愿意与您共享电子邮件地址。

他们正在浏览带有促销代码的类目吗？或者，也许他们刚刚阅读（或浏览）了整个博客文章。这些动作可能是最低干扰且非模态的合适触发因素，它可以出现在靠近右上角或右下角的位置，并且使用合理的屏幕空间。为用户提供一些有价值和具体的东西，以换取他们的电子邮件地址，而不要只是期望他们拱手让出。

人们浏览到博客文章的底部后，MarkManson.net显示了最小程度的干扰性非模态浮层。弹出窗口还提供了免费的电子书作为奖励。

错误4：在人们做任何有意义的事情之前先征求反馈

获取用户反馈很重要，但是在人们对您的网站进行任何操作之前，您不应该向他们进行反馈提示。

网站和APP往往会立即向用户显示反馈弹出窗口，希望他们能给予很高的评价并继续完成任务。这种情况很少发生，通常的情况是，用户迅速关闭弹出窗口，而且再也不会主动找到它。

在适当的时机从用户那里获得有意义的反馈，可以洞察他们的挑战和障碍。但是，如果您过早要求反馈，却可能会在最重要的时候得不到任何反馈。

例如，当尝试在ATT.com上支付电话账单时，研究参与者会在打开账单时就被要求反馈，这种反馈方式让用户非常挫败。她说：“好吧，我付完账单后可能会给出反馈，但是现在我很不开心，因为我还没做任何需要反馈的事情。”

一位研究参与者在尝试支付电话费时，很不情愿地关闭了一个反馈窗口。她说她还没有在网站上做任何能提供反馈的事情。

正确的方法：要求用户在完成网站上的首要任务后立即提供反馈。

这种方法最大程度地减少了中断，并确保反馈将基于实际交互。例如，会议结束后，视频会议软件BlueJeans要求用户提供反馈。该请求不会过早显示，而是在上下文相关且适当的时间显示。

在用户完成关键任务后立即征询他们的反馈，而不是在他们打开网站后立即征求他们的反馈。这样，您增加了获得相关评论或评分的机会。在这种情况下，使用模式浮层可以减少用户的烦恼和干扰。

错误5：在关键任务期间打扰用户以寻求反馈

用户讨厌被打扰，但在完成关键任务期间弹出反馈窗口的例子比比皆是。大多数情况下，提供反馈并不是用户访问的首要原因，因此不要在执行关键任务时使用弹出窗口来打扰用户。

美联航的APP在获取登机证这项关键任务时，显示了一个模态的弹窗窗口。

正确的做法：除了不要求用户在关键任务完成前提供反馈，还应该提供一种静态的，非干扰性的方式，让用户可以随时随地提供反馈。

屏幕侧边的标签、页脚中的链接或导航中的链接都是替代干扰性模态，且可接受的替代方法，让用户可以在准备好时分享自己的意见。

雀巢并没有使用模态的反馈方式打扰用户，而是网站页脚中添加了反馈的链接。

英国航空在所有页面的右侧都显示了一个标有“意见反馈”（Feedback）的按钮。

错误6：连续地显示多个弹出窗口

重叠地显示多个弹出窗口会让网站看起来很不专业、绝望且混乱。它还让用户不知所措，迫使他们花费精力来关闭每个窗口。

如果您的网站使用许多不同类型的弹出窗口，请先进行测试，避免一次向用户显示多个弹出窗口。

正确的做法：如果必须在弹出窗口中显示关键信息（例如，重要的警告以防止或纠正错误），请确保一次仅显示一个。

更好的方法是，不要在弹出窗口中显示关键信息，因为人们倾向于不阅读就关闭它们。而是使用视觉上不同的元素，并将它们直接放置在最适合上下文的页面上。确保文案清楚地传达了用户需要进行的操作。

在结帐流程的最后，Lulus同时弹出了多个模态弹窗。更好的方式是一次只显示一个，或将反馈表单嵌入到确认页面中。

Canva采用了很好的方式，直接在页面上显示关键信息。它并没有使用弹出窗口，而是在最顶层采用了视觉上完全不同的内容模块。这个信息可以帮助用户了解他们需要做什么来纠正问题。

二、弹出窗口的上下文，不要妨碍跳转过渡或访问内容

错误7：在用户跳转到二级页面或外部站点之前显示模式叠加层

一些公司网站，链接到了二级页面和外部站点上的内容或APP。在用户离开主站点之前，将出现一个模态弹窗，提醒用户即将进行的跳转。这种类型的弹出窗口是有问题的，因为它过分强调了跳转过渡，让用户感到迷茫和困惑，尤其二级页面只是在新的浏览器标签中打开时。

在我们的一项可用性测试中，一名正在汇丰网站上找工作的参与者遇到了两个不同的提醒跳转的模态窗口，因为该流程基本上被分派到了三个不同的网站上。

他说：“哇，它不断带我去其他网站，我甚至不知道自己在哪里。如果他们的求职过程如此复杂且分散，我实在认为这不是一个工作的好地方。不管这个网站看起来多么好看，似乎都是一团糟。”

单击“职位”后，一个模态窗口警告用户，他们将要离开当前站点。

在同一个网站上，用户又看到了另一个模态窗口，提示他们要去第三个网站申请这份工作。

正确的做法：在将用户链接到外部时，删除模态窗口，让站点之间的跳转最小化，并始终保留导航回主站点的功能。

如果在离开站点时确实需要警告您的用户，请使用干扰性较小的选项（例如，链接上的Tooltips），让过渡变得更加巧妙。

礼来（Eli Lilly）：向用户提供了一个有用的Tooltips，让他们知道要跳转至其他网站。Tooltips可帮助用户记住他们目前在哪里，要去到哪里。

错误8：通过模态叠加中断对内容的访问

当人们加载文章或其他长篇内容（例如通常在网站的“关于我们”或“新闻”部分）后，立即出现模态对话框，看上去就好像正在限制对该内容的访问。

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!