模态和非模态对话:何时(和何时不)使用它们

为了更好地理解情态对话和非情态对话之间的区别，让我们来看看“对话”和“情态”这两个术语的意思。

一个对话框(或对话指的是两个人之间的对话。在用户界面中，对话框是系统和用户之间的“对话”，通常向用户请求信息或操作。

用户界面模式是同一系统具有不同用户界面的特殊状态。每个模式都可能有不同的命令，或者根据系统模式，相同的命令(或动作)可能产生不同的结果。换句话说，在不同的模式下，相同的输入会产生不同的结果。例如，打开大写锁定的计算机处于一种特殊模式:所有键入的字母都将显示为大写字母。开启“大写锁定”和关闭“大写锁定”时，输入字母的效果是不同的。或者，在Microsoft Word的Track Changes模式中，所有以前做过的编辑和注释都是可见的(而在正常的默认模式中，它们不会被跟踪或显示)。

通过对“情态”和“对话”的理解，我们可以很容易地定义情态对话。

定义：一个模态对话框是一个出现在主要内容上方的对话框，它将系统移动到一个需要用户交互的特殊模式。这个对话框禁用主要内容，直到用户显式地与模态对话框交互。

模态对话就像我的猫，艾玛 - 每天早上早上7点才能促使我喂她。我可能会试图睡觉或准备这一天，但我的猫将自己放在我面前，然后喵喵越来越多，直到我看着她。如果我希望完成任务，我必须停止我正在做的事情来解决猫。有时她在睡觉时选择在凌晨3点举行这件事。如果我们有客人，它应该熬夜，它可能会变得令人讨厌和尴尬。（在防御我的猫，一旦我喂她，她非常平静，有一个甜蜜和善于善于善的气质。）

相比之下,nonmodal(或非模态的）对话框和Windows不会禁用主内容：显示对话框不会更改用户界面的功能。用户可以继续与主内容进行交互（甚至可能甚至移动窗口，在对话框打开时最小化I等）。为了继续我们的猫类比，一个非透明度对话就像一顿饭店耐心地坐在餐桌附近的小猫，等待食物碎片可能从桌子上掉下来的机会。当Emma这样做时，我可以吃，谈话，享受晚餐，没有太多的中断。我可以选择完全忽略她，或者，正如我丈夫喜欢的那样，在饭后旁边的桌子下咬一口食物。（她很好吃，因为你可能会告诉。）

模态对话框最初旨在提醒用户对某些所需用户操作的错误或其他其他系统状态。在这些情况下，用户必须被中断以便修复错误．因此，将对话框置于屏幕中间作为界面的焦点非常有效。这种模式对话框的最大优点是吸引了用户的注意，允许他们承认问题并迅速纠正。

然而，这种最初的用途已经发生了变化，现在模态对话框和窗口被用来吸引用户的注意，理由正当或不正当。

模态对话的缺点

以下是由模态对话框引起的一些常见问题:

• 它们需要立即关注。模特窗口，本性是强制性的，并要求用户立即行动。由于对话框以不同的模式将系统放置，因此在确认对话框之前，用户无法继续他们正在进行的操作。
• 它们会中断用户的工作流程。模态对话框迫使用户从他们正在工作的第一个地方的任务。每次中断都会造成时间和精力的损失，这不仅是因为用户必须处理对话，还因为一旦他们回到原来的任务，就必须花一些时间恢复上下文。
• 它们会让用户忘记他们在做什么。一旦上下文切换到不同的任务，因为额外的认知负荷模态对话框施加，人们可能会忘记与原始任务相关的一些详细信息。如果是这种情况，则恢复原始任务的上下文可能更加困难。
• 它们导致用户创建和解决额外的目标 - 解除对话框。当出现对话框时，会在用户的工作流程中添加额外的步骤:阅读和理解对话框，然后对该对话框做出决定。这增加了交互成本很可能会让用户反感，除非对话框非常合理且确实包含重要信息。我们将在后面详细说明这一点。
• 它们会屏蔽背景中的内容。当对话框出现在当前窗口的顶部时，它可以覆盖重要的内容并删除上下文。因此，当对话询问与刚刚模糊的信息相关的问题时，可能会更难回答对话。

由于这些缺点，模态对话框在用于非关键活动时就会出现问题。

使用模态对话框的指南

什么时候使用模态对话框？以下是一些指导方针，以帮助确定模态对话框是否真正必要。

1.对重要警告使用模态对话框，作为防止或纠正严重错误的一种方法。

当用户的工作有可能丢失或某个行为可能产生破坏性、不可逆转的后果时，应中断用户以避免灾难。

要确定什么错误严重到足以保证一个模态对话框，请考虑以下问题:

• 如果用户的注意力从任务上转移开，问题会变得更容易还是更难纠正?这总是好的防止人为错误发生(如果可能的话)。然而，一旦出现错误，如果错误消息显示在主要内容中而不是在模态对话框中，则可能更容易修复它。例如，表单中的错误应该报告在页面上，就在它发生的位置旁边，以便用户在修复问题时可以参考错误消息。但是通知用户她的电脑将在10秒内重新启动可以在一个模态对话框中显示，以确保用户注意到消息。
• 这个错误是不可逆转的吗?不可逆的错误通常会导致信息的丢失，这对于复杂和时间密集的任务尤其有害。例如，未能将商品添加到购物车对电子商务来说可能是一个不幸的错误，但如果用户没有注意到一个微妙的通知(如果他们真的想要该商品，他们可以重做操作)，这对用户来说是不可逆转的。另一方面，覆盖文件或未能将更改保存到数百张幻灯片都是不可逆的操作，因此，中断是非常必要的，而且通常是受欢迎的。

2.使用模态对话框请求用户输入对继续当前流程至关重要的信息。

当缺少信息导致系统无法继续用户发起的进程时，一个模态对话框可以提示用户获取该信息。

Etsy，如下所示，使用一个模式窗口来中断用户登录信息，当用户试图保存一个项目到收藏列表。

3.模态对话框可以用来将复杂的工作流分割成更简单的步骤。

说到工作流程，速度并不总是越快越好．对于耗时且涉及精神(和情感)的任务来说，一次要求大量信息可能会让人不知所措。在这些情况下，可以使用模态对话框将复杂的信息分解成更简单、更易于理解的块。向导是使用模态对话框的常见实例。

然而，需要注意的是，一个包含多个步骤的模式只会延长用户离开主要任务的时间，使用户更有可能忘记他们最初在做什么。所以，如果你必须使用多步骤情态动词，那就给用户一种进度感，这样他们就不会马上放弃。也就是说，如果一开始就需要多个步骤，那么就有理由用一整页的篇幅来介绍它。

4.使用模态对话框询问信息，如果提供这些信息，可以显著减少用户的工作或努力。

情态动词可以有效地工作，当被要求或提出的信息是相关的，或可以简化当前任务的完成。

以房地产网站Zillow.com为例，用户无需账户或房地产中介就可以浏览房产信息。然而，当他们试图联系一个代理为一个清单，网站显示一个模态对话框，询问他们是否已经有一个代理。该信息对于立即进行的下一步(联系上市代理)并不重要，但对于简化未来的交互仍然很有价值。对话框使用进步的分析每次只提出一个简单的问题。这些问题都是低承诺和专注于相关细节。

渐进分析的关键是它们遵循用户对工作流的期望——只有当它们与当前任务相关或有帮助时，中断才有帮助。

5.不要将模态对话框用于与当前用户流程无关的非必要信息。

如上所述，模态对话框对用户有许多缺点和成本。为了使这些费用合理，它们与任务的相关性和重要性应该很高。与用户目标没有直接关系的模态对话框会被认为是令人讨厌的，并且可能会减少信任在公司里。

此外，当以高优先级格式呈现非优先级格式时，用户将拒绝注意这种格式的进一步实例。这就像在Aesop的寓言中一样，“狼哭的男孩” - 反复误导他人会让他们在真正需要它时不会让他们信任。

与流行的信念相反，邮件列表注册，虽然为生成业务领域至关重要，对用户来说并不重要。在最近的网络可用性研究中，我们听到了与电子邮件通讯注册有关的模态对话的内脏蔑视。

6.避免模式对话框中断高风险流程(如签出流)。

结帐对于用户和企业来说都是高风险的流程:用户希望确保流程是无缝的、安全的、无错误的，而企业希望确保用户执行他们的购买决定。如果不合理，模态对话框最好的情况是分散用户的注意力，最坏的情况是削弱用户的信心。

旧版本的Walmart.com使用一个模态对话框来提示用户在结账时登录。最好的情况是，这种模式可以分散用户的注意力，让他们投入到寻找Walmart.com密码的全面探索中，而不是简单地以客人的身份完成结账。在最糟糕的情况下，用户可能会觉得他们是迫于压力才创建一个账户——而这一点就会影响他们的购买决定。沃尔玛已经重新设计了它的网站，删除了这个模态对话框(但重新设计也完全删除了顾客结账，现在要求用户拥有一个帐户为了检查——说实话，这也同样令人不快)。

7.避免使用模态对话框进行复杂的决策，因为这需要模态中不可用的额外信息源。

模态对话框应该用于与用户进行简短、直接的对话。如果一个模态要求用户做复杂的研究或咨询额外的信息源(可能被模态阻止了)，那么它不是那个交互的正确UI元素。

考虑非模态对话框

在任务不关键的情况下，非透模对话框可能是合适的。非透明度对话框不如模态的对话，因为它们允许用户继续他们的活动并忽略它们，如果它们无关紧要。但是，它们仍然可以破坏性，特别是如果它们在屏幕上掩盖了重要信息，或者他们需要过于复杂的互动。

此外，一些非模态对话框不能很好地跨设备和浏览器转换——例如，桌面Chrome中的非模态窗口可能会变成iPhone Safari中的模态窗口，例如下面的Meowbox.com。

当用户需要在模式之间快速切换以访问某些信息时，非透视窗口很有用。例如，Google邮件使用非透明窗口作为构思新电子邮件的默认方法。用户可以继续使用此窗口打开，最大限度地减少组合的电子邮件而不丢失它（或可选地，将其最大化到模态窗口中）。此单独的视图允许用户找到可能有助于构图当前电子邮件的旧电子邮件或其他信息。

结论

模态对话框和非模态对话框都很有用，可以请求或鼓励用户参与。在决定这两种对话框类型时，要考虑用户上下文和工作流。避免不必要的打断用户破坏他们的工作流程．让用户更容易地解决问题和实现目标。如果一个公司希望朝着业务目标取得可持续的进展，那么在这些设计决策中必须优先考虑用户目标。

当提到模态对话框时，请考虑以下情况:没有人喜欢被打断，但如果你必须这样做，请确保这是值得的。