5分钟交互设计指南系列：对话框

框 (dialogs) 是叠加在应用主视图上的弹出 (pop-up) 视图，一样平常会要求用户作出回响。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialogs)。

模态 (modality) 会阻止用户完成当前视图上的使命，行使户专注于模态视图 (modal views) 里的新使命；只有当模态视图被终止后，用户才气继承完成之前的使命。

在下面的例子中，提醒框阻止用户继承查察舆图，行使户专注于提醒；只有当用户轻点 OK 后，用户才气继承查察舆图。提醒框是 iOS 中常见的模态视图之一。

对话框一样平常由什么构成？

大部门对话框都由问题、按钮和声名文本构成。假如对话框应承用户输入或选择，则还需相干控件。

• 问题：对话框的问题应该简捷易懂、一览无余。

• 按钮：模态对话框上一样平常有两个按钮，一个是默认按钮（好比，“确认”、“打印”、“清空接纳站”），另一个是打消按钮。它们该当给用户清楚的选项。当用户点击任何一个按钮后，模态对话框就会封锁。为了进步纯熟用户的服从，我们应该应承用户按 Esc 键终止对话框（结果和打消按钮沟通）。

• 声名文本：声名文本可以向用户表明对话框里的使命，它应该清楚、停止一再信息。

什么是模态对话框？

当模态对话框打开后，用户不能继承之前的使命，除非模态对话框被终止。

在计划交互界面时，我们应该重视模态对话框的计划。计划精采的模态对话框可以辅佐用户更好的完成使命，而糟糕的模态对话框则会让用户感想沮丧。Alan Cooper 将模态对话框比作界面计划中的”副角“。由于模态对话框会打断用户的心流 (flow)，以是首要的内容和相干控件应该放在主视图中，而不是散布在差异的模态对话框中。另外，当一个对话框层叠在其它一个对话框之上时，它们每每让人摸不着脑子。

△ 级联对话框 (Cascading Dialogs) 每每令人狐疑

为什么行使模态对话框？

假如行使适合，模态对话框可以辅佐用户完成使命，缔造精采的用户体验。当你有以下需求时，可以思量行使模态对话框：

1. 获取用户的留意力

当你但愿用户专注在一项重要的使命上时，你也许必要行使到模态对话框。尽量必然会打断用户，但很少有其他组件能像模态对话框一样获取用户的所有留意力。模态对话框一样平常处于界面的最顶层的中间位置。用户必需先处理赏罚模态对话框里的使命，然后才气行止理赏罚其他使命。因此，用户不太也许错过它们。

在下图的例子中，当用户删除项目时，应用启动了一个模态对话框向用户确妊?佚操纵。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!