弹窗，顾名思义，是指弹出的窗口，强调一个弹字。无论是在web端还是在移动端，弹窗都是一种十分常见的一种交互方式，经常被用于以下四种情况
1.广告投放
2.用于系统提示、通知、警告类的消息弹窗。
3.用户引导
4.显示加载
本次案例里主要涉及提示弹窗与引导弹窗：主要是对一个批量上传的新建任务弹窗功能的改进。
1.弹窗作为模态窗（Modals）的一种，本身处在一个不稳定的状态。本项目里面的上传任务较为复杂，安排在一个弹窗里操作会在一个不稳定状态耽误用户的大量时间，以至于在这段时间里需要把填充弹窗作为首要任务（因为一旦离开可能弹窗的不稳定性会造成其信息丢失）。所以将弹窗的任务分解，把“分配主播”功能放在上传结束之后。
原始设计
降低分配主播的优先级
2.第二版中，重新思考了分配主播功能的意义：如果将其放在上传结束后再分配，需增加让用户“立即分配”和“以后分配”的选项已将其与上传步骤分开，若“以后分配”的话，会使一部分用户忘记分配，从而造成二次选择，增加了不必要交互的步骤。故直接取消弹窗，用面包屑的方式将其潜入在网页之中。
嵌入网页
信息全在网页里显示
此时整个业务流程也变为
流程图
3.在第三版中，对这样的修改提出异议：上传作品虽然过程复杂，但是放在网页中，与总的任务列表的父子级关系没有表现出来。且流程涉及继续上传，也过于复杂。弹窗不是不可取，可以选用引导弹窗，把复杂的选项安排在不同的弹窗步骤里，通过下一步，上一歩的操作来维系稳定。
引导弹窗
此时任务流程也得到简化
附：两个改进
1.弹窗（可能是警告框，Alert）：
Alert会阻断用户当前操作的流程，一般是通过提示来选择「确定」或者「取消」。此时任务流程也得到简化
出于人机工程学，左边的伸出去的点击要比右边缩回去要容易。故一般确定在左，取消在右。
2.弹窗的终止性：由于Alert会阻断用户当前操作的流程，造成对用户的惊吓。故除了必要操作和提示要出现弹窗之外，一般不需要出现太多弹窗。诸如此类的Alert犹如鸡肋，不如去之后快。
��������s�۾��
网友评论