5、非模态弹窗：提示框 iOS_HUD&MD_Toast

文章插图
功能：toast是安卓一个控件，现也用于IOS系统中。HUD是苹果控件，现很多安卓系统中也有用到类似的。是一种轻量级的弹窗反馈形式，常以小弹框的形式出现，持续1-2秒自动消失。占用屏幕空间小，不会打断用户操作、使用简单适用范围广。
场景：一般用于提示没那么重要的反馈信息，如刷新后的成功状态。
设计规范：在安卓的规范中，toast只能出现在屏幕底部，只能放文字不能放图标，短时间会消失。但现在在使用中，很多APP都不限制出现的位置，在顶部出现toast，不干扰用户使用产品。但为了让用户形成习惯，最好统一使用的位置。
HUD和toast的区别在，HUD只出现在屏幕中间，toast则在底部，HUD可以包含icon，toast只能纯文字，HUD一般是毛玻璃透明，toast一般是灰黑或黑色半透明，HUD中内容可以变化（如调节音量），toast中内容不能变化。现在很多APP也有了类似HUD的表现形式弹窗。

文章插图
6、非模态弹窗：底部弹窗 MD_Snack Bar

文章插图
功能：Android特有的交互形式，在MD规范中，和toast归为一类，可以理解为加强版的toast，不同的是可以经过用户进行其他操作而消失。
场景：多用于撤销操作。
设计规范：而SnakeBars是既支持用户操作，又会自动消失的控件。一般出现在屏幕底部。有纯文本提示与操作容器两种模式。
toast和Snack Bar都是黑色的，要如何区分？
Snack Bar的显示时间4-10秒比toast更长，并且弹窗的长度更长，不会因为文案的缩短而缩短。
二、弹窗在APP中的表现形式？
弹窗在APP中出现的位置，我们从最常见的说起：
1、居中出现
位于屏幕正中，既是视觉焦点，也便于用户操作。alert和运营弹窗都属于这种形式。用户点击关闭按钮或蒙板区域解散弹窗。而运营弹窗的主内容区域设计可以是异形的，让视觉表现更精彩，一般会有操作按钮和关闭按钮让用户查看或关闭活动。

文章插图
2、底部或顶部出现

文章插图
3、全屏出现
从屏幕下端出现并覆盖整个屏幕，一般使用于用户处于当前界面的分支流程时较多使用（可以理解为套娃），一般使用关闭或取消按钮关闭弹窗。

文章插图
4、其他形式出现
长按APP图标出现的快捷方式选择弹窗，以及引导弹窗帮助用户快速上手。

文章插图
三、弹窗有什么优点吗？
都说弹窗会打断用户的操作流，要谨慎使用，那么弹窗就没有优点吗？接下来了解下弹窗的优点。
1、给予用户正确的反馈，提供好的用户体验
场景一：用户遇到常见的网络链接错误、服务器未响应、登录或注册无反应等，给予友善及时的反馈
场景二：用户在即将犯错时的避错提示，避免用户在误操作是产生消极情绪，避错提示能给予用户需要的“安全保障”，提高用户忠诚度
场景三：完成反馈激励提示，通过奖励来培养用户习惯。
场景四：提示对用户有帮助的错误提示信息。如登录移动APP时，你输入非移动的手机号，他会提示你。

文章插图
2、游戏过程中给予用户提示促进付费
场景一：你在对抗或击杀BOSS的过程中，就差一点点可以成功，这时候跳出弹窗充值可以送你屠龙宝刀，立刻击杀成功。在pk态产品中，快要胜利或失败时，立刻推送胜负信息及能付费后快速改变pk胜负状态的礼包给用户，能够一定程度上促成付费转化。
3、给予用户提示促进分享，达到用户裂变扩散
场景一：国民产品消消乐中，当没有体力后，点击游戏会提示您没有体力，可以分享链接给好友，让好友帮你助力。在平时状态，用户的分享意愿低，这时候，立即推送分享得体力的弹窗，能够一定程度上促进用户分享。
场景二：国民产品拼多多，这个就不用多说了，弹窗提醒你有免费商品或多少现金可以体现，吸引用户进行分享助力。

文章插图
4、挽回用户

稿源：(ZAKER汽车)

【傻大方】网址：http://www.shadafang.com/c/111J2P052020.html

标题：模态弹窗|弹窗究竟怎么设计才能不被骂？( 二 )