网站建设如何在模态和页面之间选择，何时避免模态，以及如何确定适当的中断或导航程度。你可能以前经历过。我们如何在向用户展示一个模态和何时引导他们到一个独立的新页面之间做出选择？其实确实如此。决策影响用户的流程、上下文、查找细节的能力，以及错误频率和任务完成率。这两种选择都可能在错误的时间和地点带来干扰和挫败感。
然我们常常谈论单一的模态UI组件，但我们常常忽视了所有不同模态类型之间细微、复杂的差异。事实上，并非所有模态都相同。模态、对话、叠加和光箱——听起来相似，但实际上差别很大。大多数叠加层出现在错误的时间，会在关键任务中中断用户，使用不当的语言，打断用户的流程。它们天生具有干扰性，且通常严重程度很高，但并不需要如此。如果用户的行为后果影响很大，肯定会被减慢和打断，但对于大多数场景来说，非模态更为微妙，也更友好地引导用户注意某事。如果说有什么，我总是建议它成为默认选项。
作为网页设计师，我们常常认为模态无关紧要且令人烦躁——而且确实如此！——但它们也有其价值。它们可以非常有效地提醒用户潜在错误或避免数据丢失。它们还能帮助执行相关操作或深入细节，同时不中断页面当前状态。但模态最大的优势是它们帮助用户保持当前屏幕的上下文。这不仅包括界面，还包括编辑输入、滚动位置、手风琴状态、筛选器选择、排序等等。有时用户需要快速确认选择（例如如上所示的筛选），然后立即继续操作。当然，自动保存也能达到同样效果，但并不总是需要或希望如此。而且屏蔽界面通常不是个好主意。不过模态不用于任何任务。通常，我们用它们来处理单个、自成一体的任务，用户需要跳入完成任务后返回原位。毫不意外，它们确实适合高优先级、短暂的互动（例如警报、破坏性操作、快速确认）。
在许多复杂且任务密集的产品中，用户会发现自己会反复执行相同的任务。在那里，模态和新页面导航都增加了摩擦，因为它们打断了流程，或迫使用户在所有不同标签页或视图之间收集缺失的数据。用户往往最终体验破碎，充斥着无休止的确认、夸大的警告、冗长的说明，或者缺少参照点。实际上，在许多情况下，用户并不会孤立完成任务。他们需要查找数据、复制粘贴数值、在不同地方细化条目，或者在完成任务时查看类似记录。叠加层和抽屉在任务中更有助于保持对背景数据的访问。因此，上下文始终保持原位，供参考或复制粘贴。将模态和页面导航保存到中断真正有价值的时刻——尤其是防止关键错误。
尽量避免阻塞整个界面。让对话框浮动，部分覆盖界面，但允许导航、滚动和复制粘贴。或者把模态里的内容放在侧抽屉里。或者用竖式手风琴代替。如果需要展示大量细节，也可以把用户带到单独页面。
