特点:会打断用户的操作行为,强制用户必须进行操作,否则不可以进行其他操作。
所以在用户使用产品的时候,不得已的情况下不要用阻断式的弹框。如果在使用的过程中,出现一个模态阻断,那么用户会觉得非常不顺畅,影响用户使用情绪。但在有逆向不可退的操作中,需要阻断式告诉用户“操作了别后悔”。
模态阻断分为:
(1)浮层弹窗/浮出框(Popover/Popup)-页面顶部
含义:英意为弹出窗口,浮动于顶层窗口,气泡
解读:当用户点击某个控件或者某个区域时浮出的半透明或者不透明的弹窗窗口,不会对用户所在位置进行跳转。
作用:可以在当前页面进行更多的操作行为或调整分类时,显示/隐藏页面中的折叠信息。
适用:首页位置呈现一些常用操作的快捷入口或分类切换。
(2)对话框(Dialog/Alerts)-页面中间
含义:英文意为警告、对话,跟弹窗属性非常吻合,就是紧急状况,打扰用户的行为。
解读:iOS中警告框称之为Alerts,作用是用来传达重要信息,并伴随着需要用户进行操作。
iOS规范中,警告框包含的元素如下:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)必须包含标题、包含一个或多个按钮。Android规范中,弹窗交互按钮需结合实际情况,不用“是/否”原则进行设计。
作用:告知用户当前发生的状况,让用户主动选择回应。
适用:重要性较高的操作时,如退出、删除、清空等。
(3)操作列表(action bar/sheets/Acitivity View)-页面底部
含义:英译为工具栏、操作栏
解读:当用户激发一个操作命令的时候,出现此窗口。一般会给用户提供更多的功能选择,并可采用官方控件。
一般设计有一个默认的“取消”按钮,点击取消可以关闭弹窗。
Aciton Sheets和Activity Views是iOS上特有的交互形式。特性是用户触发、包含两个或以上的按钮。
作用:操作列表提供一系列在当前情景下可以完成当前任务的操作,而这样的形式不会永久占用页面UI的空间。
适用:行为操作功能的唤醒,如分享功能。