1. 问题引发

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

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

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

2. 想法探讨，如下

• 只有提示信息的时候，提示框从中间弹出；
• 只有选择按钮的时候，提示框从底部弹起。
• 提示框从中间弹出，表示侧重提示文字；进而表示提示文字的内容优先级较高；
• 提示框从底部弹出，表示侧重选择按钮；进而表示选择按钮的功能优先级较高；

3. 想法验证，分6种情况，分析如下

3.1、当按钮有2个时，且文字信息，对用户影响不大，或者毫无影响的时候，采用底部弹起选择控件

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

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

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

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

• A. 底部弹起控件的文字比中间弹窗的文字，底部弹起的文字信息更小，内容的优先级更低；
• B. 底部弹起控件的文字比中间弹窗的文字，底部选择按钮的优先级更高。.

3.2、 当按钮有2个时，且文字信息，对用户影响较大，采用中间弹出提示框

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

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

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

• A. 退出可能会使你连续登录的249天的记录归零；
• B. 退出可能会使你的QQ达人图标变灰。

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

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

• A. 中间弹窗的文字比底部弹起控件的文字，中间的字体来得更大；
• B. 中间弹窗的文字比底部弹起控件的文字，中间的位置更显目。

3.3、 当按钮选项，为0个时，采用中间弹出

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

3.4、 当按钮选项，为1个时，采用中间弹出

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

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

3.5、当按钮选项，为3个时，采用底部弹出选择控件

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

3.6、当按钮选项，超过3个时，采用底部弹出选择控件

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

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

4. 总结

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

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

#专栏作家#

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

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