问题背景

在团队建立规范时，发现以往的设计中，存在带关闭按钮和不带关闭按钮的两种弹窗，制定规范时，大家对于是否在弹窗规范中加上关闭按钮，持有不同的意见，又没有充分说服对方的理由。因此，现在回过头来重新学习一下这一块的知识，分辨一下二者。

取消按钮和关闭一样吗？

答案是不一样的。
在讨论中，辉哥提到一点是自己操作时，如果自己不是很确定，会直接点击关闭按钮，而不是点击取消，虽然大部分情况下，二者是一样的。这反映在我们的潜意识中，点关闭是比点取消更加保险的，即使我懒得看对话框中的内容，也可以直接点击关闭，其实二者的逻辑是又区别的，可以用以下流程图表示：

从流程图中可以看出，关闭和取消并不是在同一操作层级上，关闭是针对触发弹窗这个动作的撤销，但是取消实质上已经是对弹窗内容的处理了。

从触发看

上面提到，关闭按钮其实是对用户动作的撤销，所以如果当这个弹窗是由用户动作触发的，则是需要关闭操作的；
如果这个弹窗是由系统主动弹出的，则需要区分，是必须执行的操作还是非必须操作，在确定是否需要关闭操作

从终端看

在桌面端上，一方面，用户在windows系统中都已经习惯了点关闭按钮的操作；另一方面，鼠标不像手具有遮挡性，一般操作和阅读时都是停留在弹窗内，这是点击弹窗内的关闭按钮，要比点击弹窗外空白区域操作举例更近一些
在移动端上，显示区域更少，而操作区域更灵活，因此 点击弹窗外空白区域来关闭弹窗 可以替代关闭按钮；但也并不是所有的弹窗都不再用关闭按钮了，观察到大量的带有关闭按钮的移动端弹窗很多都是主动弹出的活动或广告，猜测是对于这些主动弹出的而非必须操作，为了减少这种额外信息对于非目标用户的打扰，所以将关闭按钮明显显示出来，让用户快速关闭。
在IWB端，点击空白区域关闭的优势在于，面对较大的屏幕，缩短了用户点击右上角的操作时间；而缺点在于，误操作关闭掉正在使用的弹窗的概率更大。结合IWB设备在讲演场景下，用户的情绪会比较紧张，在这种情况下，更害怕发生错误，而更向往确定性，所以在软件窗口的固定位置显示关闭按钮，更加符合场景需求。

结论

按照以上思考，得到以下推论：

|

| 主动触发

| 系统弹出

| 必须处理

| | 移动端

| 无关闭按钮，点击空白区域关闭

| 关闭按钮

| 不能关闭

| | 桌面端

| 关闭按钮

| 关闭按钮

| 不能关闭

| | IWB端

| 关闭按钮

| 关闭按钮

| 不能关闭

|

引申问题：弹窗类型会影响吗？
弹窗的类型有：功能对话框，属性对话框，进度对话框，公告对话框，标签对话框，扩展对话框，级联对话框，错误对话框，警告对话框，确认对话框