B端场景中，很多时候当前页面无法承载所有信息或操作，但是又不想跳转页面，因为跳转页面很有可能会破坏体验沉浸感。
因此，在不打断用户操作流程的情况下，通常需要借助辅助页面完成操作，比较常用的有对话框（Modal）和抽屉（Drawer）两个控件。
对话框和抽屉有许多相似之处，很多场景下，两者形式似乎都可以使用，这时候大脑就会面临抉择，因此，这次我想重新梳理一下对话框和抽屉的特点，节省决策时间。
01、表现形式
首先，咱们先来对比一下两者的表现形式。
对话框通常从屏幕中心弹出，最终位于屏幕中央，边缘封闭，与主页面存在一定距离。
抽屉通常从屏幕边缘滑出，最终位于屏幕一侧，边缘开放，与主页面边缘相连。
基于两者的视觉表现形式，咱们可以从以下方面分析：
1. 聚焦程度
用户视线通常聚焦于屏幕中央，其中对话框位于屏幕中央，用户视线几乎无需偏移即可查看。
并且对话框不与屏幕相连，自身形成封闭空间，因此对话框内容的聚焦程度更高。
2. 干扰程度
同样，由于对话框的位置更加明显，与主界面的关联性低，用户感知上会更加突然，干扰程度更高，更可能打断用户当前操作，相比抽屉不利于用户的沉浸式体验。
3. 信息关联性
此处的信息关联性是指辅助页面信息与主页面信息的联系。由于抽屉会从屏幕一侧滑出，并最终与屏幕边缘相连。
在用户感知中，会觉得抽屉信息与主页面的信息的关联性更高。
4. 信息承载量
因为抽屉与主界面的关联性更强，用户感知上也会觉得抽屉与主页面更加相似，比如信息量过多的时候，抽屉的上下滑动会更加舒适。
其次，抽屉的多层级展示也更加方便，更加适合堆叠，当然这不建议使用，最好还是从流程和信息优化出发，避免多层抽屉出现。综合来看，抽屉能够承载的信息更多。
02、如何决策
那么，咱们再来看两者的使用场景，总体其实可以分为三大类，分别是信息确认、信息录入和信息展示。
1.信息确认
信息确认可以分为两种，一种是重要操作后的反馈确认，比如删除的二次确认。这种信息通常非常重要，必须引起用户重视，因此大多采用聚焦程度高、干扰程度高对话框。
一种是信息提示，通常具有全局性，和当前页面的关联性较低，比如软件更新提示。这种信息相对重要，并且如果忽略该信息的话，用户很难主动去发现这些信息，因此也会采用对话框承载。
2.信息录入
信息录入通常出现在创建或更改信息的场景中，需要在当前任务流中插入临时任务，比如说新增账户、新增任务等等。
信息录入模块通常在操作后出现，用户有明确预期。其次，不太容易出现误操作，用户关闭后可以轻松调取；最后信息相对较多。
因此适合采用干扰程度低、信息承载量高的抽屉。
3.信息展示
信息展示通常出现在查看信息的场景中，特征与信息录入类似，因此也适合采用抽屉的展示形式。
以上的只是分析了集中比较常见的场景，具体工作中，我们会遇到更加复杂的决策，但是大体可以这样总结：
信息非常重要，必须引起用户注意，或者用户难以主动发现的场景，适用于对话框。其他场景尽量采用抽屉形式，给予用户沉浸式体验。
其次，还应该注意一致性，如果现有系统的信息录入和展示形式都是对话框，那么在以后的设计场景中要保持一致。
最后，总结一下。
需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以采用对话框和抽屉辅助完成操作。
其中，信息确认建议使用对话框，信息录入和信息展示首先推荐使用抽屉。同时抉择时要注意一致性问题。
