用户体验（UX）中的模式

模态窗口最初是作为用户界面中显示的重要或基本事件的提示而创建的。随着设计界的不断进步，企业探索出了许多收集数据的方法，以扩大受众范围。其中一种做法就是使用这些方便的弹出式窗口（其中许多窗口会完全遮挡父页面上的内容），这些窗口后来被滥用和误用，迎合了设计师、利益相关者和营销人员的愿望，但令人遗憾的是，却牺牲了良好的用户体验。

方法如下

没有人喜欢被打断，但有时打断也会带来不便。

您的模式屏幕是必要的还是无偿的干扰？

例如，如果你正在进行重要谈话，有人打断你，告诉你有人闯入了你的汽车或你的房子着火了，你会非常感谢他们，并立即采取行动解决紧急情况。

然而，如果有人打断了同样重要的谈话，问你天气或你最喜欢的颜色，你可能会对这种不必要的打扰感到相当恼火。

同样 模式对话框 (或对话框）。正确使用时，它们是救星（至少对用户有利）；滥用时，它们令人讨厌，阻碍工作流程，破坏用户体验。

在今天的文章中，我们将解释什么是模态窗口，以及为什么使用模态窗口必须尊重用户和访客，以保持理想的用户体验最佳实践。

模式和用户体验

在模式方面，用户体验设计师应始终特别尊重用户的工作流程，只提供必要的信息。

由于 尼尔森-诺曼集团 各州：

模态对话框会打断用户并要求用户采取行动。当用户的注意力需要被引导到重要信息上时，就适合使用模态对话框。

如何确定 "重要信息 "充其量只是一个有争议的问题。当然，为了获得最佳的用户体验，决定权应掌握在用户手中。如果你不能尊重这个基本概念，或者不确定什么是 "重要信息"。 至关重要 对于用户来说，简单的测试就能提供必要的数据，从而推动模式窗口的适当使用。

什么是模式？

模式窗口出现在父屏幕内部或顶部，使页面的所有功能元素处于非活动状态。模式窗口 模式对话框 旨在提醒用户注意某个特定事件，要求用户进行交互以关闭窗口，然后才能像以前一样继续与内容或软件进行交互。

行动中的模式

不难看出，"...... "是多么重要。 保存对话框 模式窗口。当该模式对话框出现时，它会询问您是否要在关闭前保存对文档所做的更改。我们都曾因为没有保存文档而丢失工作，因此这个选项对于创建重要文档的人来说是一个很好的帮助。有了保存、取消或不保存的选项，你就可以继续操作，这个决定可能会让操作停止，但它是值得的。对于经历过丢失工作的挫败感的人来说，他们会非常高兴自己的工作能得到这个由系统启动的模式窗口的保护。

而在另一端，在访问一个新网页几秒钟后出现的弹出窗口，要求你加入他们的邮件列表，或者允许他们在你阅读想看的内容之前向你发出通知，对用户来说就不是那么必要或重要了。这是一种轻微的不便，但在用户体验设计中，这种不便并不值得打断用户的工作流程。

作为收集新联系人的额外选项，你可以理解为什么营销人员喜欢这一操作，但就用户体验而言，关于正确使用这一组件的争论非常激烈，而且围绕这一功能如何被滥用也存在争议。

模式类型

模态对话

以下示例展示了当今数字环境中如何使用模式窗口：

• 占满整个屏幕的弹出窗口和灯箱
• 提示和通知（包括拯救生命的保存对话框和其他防止用户出错的模式屏幕）
• 软件和浏览器内的警告和说明
• 复杂的操作选项和工作流程
• 收集必要的输入信息，如账户登录和付款方式，或授权访问手机摄像头、相册等。
• 一些工具提示
• 确认操作，如成功发送表单
• 在打开应用程序或网站时提供上机向导或新功能提示
• 营销请求，如通讯、账户和折扣/优惠注册

无模式对话

作为用户体验研究人员，我们希望鼓励用户参与，但又不影响流程或用户对产品的喜爱。

模式窗口的替代选项可以完成同样的工作，但不会造成干扰，也不会阻挡父页面上的内容。称为 无模式对话窗口 或 非模态窗口此外，这些选项不会占据整个屏幕和用户界面，通常会出现在同一页面上。它们让用户可以自由地继续他们正在做的事情，同时忽略任何额外的请求或将其留待稍后处理。

关于 移动设备在空间有限的情况下，模态屏幕和非模态窗口看起来非常相似，因为两者都可能占用屏幕来显示信息。不过，两者的主要区别在于导航栏和页眉，在非模态窗口中，导航栏和页眉仍然可见。在模态屏幕中，它们有自己的页眉或页脚，并提供取消或通过提供所需或必要的输入进行操作的选项；而在非模态窗口中，导航栏保持不变，允许许多与之前相同的选项。

与模态屏幕相比，非模态窗口是如何显示的？以下是几个你可能每天都会看到和使用的例子：

• 页面内对话框，如聊天框和搜索功能
• 内联警告，如表单字段输入错误
• 使用外部链接按钮将信息放在单独页面上
• 内联输入、调查和评论框
• 内嵌幻灯片和视频播放器
• 在页面顶部或底部的弹出式栏中显示 Cookies 通知
• 提供可见的页面内容
• 选项卡菜单
• 手风琴
• 创建电子邮件信息弹出窗口
• 搜索框
• 弹出式侧边栏对话框