弹窗设计
导语：我们平常在使用各类APP时，经常会遇到弹窗，弹窗的设计好与坏很大的影响了用户的体验，让用户感到不舒服的弹窗只会让你的后续收到更多的麻烦和反馈
一、什么是弹窗
弹窗是为了让用户回应，需要用户与之交互的窗口。
存在于应用的多种场景中，需要用到不同的弹窗类型，满足跟用户交流的信息传达与操作。
弹窗在产品中的地位相当于一个小助手，在用户迷茫的时候，告诉用户如何做(引导)；在用户与产品进行交互操作时，告诉用户接下来会发生什么(提示)；甚至在用户沉浸在体验中的时候，轻微告知用户需要知道的信息(传达)。
二、弹窗的分类
1、模态弹窗
会打断用户的操作行为，强制用户必须进行操作，否则不可以做其他操作
比如一款APP退出账号弹窗，不会随着时间的推移而关闭弹窗，必须是用户自己操作才会关闭弹窗
2. 非模态弹窗
不会影响用户的操作，用户可以不回应，通常有时间限制，时间到了，弹窗会自动关闭
比如一款APP进入之后的弹窗广告，多少秒之后就会自动消失或者操作成功后N秒后自动返回
优秀弹窗需要具备什么条件
视觉方面：
1. 简洁性
如果用户正沉浸在APP的体验中，你突然来个弹窗并且第一时间没有找到关闭按钮，那么用户的体验将会很差
2. 易懂性
当用户看见一个页面，应该一目了然知道它是什么意思
3. 快速性
快速响应，是一个弹窗的基本素养
特别是在网络状况不好的情况下，更应该给予用户反馈的状态；比如用户操作了一个需要付费或者消费的行为，那么这时候需要告知用户当前的状况，如果等你网络好了再告诉用户发生了什么，用户早已经被吓跑
交互方面：
1. 可识别性
文案与图片显示清晰，文案颜色与背景应该分明，而不是相近的颜色让用户分不清
2. 可操作性
要存在可关闭的操作，而不是像流氓一样关不掉，用户可以选择关闭的方式比如：弹窗取消按钮，或者点击弹窗以外的区域
作用：可以在当前页面进行更多的操作行为，显示/隐藏页面中的折叠消息
设计目的：首先icon一般比较小，并且放置于顶部位置，不会影响到用户的使用，当用户想查看更多消息时便可打开，在整体的布局上也没有占过多的位置，使得页面美观的同时也可以收纳很多消息，小巧而精悍。
升级弹窗
用于提示与警告用，常用于升级、警告、内测公告等内容
设计：
标题：一定要醒目，位于弹窗的中心，明确提示的内容，让用户能一眼知道这个弹窗是什么，标题已精简为主，切记长篇大论，一般建议在7字以内，过多的文字会造成短期的记忆压力
内容：一般是说明性文字，用来告知用户主要信息，也是补充标题描述信息，描述一定要简短精炼，容易理解
操作按钮：一定要提供可关闭按钮(版本极低强制更新除外)
字体颜色上也要区分开来，一般同意类的字体颜色比取消要更深，能让用户能一眼发现，按钮大小方面，建议同等大小，如果取消按钮很小，反而会让用户变得反感。
非模态弹窗
反馈图标
反馈图标一般包括几种状态，成功、失败、异常等；图形元素更能够吸引视觉焦点，比文字更生动形象，一般2s内很难抓住用户焦点，所以图标效果更佳
反馈文案
文案一般非常简短，在有限的时间内尽量清晰，让用户快速知道发生了什么(不可超过两行)
框背景
一般是为了在界面上层让信息更加清晰，在复杂的界面中，如果此提示不加框的话，容易被其他元素所影响，造成了视觉干扰
总结：
无论是怎样的设计，我们都是基于用户体验的，都是一个持续优化的过程，要时刻了解用户需求以及互联网发展趋势，不断更新迭代。
