人机交互最重要的原则之一：反馈。

我们拿人与人之间打比方，和某朋友聊天，你一句他一句，针对你的每个话题他都在给你反馈，有言语的反馈、表情和动作的反馈等。

反之，你跟一个朋友交谈，你说着正起劲呢，但对方不停地打断你，你还有兴趣继续说下去么？如果你说一句，他半天不理人，你会不会也会很生气？为什么？因为前者给予了你不恰当的反馈，后者则是没有给你应有的反馈。

———— 《不是哪本书上写的》

当我们和互联网产品交互时，产品会给我们视觉（界面的变动）、听觉（提示音）、触觉（震动）的反馈，聪明的产品会在恰当的时间给予恰当的反馈，不反馈、反馈不及时、反馈不对都会让用户反感你的产品，从而失去用户。

弹框作为一种交互反馈方式很常见，但并不见得每一个设计师都可以100%的弄明白这到底是个什么玩意儿。

这篇文章是通过《网易云音乐》和《印象笔记》两款产品对弹框体系进行简单梳理，希望可以解决大家心中的一些疑惑。

其实弹框我们可以分为两种：模态弹框和非模态弹框

别急

一个一个说

01. 对话框

是什么

对话框是一种打扰或提示，它告知用户发生了重要的情况，并请求用户进行操作反馈才算完。

怎么用

当按钮少于3个时，建议使用对话框
对话框的设计样式繁多，当用户进行一项很重要或者有风险的操作，这时会弹出一个对话框给用户提示信息，用户根据提示来进行判断，同时也可以进行信息录入，还可以用于营销宣传。
对话框选项应明确告知用户操作的结果，避免“是/否“这样的选项

左边的警对话框，按钮文案“删除”明确地告知了操作的结果；右边的按钮文案，回答了上面“删除草稿吗？”这个问题，但是没有告知操作的结果（其实也就是告知的不直接），所以不被建议使用。（来自MD规范）

注意啥

动作菜单呈现的是一组与当前情境相关的2 个以上的操作动作。用户可以启动某个任务，或者确认是否开始执行某个可能具有破坏性的操作。

我们常见的动作菜单样式

以下为花样变形

针对当前页面，用户想要执行的操作太多了，不可能把这些操作都放出来，这样页面上全都是密密麻麻的icon、button。

用操作列表的形式把这些按钮都放在一个临时框里就完美的解决了这个问题。

注意啥

选项较少可使用列表模式，选项过多时，不建议在列表模式中滚动，因为选项的触发横向区域很大，在滚动过程中很容易不小心误点了其中一个
这时可采用宫格模式。宫格模式适用于选项非常多的情况，并且能以图标形式展现选项，常见于分享到其他社交App或使用第三方App打开文件的场景。使用宫格模式建议将相关选项分组，如果某组的数量太多，可以在屏幕右边缘露出部分图标，暗示可以横向滑动查看更多选项。