APP弹窗类型总结

弹窗分：模态弹窗和非模态弹窗

模态弹窗：用户需要先与其进行交互，才能继续操作，也就是说他是强制性的。

非模态弹窗：存在一定的时间限制、通常是系统反馈、用户无需做反馈

模态弹窗

1、对话框dialog/警告框alerts

   信息下发（被动）：版本更新、消息通知、运营广告等

   信息提交（主动）：修改信息、登录注册等

   运营广告：注重视觉冲击力，关闭按钮远离弹窗主体，背景颜色更深一点，营造更强的沉浸感

2、浮层popover/popup

通常在用户交互以后出现，如下拉弹窗、下拉菜单，更加强调弹窗的从属关系

 

3、操作栏action bar  操作列表action sheets 操作视图  activity views

   也是用户主动交互后出现的， 一般在屏幕下方，占用屏幕比例较高，多为选择性，底部放置有取消键

 

4、卡片 sheet

比起action sheets ，sheet占用屏幕的比例更高，多承载的是信息的录入功能，sheet需要在顶部标题告知用户当前所处步骤信息，通过底部卡片的形式叠加让用户感知当前所处的任务流程为主流程的分支任务。

 

5、其他补充

 

 非模态弹窗

1、提示框 toast

用于反馈用户的操作结果，一般持续2s自动消失，常见的就是各种刷新信息

2、提示对话框 snackbar

3、透明提示层hud

一般边缘化，避免在中间影响用户沉浸式体验，比如音量

弹窗设计时原则

1、展现形式

   最重要分场景：非模态弹窗以及偏向系统报错的模态弹窗使用最简单的形式展现，以免影响最关键信息的获取；运营类的弹窗，在吸引用户的基础上要让用户注意它只是一个弹窗。