弹框体系总结

Snackbar

Snackbar一般是由文字和功能按钮组成的，用户可以点击按钮交互，即使用户不点击snackbar也会自动消失，一般位于屏幕下方。通俗意义上，我们可以把snackbar看成是带有icon的toast。

Snackbar我放在最后说，因为它非常特殊。虽然snackbar属于非模态弹框，但是它也有模态弹框的一些特点。例如snackbar也有按钮来供用户交互；此外snackbar一般会出现在界面下方，这点又和动作栏中的Action sheet很像。

如果上面写的你看不懂，没关系。我来给你做一个小结：非模态弹框偏重信息提示，模态弹框既可以信息提示也可以供用户交互；toast是轻量型的弹框类型，snackbar集众家之所长，当然你说它四不像我也没意见。

弹框体系的建立优化

以上我们了解了几种主要的弹框样式和用法，接下来我们来考虑的是如何建立一款产品的弹框体系或者如何对现有产品的弹框体系进行优化。其实弹框体系的建立和优化的原则可以用一句话概括：能在界面中展示就不用弹框，能用非模态弹框的就不要用模态弹框。

因为任何弹框都会对用户造成干扰，即使是最轻量型的toast。从用户体验的角度来说，进行一个操作流程所受到的干扰肯定是越少越好。以下图为例，用户可能会对“配速区间”和“配速稳定性”这些专业术语不太了解，所以他们会点击“问号”图标。

这时候我们有 3 种的解决方案：

1 通过一个新的界面展示。但是我们可以可以看出，解释信息并不多，不需要通过一个新的页面来展示。

2 使用对话框或者浮层，在这里我们不能使用toast，因为toast时间太短，用户根本读不完。

 3 在当前界面展示。

其实方案 2 和 3 这在我看来是不错的解决方案。但是考虑到减少对用户的干扰和操作步骤，这里我觉得方案 3 更佳。

多态按钮

此外多态按钮的使用也可以帮助我们解放弹框的压力。例如，支付宝的支付界面，立即支付按钮可以跳转到付款成功的状态，这时候就没有必要再用弹框给用户提示了。

建立优先级

优先级不同的信息应该获得不同的视觉权重，那么视觉权重最大的模态弹框应该展示重要的内容。所以我们要对需要展示的信息做一个优先级的排布，要让真正重要的信息才可以使用模态弹框。只有低频而又合理的使用，用户才会当回事。过度使用会给用户产生”狼来了”心理。

总结

因为现在交互设计的很多术语都没有统一，导致很多人对于弹框的种类很定义都有很大的出入。这篇文章是从我个人角度进行的一个总结，希望可以帮助到大家。各位有什么想法的，欢迎留言或者私信。

（编辑：厦门站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!