在结帐流程的最后,Lulus同时弹出了多个模态弹窗。更好的方式是一次只显示一个,或将反馈表单嵌入到确认页面中。
Canva采用了很好的方式,直接在页面上显示关键信息。它并没有使用弹出窗口,而是在最顶层采用了视觉上完全不同的内容模块。这个信息可以帮助用户了解他们需要做什么来纠正问题。
二、弹出窗口的上下文,不要妨碍跳转过渡或访问内容错误7:在用户跳转到二级页面或外部站点之前显示模式叠加层
一些公司网站,链接到了二级页面和外部站点上的内容或APP。在用户离开主站点之前,将出现一个模态弹窗,提醒用户即将进行的跳转。这种类型的弹出窗口是有问题的,因为它过分强调了跳转过渡,让用户感到迷茫和困惑,尤其二级页面只是在新的浏览器标签中打开时。
在我们的一项可用性测试中,一名正在汇丰网站上找工作的参与者遇到了两个不同的提醒跳转的模态窗口,因为该流程基本上被分派到了三个不同的网站上。
他说:“哇,它不断带我去其他网站,我甚至不知道自己在哪里。如果他们的求职过程如此复杂且分散,我实在认为这不是一个工作的好地方。不管这个网站看起来多么好看,似乎都是一团糟。”
单击“职位”后,一个模态窗口警告用户,他们将要离开当前站点。
在同一个网站上,用户又看到了另一个模态窗口,提示他们要去第三个网站申请这份工作。
正确的做法:在将用户链接到外部时,删除模态窗口,让站点之间的跳转最小化,并始终保留导航回主站点的功能。
如果在离开站点时确实需要警告您的用户,请使用干扰性较小的选项(例如,链接上的Tooltips),让过渡变得更加巧妙。