弹出窗口的10个常见错误

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

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

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

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

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

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

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

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

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

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

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

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

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

（编辑：惠州站长网）

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