Since 1999, it's been a firm web-usability guideline to避免打开新的浏览器Windows有几个原因。所有这些也适用于打开新的浏览器选项卡,仍然有效:

  • More windows or tabs increase the clutter of the user’s information space and require more effort to manage.
  • 新的Windows或选项卡可能会导致迷失化,用户通常不会意识到新的窗口或选项卡已打开。此问题在移动设备上加剧,旧窗口永远不会看到。
  • 较少的技术用户难以管理多个窗口和标签,尤其是在移动设备上。(在平板电脑上,用户可以为浏览器拥有多个Windows和Tabs,它更加令人困惑。)
  • New windows or tabs prevent the use of the后退按钮返回上一页并强制用户花费精力,以便回到以前的内容。
  • New windows or tabs are not inclusive for盲目或低视力用户 - 特别是当它们在放大的区域外开出时。

通常在新窗口中打开一个页面,这通常有一个好理由,就是这样the user will need to refer to that content in order to complete a task in another window.例如,有人在一个窗口中,有人需要在一个窗口中详细介绍描述各种法律和法规的文件,税务准备软件在另一个窗口中开放。或者,学习复杂课题的人,例如药物,可能需要在一个窗口中提到课程材料,其中药物和剂量信息在另一个窗口中。在这些类型的情况下,它可以使用户有益于在第一个提供的同时参考该第二窗口 - 当然,在第一个提供的时,两个窗口可以在屏幕上并排示出。

Medical student using two windows side by side to study.
准备考试的医学学生用两个浏览器窗口并排使用两个浏览器窗口来参考每个窗口。当在新窗口中打开的课程材料的链接时,他立即调整窗口大小以在屏幕上看到它们。他还在其中一个窗口中打开了多个标签,因此他可以快速切换到他所需的学习。

以下两个概括通常用作在新浏览器选项卡或Windows中打开链接的基本原理:

  1. 它是与不同内容类型的链接。然而,此参数是有问题的,因为它假设用户将始终使用某些文件格式进行完全相同的东西,这并不总是如此。例如,在一个情况下,我可能需要在办公室的墙上打印传单的PDF,但在另一个情况下,我可以引用我的手机上的方向的多页PDF,以组装一块家具。在第一种情况下,在新标签中打开PDF将是有利的,因为我可能会在打印并关闭它之后的文档。在第二种情况下,我可能需要在网站上引用信息最初链接的网站。由于我在我的手机上,打开PDF在同一个标​​签中会保留后退按钮,更好地适应我的频道,上下文和任务。但是,如果我在桌面上并需要一起参考PDF和网站,请在新窗口中打开它可能会更好。
  2. It will keep users on our site.此推理介绍假定包含您网站的选项卡或窗口将保持打开状态,并为用户提供长(ER)的提醒。即使这可能是真的,有时甚至有用(特别是,如前所述,如果用户需要将您的网站接触完成任务),也必须记住以下内容:
    • 经过gratuitously adding an extra window or tab, you are increasing users’ information-management burden.
    • Users will have to switch to the new window or tab to complete their task and there’s no guarantee that they will return to your site afterwards.
    • 人们are not dumb: they will realize the intent behind the extra windows and tabs, and may start to distrust your site and brand.
    • If people want to leave a website, application, or document, they'll do so on their own terms.

The reason we can’t just generalize when to open a link in a new browser tab (or window) versus keep users in the same browser tab is because our user’s needs, expectations, and reactions aren’t triggered by a file format or link type (internal or external). This decision has much more to do with people’s context, task, and what they’ll do next with the content housed at the link.

考虑因素

在我们最近的用户研究中,我们注意到参与者对链接在新标签或窗口中的连接的反应依赖于:

  1. 语境:执行休闲的用户,悠闲的任务远不受新的浏览器选项卡或Windows的困难,而不是在高压或时间敏感方案的用户。
  2. 设备:移动的当在新标签中打开的链接时,用户更加恼火,因为他们无法使用后退按钮返回上一个屏幕并访问上一个选项卡很难。
  3. Task:当任务涉及以下类型的活动之一时,在新窗口或标签中打开一个页面:

一种。比较内容跨浏览器选项卡或Windows。例如,内容管理器可以在一个选项卡或窗口中编辑内容管理系统中的网页,并在另一个标签中查看页面的预览。当在新浏览器选项卡中打开预览的链接时,内容管理器可以轻松了解内容管理系统的更改如何在发布之前影响页面的外观。也可以通过两个单独的浏览器窗口来完成同样的。

b. Combining information从不同的标签或窗口。例如,一个非technical user attempting to complete the paperwork to start a new company online used two browser windows side by side. One of the windows had three tabs open, each with a different piece of reference material from the same website. Because each link opened in a new tab, she could easily use them together to confidently complete themanbetx官网手机登陆组织章程她在另一个窗口中开放的表格。

Side by side browser windows when opening a new business online.
用户有两个并列浏览器窗口,在填写文书工作以在线启动新公司。由于它是她的全新过程,从新的Windows和Tabs中打开网页和表格,与她的自然意图对齐,并允许她使用所有内容组合。

C。使用多个浏览器选项卡跟踪物品(如在页面停车)。例如,在新标签中打开的产品详细信息页面时,在Wayfair上为新的火坑购买了一个用户购物。她审查了可用的选项范畴页面,当她点击感兴趣的物品时,产品详细信息页面在一个新标签中打开。这使得在购买决定之前,可以轻松跟踪她想要更详细的详细审查的物品。

Wayfair在新的浏览器选项卡中打开了其产品详细信息页面,这帮助一个用户在决定购买哪个用户之前追踪她想要进一步审查的产品。

天。使用原始浏览器选项卡作为一个发射点to others (e.g., exploring multiple alternatives listed on the original page). For example, one user was browsing a Google Drive folder which contained links to various forms and documents. Because each link opened in a new tab, she could easily close out of it when she was finished, and return to the original Google Drive tab to access the next document or form she needed.

Google Drive opens new tabs for each document type.
One user relied on a Google Drive folder as a jumping-off point to access forms and documents, each of which opened in a new browser tab. She closed the tab after finishing her task and navigated back to the original tab to access the next one.

With these types of activities, we often saw users close the browser tab(s) after they were finished (rather than trying to click the后退按钮),因此,在这些实例中,它更适合打开新选项卡中的链接。

When to Avoid Opening New Windows and Tabs

对于以下类型的任务,用户不欣赏被发送到新的浏览器选项卡或窗口:

  • 快速检查新页面,然后恢复原始选项卡或窗口中的活动。例如,虽然一个用户正在完成费用报告,但他不记得他的组织是否允许在公司覆盖的膳食上允许18%或15%的追加费用。公司费用政策的链接立即揭示了答案,但它在一个新标签中打开。当他注意到浏览器时,用户会沮丧后退按钮无法努力带他回到他的费用报告。
  • MultiStep工作流程其中在不同的窗口或选项卡中出现了新步骤。在这些情况下,用户更愿意点击后退如果它们位于同一或单独的站点上,则按钮可在此过程中获得以前的步骤。例如,一个用户正在尝试提交IT票以获得损坏的打印机固定。起初,他扫描了一个内部网页以了解要打开的类型的类型。接下来,他点击了一个链接,他认为将他带到一个实际打开机票的形式。相反,完全不同的网站的主页出现在一个新标签中。最后,当他找到在新网站上启动请求的链接时,在另一个新选项卡中打开的表单。毋庸置疑,他努力回到他开始的原始内部网页。在新标签中打开链接很多less有问题的时候没有下一步,而用户的任务基本上在单击链接后不久会结束。用户可以简单地关闭选项卡,而不必担心丢失会话历史记录。
  • 许多标签或窗口已经打开。Busy users often have many browser tabs open at a time while they work, shop, or browse. If users already had many tabs open, they were often annoyed at yet another one opening. When users repeatedly encountered links that opened in new tabs, they often wanted to stop and pause between tasks to clean up their many browser tabs. This housekeeping behavior indicated that they felt the interface became cluttered and unmanageable.

这就是为什么观看用户了解他们的任务,使用的上下文和环境,在新的选项卡或窗口中打开页面之前很重要。可能在可能的用户任务中可能有太多的可变性,因此您可能不确定最佳决策是什么。如果在这些实例中,您决定在新浏览器选项卡或窗口中打开链接,使用上下文消息,也许甚至是一个图标在他们单击之前让用户了解它。

Intranet使用图标和文本来提醒用户新窗口或选项卡正在打开。
在我们研究的一个内联网上,在新窗口或选项卡中打开的链接以一致的方式标记,具有图标和描述性文本。此设置用户在单击之前的期望。

PDFS和其他非HANTML文档

当网站链接到非高速文档(例如PDFS,Word文档,电子表格和演示文件)而不是直接在网页上提供内容时,用户通常会增长和挫败。这是因为这些文件格式提供了比普通的HTML页面更有不同的用户体验。突然的上下文切换可以为人们争抢。

While we primarily recommend housing all digital content on HTML webpages instead of using nonHTML documents and consolidating digital experiences into as few websites or applications as possible, we acknowledge that in certain situations, such as on intranets, this isn’t always possible, and links to other file formats exist.

鉴于上面讨论的考虑因素和elsewhere此事是我们关于这些文件的建议:

  • 直接从Web上发布的链接下载本机文件。It’s best to useHTML网关页面总结和链接到PDFS,Word或Pages文档,Excel或数字电子表格以及PowerPoint或Keynote演示文稿的文件。在点击链接中,直接将文件下载到用户的计算机将使它们能够在其选择软件中打开和编辑文档。在某些情况下,这种方法可能比在浏览器中打开PDF文档更可行。但是,这个决定以及是否在同一标签或新浏览器选项卡或窗口中打开PDF,完全取决于用户需要做什么。一般来说,避免屏幕上的PDF越多越好。PDF适合打印文件,就是这样。
  • 在桌面上的新选项卡中打开PDF文档的链接。Usually我们的研究参与者需要将PDF中的信息与原始选项卡中的信息组合,因此它们通常必须在两者之间来回来回。或者,他们想打印出PDF。在任何一种情况下,当他们完成时,他们经常会关闭PDF,而不是点击后退button. Again however, if your users are primarily completing the task on mobile, don’t use a PDF in the first-place, or if you must, at least open it in the same tab so they can more easily get back.

Summing It Up: What to Do and When

在大多数情况下,alwaysopen links in the same browser tab or window。但是,如果您假设打开新的选项卡或窗口可以帮助用户在其任务中,请不要将此决定与单独的链接类型或内容进行基础。依靠观察性研究方法,就像可用性测试语境询问那and实地研究帮助您进行正确的呼叫。

如果您发现人们在单独的浏览器窗口中自然地倾向于在单独的浏览器窗口中查看多个内容,则可以安全地打开新窗口中的这些链接来支持他们的自然趋势。However, if users rely on a browser tab as a launching-off point and return to it later, review content in one tab with focused attention before switching to another (instead of viewing the content concurrently), or if they’re using the browser window to organize and keep track of multiple tabs, those are good indications that opening such links in new tabs may be an acceptable approach. If, on the other hand, your users get annoyed and lost by new tabs or windows opening, then it’s best to open links in the same tab and window.

不要因为你的新浏览器选项卡或Windows中的开放链接而overobuse认为用户可能需要他们在某些情况下显示这种方式。