APP退出登录时，提示框是从中间弹出，还是底部弹起？ --97928.com

下图左边是微信的退出界面，提示框是从底部弹起的。

下图右边是QQ的退出界面，提示框是从中间弹出的。

这时候，就引发了一个问题：提示框 从中间弹出和 从底部弹起，有什么区别呢？

比如:上面截图的微信 APP界面，当点击微信的【退出登录】按钮时，从底部弹起选择控件。因为纯文字信息，对用户毫无影响。纯文字信息内容：“退出后不会删除任何历史数据，下次登录依然可以使用本账号。”

提示文字的字体很小，视觉优先级低于选择按钮，对于用户来说，毫无影响。

既然纯文字信息对用户毫无影响，那么这里的控件就是纯粹侧重选择。所以微信采用底部弹起选择控件。

在底部弹起控件显示文字比在中间提示框显示的文字有2个优点：

上图的QQ app界面，当点击【退出当前账号】的按钮时，采用了中间弹出提示框。原因：提示框的纯文字信息对用户影响较大。不像微信的提示框信息，对用户毫无影响。

纯文字信息“退出可能会使你连续登录的249天的记录归零，QQ达人图标变灰，确认退出？”

这段纯文字传达了【退出登录】对用户的影响有2点：

所以这里采用了中间弹出提示框，表示提示信息对用户影响较大，文字的内容优先级较高，需要中间弹窗，起到警示的作用。

在中间提示框显示文字比在底部弹起控件显示的文字有2个优点：

比如：上图中的美团 APP界面，点击收藏按钮，弹出提示框：收藏成功。在用户看完之后，提示框自动消失。这种纯文字的，没用按钮的选择的提示框，推荐从中间弹出。这里还有另一原因是，提示的文字信息，比较少。用户可以在2秒以内，理解全部信息。如果文字信息较多，用户理解的时间，超过2秒，那么需要在提示文字的下面，添加一个按钮比如，【知道了】。点击【知道了】，提示框再消失。

比如：上图中的大众点评 APP的界面，提示框只有一段纯文字。加上一个【确定】的按钮，这个时候，表示侧重提示文字，看完了纯文字信息，点击仅有的一个【确定】按钮，就可以隐藏了。

这里需要加一个【确定】按钮的原因是，纯文字太多，导致不能估计用户几秒之内可以看完并理解意思，所以这里需要加一个按钮，让不同的用户，在不同的时间，看完之后，再点击【确定】，让提示框消失。.

上图是大众点评 APP的界面，当点击电话号码的按钮时，从底部弹起选择控件，合计3个按钮。而纯文字信息量为0。所以，这里采用了底部弹起选择控件的样式。

上图是美团 APP的界面，当点击分享按钮时，会从底部弹起选择控件，一共5个按钮。这里采用底部弹起的原因是:?此时的提示性文字信息量为0，而选择控件却有5个，所以这里的优先级别是：功能性的5个选择按钮，大于信息量为0的内容。

这里侧重选择，所以采用底部弹起选择控件。

上面是我最近对于QQ和微信的一点疑问，所引发的思考。

在点击【退出】时，QQ从中间弹出提示框，而微信从底部弹起选择控件。在这个地方的疑惑，我现在终于有了清晰的思路。身心愉悦感，油然而生。

张云钱，人人都是产品经理专栏作家，百度签约作者，Ui中国认证设计师；喜欢分析不同岗位的思维方式和沟通思路，偶尔网上冒泡，写篇文章。

本文原创发布于人人都是产品经理。未经许可，禁止转载。