在B端的设计过程中，产品经理和设计师经常会为一个页面信息如何展示，如何更好的交互而争论不休。
对于开发来说，他们并不在乎。加一个弹框对于他们来说太简单了。弹窗在B端产品的设计中也是被运用最广泛的。大到各项信息的填写，小到一个温馨提示，都可以用弹框来展示。
如果整个平台随意乱用弹窗，一个弹窗中不断嵌套另一个弹窗，各种弹窗警告，提示，打着站在用户的角度上着想的旗号，不断干扰用户的行为。反而会让用户会感觉你的产品太难用了。
在B端产品的设计中，信息展示的控件分为弹窗、抽屉、新建页，我们应该如何选择，在什么场景下可以使用，以及他们的各自的优缺点是什么？
弹窗
弹窗：是一种中断用户当前操作并对其进行补充，或者对当前操作进行强制反馈的一个行为。
在实际项目中我们将模态弹窗分为：对话弹框，内嵌表单弹窗，分布弹窗，文件选择，复杂信息展示
非模态弹窗包括：通知提醒框，警告提示，全局提示，气泡卡片，文字提示等。
说到这大家可能会问什么是模态弹窗，什么是非模态弹窗弹窗？
模态层通常就是一个半透明的黑色，将整个页面进行遮罩，用户更专注于当前的操作。同时采用半透明的黑色设计，也是让用户知道自己并没有跳出当前页面。
所以模态弹窗就是增加了一层半透明的黑色遮罩，让用户更加专注于当前的操作。
模态弹窗
前面说到模态弹窗分为对话弹框，内嵌表单弹窗，分布弹窗，文件选择，复杂信息展示。我们对这些弹窗样式进行一个简单的解释。
对话弹窗
对话弹窗在我们产品中非常的常见。比如一个按钮的开关，会弹出一个弹窗，让用户进行二次确认，或者根据提示来进行操作。
内嵌表单弹窗
内嵌表单在弹窗中也是比较常见的，在弹窗中增加各种选项操作，比如搜索，下拉菜单，单选，多选等等。通过弹窗去完成各式各样的操作。在B端的设计中，用户的快速注册，登录，提交通常都用弹窗来完成。
分步弹窗
分步弹窗的主要特点就是页脚上会有上一步，下一步等引导，直到完成最后一步。分步弹窗主要实现是有分步或者内容较少场景，比如新手引导。如果分步内容较多是不建议使用分布弹窗，用户对于自己下一步的操作未知，内心会有排斥，进而放弃操作。
附件选择弹窗
附件选择弹窗是用户上传附件的重要途径。在B端产品的设计中现都采取拖动文件上传的形式，对于用户来说更简单方便。
复杂弹窗信息
说到复杂弹窗，B端项目，尤其是我们自己的产品，在遇到信息进行展示和交互，没有更好的解决方案时就是采用的复杂弹窗。复杂弹窗的首要需求就是够大，并且存在很多交互。在复杂弹窗和新建页之间选择复杂弹窗，更多的原因是复杂弹窗能够快速切换不同的操作，不然在信息复杂的情况下并不建议使用复杂弹窗。
非模态弹窗
通知提示
主要用于系统推送和消息提示。比如B端产品中涉及审批模块，可以用通知提示弹窗告知用户审批的结果反馈。
全局提示
全局提示是不希望中断用户正常操作的前提下，进行一个简短的提示。比如我们提交个申请，会出现提交成功的提示，一般居于页面正中央，并且2-3秒短暂出现就消失。
告警提示
对用户进行一个警示作用，提醒用户采取正确的操作，并不会打断用户的操作。比如我们注册的时候，注册信息填写错误，就会提醒用户对错误信息进行处理。告警在设计上与全局提示应该有所区分，一般采取背景颜色进行对比。
气泡卡片
气泡卡片一般是用户通过点击或者hover进行触发，一般用于信息提示，对当前操作进行相应的描述，便于用户理解操作。
抽屉
抽屉在C端的运用非常广泛，尤其是抽屉式导航，通常出现在APP的左右两侧。比如小红书的app点击头像，用户信息就会从左向右浮出抽屉式导航，背景也会出现一层黑色遮罩。
B端的设计也经常是用到抽屉样式，比如B端的菜单导航，信息展示等。
抽屉展示的形式一般有两种，一种是主页面缩小浮动在抽屉导航页面上，另一种是主页面隐藏在导航页面后面。
优势
抽屉的信息承载量比弹框强，不用像新建页需要跳转到新的页面，用户在当前页面即可完成操作。
劣势
抽屉式导航隐藏比较深，当页面上信息量过多的时候，抽屉式导航就不易被发现，用户需要花更多的精力去找到目标入口。
新建页
新建页就是新增一个页面，新建页的运用非常广泛，不管什么场景，无论页面的容量，交互的流畅性似乎都可以选择新建页。但往往也并不是最优的选择。
新建页有两种跳转方式，一种是当前页刷新，另一种是新开页面。这个需要根据自己产品的实际情况，具体场景，具体设计。
弹窗、抽屉、新建页之间我们应该如何选择，下期继续分享~~
