APP 反馈的三种形式：toast、snackbar、dialog

APP 反馈的三种形式：toast、snackbar、dialog

 

 

聪明的产品会在恰当的时间给予恰当的反馈，不反馈、反馈不及时、反馈不对都会让用户反感你的产品，从而失去用户。

 

现在的公司是做软硬件一体化，我负责OS层面的交互方案，这里会遇到要制定一些设计原则，从而让产品体验更统一。我们都知道，针对信息提醒，有一种设计形式叫toast，如何对toast进行规范，引发了我写这篇文章。

1.反馈

互联网产品存在两套反馈机制，一套是有明显界面变动的反馈，例如你点击淘宝列表页，立马就进入了商品详情页，页面的及时跳转是明显的视觉反馈；再比如你输入完账号密码，点击登录，登录成功，并进入了APP首页，这也是很明显的视觉反馈。

但，如果某种反馈不明显该怎么办？例如，你登录的时候你输错了账号密码，点击登录，是进入不了APP的，这个时候大部分产品都会给予toast提示用户：密码或账号输入错误，请重试。你看到这个提示之后，就会知道自己改怎么做了。这就是反馈的第二套机制：通过设计不同的形式来提示用户。

常见的反馈有三种样式：toast、snackbar、dialog。

2.Toast

toast属于一种轻量级的反馈，常常以小弹框的形式出现，一般出现1到2秒会自动消失，可以出现在屏幕上中下任意位置，但同个产品会模块尽量使用同一位置，让用户产生统一认知。

在样式上，尽量和产品整体风格保持一致，这样会更和谐，不至于突兀。

豆瓣APP&淘宝APP

3.Snackbar

Snackbar继承了toast的所有特性，即：为小弹窗的形式，会自动消失。有三个差异化：①可以出现0到1个操作，不包含取消按钮；②点击Snackbar以外的区域，Snackbar会消失；③一般只出现在屏幕底部。

带一个操作 & 不带操作

Snackbar只出现在Android平台，提示程度比toast稍重，介于Toast和Dialog之间。

Snackbar使用场景：当你删除某张照片时，可以在屏幕底部出现Snackbar，提示“照片成功删除”，并附带撤销操作，当用户点击撤销时，照片可恢复。用户不进行操作Snackbar则消失，照片删除成功。

4.Dialog

如果Toast和Snackbar两种形式都不足以达到你需要的反馈强度，则推荐你使用Dialog的形式，即对话框提示。

强提示 & 运营消息

如上图，Dialog有两种使用场景，第一是很强的消息提示；第二是重要的运营消息。

由于Dialog不会自行消失，必须用户操作后（点击确定或关闭）才能消失，所以会打断用户当前任务，这会增加用户的焦虑和不安感，影响用户体验，请谨慎使用。如果一定要使用Dialog形式来提示用户，可以尝试在视觉上做得更有趣，减少用户的焦虑和不安。

除了Toast、Snackbar、Dialog之外，还有一种临时框，叫Actionbar，该提示框一般用于让用户选择操作，而不是作为反馈或消息提示。

所有的设计形式都是服务于产品功能，而产品功能则来源于用户需求、公司战略、老板意志等方面。在知道每种设计形式的来龙去脉的基础上，让设计形式服务好用户和公司。

临时框：Actionbar

5.总结

人机交互最重要的一条原则之一：反馈。我们拿人与人之间打比方，和某朋友聊天，你依据他一句，针对你的每个话题他都在给你反馈，有言语的反馈、表情和动作的反馈等。试想一下，如果某个傻逼朋友，你说一句，他半天不理人，你会不会很懊恼？为什么？因为他没有给你应有的反馈。

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